/*
Theme Name: BEC Austin General Contractor
Theme URI: https://branding-beyond.com/
Version: 1.12
Description: BEC Austin General Contractor
Author: Branding & Beyond
Author URI: https://branding-beyond.com/
template: bb-theme
*/


/*  ========= REFERENCE ==============
Help Servers Clear Cache:
		With every major edit increment version numbers (for example 1.001 to 1.002),
		This will help servers to know they have an outdated file and they should update.

Page Wrapper .fl-page
Top Bar .fl-page-bar
Fixed Header .fl-page-header.fl-page-header-fixed
Header .fl-page-header.fl-page-header-primary
Content Area .fl-page-content
Footer Widgets .fl-page-footer-widgets
Footer .fl-page-footer

Right Nav .fl-page-nav-right .fl-page-nav
Bottom Nav .fl-page-nav-bottom .fl-page-nav
Centered Nav .fl-page-nav-center .fl-page-nav


*/



/* =========== UTILITY CLASSES =================================================== */

.orange {color: #dd7600;}
.blue {color: #003c6b;}
.ltgray {color: #f1f1f1;}
.gray {color: #808080;}
.dkgray {color: #444444;}
.iceblue {color: #90c9d4;}
.lticeblue {color: #c8e4ea;}
.white {color: #ffffff;}


/* =========== TOP BAR =================================================== */

.fl-page-bar-row .fl-page-bar-text-1 {
	font-weight: bold;
	font-size: 14px;
}

.fl-page-bar-row .fl-page-bar-text-2 {
	letter-spacing: .1em;
	font-size: 11px;
}




/* =========== HEADER ADJUSTMENTS =================================================== */
.fl-page-header-primary .fl-logo-img {
	
}

.fl-page-header-logo {
	text-align: left;
}

/* Header Reservation section */

.fl-page-header-address-col{
	text-align: right;
}
.fl-page-header  {

}

.fl-page-header a {
	font-weight: bold;
}

#trip-advisor{
	margin-bottom:10px;
}
.fl-page-header p {
	margin-bottom:0;
	font-size:0.8em;
	font-weight:400;
	color:#777;
}


#header-phone-number a {
	font-size:2em;
	font-weight:800;
	color:#dd7600;
	padding-top: 15px;
}

#header-address{

}

#header-email{}




/* =========== MAIN NAVIGATION ADJUSTMENTS =================================================== */
/* ADD LETTER SPACING TO THE MAIN NAV */



/* Header Menu Align center */
.fl-page-nav ul#menu-main-header-nav {
    width: 100%;
	display: flex;
	justify-content: center;
}

.fl-page-nav ul#menu-main-header-nav li a:hover {
background: #c8e4ea;  /* menu bar blue on hover  */	
}

.fl-page-nav-container {
	letter-spacing: .08em;
}



/* Header Menu Sub-Page */
.fl-page-nav ul.sub-menu {
background-color: #ffffff;
padding: 0px;
margin-top: 0px;   /* remove spacing btwn parent child  */
border-top-width: 0px; /* remove color in top bar  */
}


/* NOT USED add color background on hover 
.fl-page-nav-centered .fl-page-nav-wrap .navbar-nav > li.current-menu-parent > a,
ul.sub-menu > li.menu-item.current_page_item > a,
.fl-page-nav-centered .fl-page-nav-wrap .navbar-nav > li > a:hover,
ul.sub-menu > li.menu-item > a:hover {
color: #193e6e;
background-color:#9fe4f5;

}*/


/* Header Menu Sub-Page Link */
.fl-page-nav ul.sub-menu li a {
color: #003c6b;
text-transform: capitalize;
padding: 10px 20px 10px 20px;
margin-left: 0px;
margin-right: 0px;
border-bottom: 1px solid #cccccc;
letter-spacing: .05em;
font-weight: 500;
}

/* Header Menu Sub-Page Link Hover */
.fl-page-nav ul.sub-menu li a:hover {
color: #003c6b;
background-color: #cccccc;

}

/* == make subnav wider than 240 == */
.fl-page-nav ul.sub-menu {
width: 260px;
}


/* add the space around the nav item */
.fl-page-nav-centered .fl-page-nav-wrap .navbar-nav > li > a,
ul.sub-menu > li.menu-item > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Header Menu Sub-Page */
.fl-page-header-primary .fl-page-nav-wrap {
  border-top: none;
  border-bottom: none;
}


/* ---- Active Nav Item Code ----- */

/*Main Navigation, if not working check ID*/
#menu-main-header-nav li.current-menu-parent, 
#menu-main-header-nav li.current_page_item{
    background: #c8e4ea;
}
#menu-main-header-nav li.current-menu-parent a, 
#menu-main-header-nav li.current_page_item a{
	color:#003c6b;
}

/*Sidebar & footer navigation*/
#menu-footer-quick-links li.current_page_item a,
.sidebar-nav .widget_nav_menu li.current_page_item a {
    color: #dd7600;
}


/* END MENU ON*/




/* =========== PROJECT PAGE STYLING =================================================== */
.pp-content-grid-post .pp-post-link:hover  {
	background-color: #003c6b;
	opacity: 0.5;
}



/* =========== GENERAL SITE STYLING =================================================== */


p.intro{
font-size: 17px;
line-height: 160%;
}

p {
padding-top: 5px;}

h1 {
padding-bottom: 10px;	

}


h2 {
	color:#dd7600;
	font-weight: 400;
	
}

/* bold 2nd paragraph within an h2 */
h2.boldSecond {
color:#dd7600;
font-weight: 600;
padding-top: 0px;
padding-bottom: 10px;
}


h3 {
	
	padding-top: 10px;	
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}


h4 {
font-weight: 700;
margin-bottom: 5px;
}

h4 a:link {
color: #003c6b;
}

h4 a:hover {
color: #dd7600;
}



h5 {
	
}


h6 {
	
}





/* =========== HOME PAGE =================================================== */

.hm-4bucket-row p {
	font-size: 14px;
	line-height: 160%;}

.fl-callout-title-link {
font-weight: 600;
font-size: 21px;
line-height: 110%;
padding-top: 0px;
}

.photo-frame {
        border: solid 1px #CCC;
        }

/* =========== INTERIOR PAGES ============================================ */
/* remove extra space around interior page 2nd column */
.fl-page .col-md-8 {
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
	border-right-width: 0;
	
}
.fl-page .col-md-8 .fl-module-content{
	margin-left: 0;
}

/* =========== SIDEBAR =================================================== */

/* Remove extra margin on widget */
.fl-sidebar .fl-widget {
	margin-bottom: 30px;
}

/* Contact Module - How can we help you 
This is the grey side-bar module
*/
.contact-module {background : #c8e4ea; padding-left:10px;
padding-bottom:3px; border : 0px solid #aaa; width: 90%; }

.contact-module h4 {font-size: 46px; font-weight: 300; line-height: 1.1; 
margin-bottom: 0px; padding-bottom: 5px; padding-top: 0px; color: #003c6b;}

.contact-module h5 {font-size: 16px; font-weight: 600; 
padding-top: 5px; margin-top: 0px;}

.contact-module p {font-size: 17px;color:#555; 
line-height: 160%; 
margin-bottom:20px; padding-right: 5px;}

.contact-module a:hover { background-color: #dd7600; border: 1px solid #dd7600;}
.contact-module a {
font-weight:normal;
background-color: #003c6b; 
font-size: 14px; 
color: #ffffff; 
text-decoration: none; 
border: 1px solid #003c6b; 
padding-left: 25px; 
padding-right: 25px; 
padding-bottom: 10px; 
padding-top: 10px; 
}

.sidebar-nav h2.widgettitle {
	color:#999999;
	font-size: 1.6em;
}
.sidebar-nav .widget_nav_menu li a {
	color: #003c6b;
	font-size: .9em;

}

.sidebar-nav .widget_nav_menu li a:hover  {
	color: #dd7600;
	text-decoration: none;
}

.sidebar-nav .widget_nav_menu li{
	padding-bottom: 8px;
	border-bottom: 1px solid #cccccc;
	padding-top: 3px;
}
/* =========== MAIN FOOTER =================================================== */

.fl-page-footer-widgets-row{
	padding-top: 20px;
font-size: 14px;
}
.fl-page-footer-widgets-row h4.fl-widget-title {
	/*Footer Widget Title*/
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: .07em;

}

.fl-widget .widget_nav_menu a {
	font-weight: 600;
}
.fl-page-footer-widgets-row div.col-sm-3:first-child .fl-widget h4.fl-widget-title {
	margin-bottom:0px;
}


ul#footer-address {
  list-style: none;
  padding: 0;
  margin-left: 0;
}
ul#footer-address li {
  padding-left: 1.3em;
}
ul#footer-address li:before {
  font-family: FontAwesome;
  color: white;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
ul#footer-address li#map-icon:before {
  content: "\f041";
}
li#phone-icon:before {
  content: "\f095";
}
li#envelope-icon:before {
  content: "\f0e0";
}



.footer-info,
.footer-info strong,
.footer-info a {
font-size:15px;
font-weight: 600;
}



.fl-page-footer-text a{
	    text-decoration: none;
}



/* =========== SUB FOOTER - Copyright =================================================== */

#copyright{
	margin-top: 0px; font-size:13px;}

.fl-page-footer-text { font-size: 12px;}
.fl-page-footer-text a { 
	text-decoration: none; 
	color: #46a4cb;
}

/* fl-page-footer-text-1 - for col 1 vs. "text-2"  */

.fl-page-footer-text-2 {
	font-size: 14px; font-weight: bold;}



/* =========== BLOG POSTS =================================================== */



/* =========== GRAVITY FORMS =================================================== */


.gform_wrapper .ginput_complex .ginput_right {
    float: none !important;
    width: 100% !important;
}
.gform_wrapper .ginput_complex .ginput_left {
    float: none !important;
    width: 100% !important;
}
.gform_wrapper .gfield input[type="text"]{
    padding: 8px 5px;
    color: #666;

}


.gfield_label {
font-size: 16px!important;
}


.gform_wrapper .gfield input[type="text"], textarea {
    color: #000000 !important;
}


.formBackground {
    width: 100%;
    padding: 12px;
    background: #F3f3f3;

}

.gform_title {
	
	line-height: 120%;
	color: #DD3333;
	padding-top: -8px;
	
}
/* to overwrite GFs STUPID css from hell */
body .gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text {
    clip: rect(300px,300px,300px,300px);
    position: relative!important;
    height: auto;
    width: auto;
    overflow: visible;

}

body .gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text {
    clip: rect(300px,300px,300px,300px);
    position: relative!important;
    height: auto;
    width: auto;
    overflow: visible;


}



/* outline on Field area boxes */
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper select,
body .gform_wrapper textarea
{
border: 1px solid #dddddd !important;
height: 20px;
}

/* BUTTON */
body .gform_wrapper .gform_button {
color: #000;
border: 2px solid #333333 !important;
font-size: 16px!important;
padding: 10px;
}


/* =========== MODUALS =========== */