/*
Theme Name: BEYOND
Theme URI: https://brandingbeyond.com
Version: 1.5
Description: Custom theme developed by Branding & Beyond
Author: Tracy OShaughnessy
Author URI: https://brandingbeyond.com/
template: bb-theme
*/

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

/* Add your custom styles here... */ 

/* ----------- COLOR PALETTE -----------*/
.navy {	color: #143065 !important;}
.blue{ color: #265bb4 !important;}
.teal{ color: #2bb5d1 !important;}
.green{ color: #87bc1f !important;}
.red{ color: #f05133 !important;}
.orange{ color: #fa8000 !important;}
.ltblue{ color: #3c9bf2 !important;}
.gray { color: #666666 !important;}




.box-blog {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000000;
	text-align: left;
}


/*--------------- INTERIOR HEAD EDITS ------------*/
/*-- prehead --*/
h6 {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 0;
	padding-bottom: 0;
	color:#999999;
}
h5 {
	font-weight: 500;
}

h1 {
	margin-top: 5px;
}

h2, h3, h4, h5 {
	margin-top: 8px;
	padding-top: 5px;
	margin-bottom: 7px !important;
}
/*-- TEAL - AC pages --COLOR CHANGED TO BLUE- TOO DISTRACTING IN SEC. COLOR-*/
#ac-interior h1, #ac-interior h2,#ac-interior h3,#ac-interior h4,
#ac-interior h5,   {
	color: #265bb4 !important;
	font-weight: 600;
	letter-spacing: .5px;
}

/*-- ORANGE - ELECTRICAL pages --COLOR CHANGED TO BLUE- TOO DISTRACTING IN SEC. COLOR-*/
#ele-interior h1, #ele-interior h2,#ele-interior h3,#ele-interior h4,
#ele-interior h5,  {
	color: #265bb4 !important;
}

/*-- RED - HEATING pages --COLOR CHANGED TO BLUE- TOO DISTRACTING IN SEC. COLOR-*/
#heat-interior h1, #heat-interior h2,#heat-interior h3,#heat-interior h4,
#heat-interior h5,   {
	color: #265bb4 !important;
	font-weight: 600;
	letter-spacing: .5px;
}

/*-- GREEN - PLUMBING pages --COLOR CHANGED TO BLUE- TOO DISTRACTING IN SEC. COLOR-*/
#plumb-interior h1, #plumb-interior h2,#plumb-interior h3,#plumb-interior h4,
#plumb-interior h5,  {
	color: #265bb4 !important;
	font-weight: 600;
	letter-spacing: .5px;
}



/*----#ac-interior h3.pp-infolist-title-text {
	color: #265bb4 !important;
}---*/

/*---------- HOME EDITS ----------------*/
.hm-sectionRow h4{
	font-size: 18px;
	line-height: 1.3em;
	letter-spacing: 1.5px;
}

.row-testimonial {
	text-align: center;
	font-size: 24px;
}

.hm-bucket-row h4{
	font-size:20px;
	letter-spacing: 1.5px;
}

#hm-mainbucket-row {
	letter-spacing: 1px;
}
/*----------- INTERIOR SIDEBAR -------------*/

.fl-module-content .fl-widget {
	margin-bottom: 0;
}
.sidebar-contact{
	margin-bottom: 0;
}


.sidebar-help-head {
	font-size: 40px;
	font-weight: 600;
	color: #ffffff;

	padding-top: 12px;
}
.sidebar-help-box {
	background-color: #ffffff;
	color: #333333;
	font-size: 18px;
	border: 1px solid #999999;
}

/*----------- LISTS -------------*/

ul .list, 
ul li {
  padding: 0;
  margin: 0;
  list-style: SQUARE;
  line-height: 145%;
}

ul.list {
  margin-left: 0;
  margin-right: 0;

}

ul.list li {
  margin-bottom: 5px;

}







/*  TABLE PRESS
====================================*/
.tablepress, .dataTables_scrollHeadInner {width: 100% !important;}
.tablepress thead th { background-color: #265bb4 !important; color: #ffffff; text-align: center;}
.tablepress .odd td.column-1, .tablepress .even td.column-1 { background-color: #eee; }
.tablepress td.column-1, .tablepress th.column-1 { padding-left: 12px; }
#tablepress-1 td.column-2, #tablepress-1 td.column-3, #tablepress-3 td.column-2, #tablepress-3 td.column-3, #tablepress-8 td.column-2 { text-align: center; }




/*----------- PLAN ON SECTION HOME PAGE ------------------*/

.row-plan-blue H4 {
	padding-top: 20px;
	color: #265bb4;
}

.row-plan-teal H4 {
	padding-top: 20px;
	color: #2bb5d1;
}

.row-plan-red H4 {
	padding-top: 20px;
	color: #f05133;
}

.row-plan-orange H4 {
	padding-top: 20px;
	color: #fa8000;
}

.row-plan-green H4 {
	padding-top: 20px;
	color: #87bc1f;
}


/*============== COUPON ===================*/

.coupon {text-align: center;
	border: 6px dashed  #265bb4;
	padding: 10px 10px 0px 10px;
	margin-bottom: 30px;
	margin-right: 15px;
	margin-left: 15px;
	
}

.coupon img {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* === small details === */
.coupon h6 {
	font-size:12px ;
	letter-spacing:.1em;
	line-height: 1.2;
	font-weight:700 ;
	color:#999999 ;
	padding-top: 0 ;
	margin-top:-10px;
	margin-bottom: 15px;
	
}
/* === coupon amount === */
.coupon h2 {
	font-size:75px ;
	letter-spacing: -3px;
	line-height: 1.2;
	padding-top: 0px ;
	margin-top:0;
	
}
/* === OFF  === */
.coupon h2 .suffix {
	font-size: 40px;
	letter-spacing: 1px;
}

/* === all caps coupon headline  === */
.coupon h3 {
	font-size:20px ;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 800 ;
	color: #fa8000;
	padding-top:0 ;
	padding-bottom:0 ;
}

/* === highlighted details === */
.coupon h4 {
	font-size:18px ;
	font-weight: 600;
	color: #2bb5d1;
	padding-top:0 ;

}

/* === small paragraph details === */
.coupon p {
	font-size:14px ;
	line-height:1.3 ;
	color:#888888 ;

}

/* ----------  FOOTER FORM EDITS --------------- */

footer .pp-sub-heading p, footer .pp-sub-heading p a:link {
	color: #8997b2 !important;
}

footer .footer-phone  .pp-sub-heading p  {
	color: #2bb5d1 !important;
}

footer .footer-phone  .pp-sub-heading p a   {
	color: #2bb5d1 !important;
}

footer .footer-menu p, footer .footer-menu p a:link {
	color: #8997b2 !important;
}

.footer-form .gform_wrapper, .footer-form .gform_wrapper:hover {
	background-color: #143065;
}



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

#red-head h1, #red-head h2, #red-head h3,#red-head h4,
#red-head h5, #red-head ul.check li:before, .red-head h1, .red-head h2, .red-head h3,.red-head h4,.red-head h5 {
	color: #f05133 !important;
	font-weight: 600;
	letter-spacing: .5px;
}

#teal-head h1, #teal-head h2, #teal-head h3,#teal-head h4,
#teal-head h5, #teal-head ul.check li:before, .teal-head h1, .teal-head h2, .teal-head h3,.teal-head h4,.teal-head h5 {
	color: #2bb5d1 !important;
	font-weight: 600;
	letter-spacing: .5px;
}

#green-head h1, #green-head h2, #green-head h3,#green-head h4,
#green-head h5, #green-head ul.check li:before, .green-head h1, .green-head h2, .green-head h3,.green-head h4,.green-head h5 {
	color: #87bc1f !important;
	font-weight: 600;
	letter-spacing: .5px;
}

#orange-head h1, #orange-head h2, #orange-head h3, #orange-head h4, #orange-head h5, 
#orange-head ul.check li:before, 
#orange-head h1, #orange-head h2, 
#orange-head h3, #orange-head h4, #orange-head h5 {
	color: #fa8000 !important;
	font-weight: 600;
	letter-spacing: .5px;
}


#navy-head h1, #navy-head h2, #navy-head h3, #navy-head h4,
#navy-head h5, #navy-head ul.check li:before, .navy-head h1, .navy-head h2, .navy-head h3,.navy-head h4,.navy-head h5 {
	color: #143065 !important;
	font-weight: 600;
	letter-spacing: .5px;
}

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





/* =========== GENERAL SITE STYLING =========== */
.nonbold {
	font-weight: 400;
}







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

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

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

.ginput_container_text input[type="text"]{
	color: #666;
}

.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;


}

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























/* ---------- Homepage Button Hover -----------*/
    a.hm-bucket-anchor{
        text-decoration: none;
    }
    .hm-bucket {
        padding:40px 0;
        margin:10px;
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: scroll;
        background-size: contain;
	    border:solid;
	    border-width:5px;
	    border-color:white;
    }
    .hm-bucket:before{ /*Overlay*/
        content: "";
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%; 
        height: 100%;  
        opacity: 0.9; 
        z-index: -1;
    }
    .hm-bucket h4{
        color:white;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

/*------ Individual Home-page button settings --------*/    
    #ac .hm-bucket{
        background-image:url(/wp-content/uploads/2017/06/logohm-ac.png);
    }
    #ac .hm-bucket:before{
        background: #2bb5d1;
    }
    #ac .hm-bucket:hover:before{
        background: #2b93af;
    }
    
    #heat .hm-bucket{
    	background-image:url(/wp-content/uploads/2017/06/logohm-heat.png);
    }
   #heat .hm-bucket:before{
        background: #f05133;
    }
    #heat .hm-bucket:hover:before{
        background: #CB593B;
    }
	#plumbing .hm-bucket{
    	background-image:url(/wp-content/uploads/2017/06/logohm-plumbing.png);
	}
	#plumbing .hm-bucket:before{
        background: #87bc1f;
    }
    #plumbing .hm-bucket:hover:before{
        background: #7ba610;
    }
	
	#electrical .hm-bucket{
    	background-image:url(/wp-content/uploads/2017/06/logohm-electrical.png);
	}
	#electrical .hm-bucket:before{
        background: #fa8000;
    }
    #electrical .hm-bucket:hover:before{
        background: #d27b00;
    }

#post-sidebar {
    font-size: 16px;
}