
/*********************************************************************

                          MAKE DYNAMIC

**********************************************************************/


 /* DROP DOWN MENU POSITION: Drop down menus should have a top position equal to height of parent list items and then padding-top equal to padding of main menu.   This will set the drop down perfectly.   You also have to adjust padding-top for anchored menu (when scrolling down) as the padding is smaller when the menu is stuck to top.   */
.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {top:42px;padding-top:11px} /* height should equal height of list-items in main menu.  Padding top should equal padding of main menu */
.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu,
.sticky .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {top:42px;padding-top:8px}/* padding top should equal padding of sticky main menu */


/*********************************************************************

                   FONTS
	(using typekit - font weights 300,500,700,900)

**********************************************************************/
/* FONT FAMILY */
body{ font-family: "proxima-nova",sans-serif;}
p,ul li, a, h1,h2,h3,h4,h5,h6,input,select,.ui-widget select,.frm_style_formidable-style.with_frm_style label.frm_primary_label,
.frm_style_formidable-style.with_frm_style div.frm_description,
.frm_style_formidable-style.with_frm_style input,
.frm_style_formidable-style.with_frm_style textarea,
.lead.button,
.action.button,.frm_style_formidable-style.with_frm_style.frm_login_form label,
.frm_checkbox label{ font-family: "proxima-nova",sans-serif!important;}

/* FONT WEIGHT */
a.button,h1,h2,h3,h4,h5,h6{font-weight:700;}
body,p, ul li, a{font-weight:500}

/*HEADERS */
.location_header h1,
h2{font-weight:500;}
h2 span, 
h2 span a,
.location_header h1 span, 
.location_header h1 span a
{font-weight:900;}
h1,h2,h3,h4{text-transform:uppercase}

/*********************************************************************

                 SPACING

**********************************************************************/
.page_intro h3{margin-bottom:.25rem}
.why_choose .columns,
.our_locations h2,
.services h2
{margin-bottom:3rem}
/* 1024px and up | Desktop +  */
@media screen and (min-width:64em){}

/* Up to 1023px | Tablet */
@media screen and (min-width:64em){}


/*  374px > 639px | Small - Mobile  */
@media screen and (max-width: 39.9375em) {
.location_wrapper{margin-bottom:2rem;}
	}

/* 0px > 373px | XSmall - Mobile */
@media screen and (max-width: 23.375em) {}

/*********************************************************************

                          THEME COLORS

red: #e8e8e8
dark red: #AE3333
text shadow: #8D2929
purple: #423D8C
dark purple: #1C1A3C
light purple: #E9E8F4
**********************************************************************/
body{background:#fff;color:#666; font-weight:300}
main{background:#fafafa;}

/* BRANDING - ELEMENTS USING BRANDS PRIMARY COLOR   */
/* PURPLE GRADIENT */
.review{background-image:linear-gradient(#1c1a3c, #423D8C);}

/* DARK PURPLE */
.dual_tabs .tabs-title,
.dual_tabs .tabs-title > a:hover
{background:#1C1A3C;}
 /*text color - use main brand color*/
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a,
#frm_form_6_container fieldset input[type="submit"],
/*#back-top a i,*/
.mobile_buttons a,
.searchform input[type="submit"],
#sfm-sidebar .sfm-view-level-1 .sfm-menu li:hover,
#sfm-sidebar .sfm-view-level-1 .sfm-menu li:hover a,
#sfm-sidebar li:hover span,
footer .fa-caret-right,
footer .fa-envelope,
footer .fa-phone,
.cta_bar h2,
.back_top_container
{color:#1C1A3C;}

 /* PURPLE */
/* drop down menu hover */
.top-bar-right #menu-main-menu li .submenu li a:hover,
/* search box and pagination hover - use lighter version of brand primary color */
.pagination .current,
.pagination li a:hover,
.searchford-box .searchford-foot,
/* formidable date picker */
.ui-widget-header
{background:#423D8C;}	

/* RED */
/* formidable date picker */
.ui-widget-header,
.banner3_form h2
{background:#e8e8e8;}

/*banner3 h2 */
.banner3_form h2{text-shadow:#8D2929 }
/*********************************************************************

                         BUTTON

**********************************************************************/
.next.button,
#loginform input[type="submit"]{background:#27AAE1;}
.saveit.button{background:#999;color:#222;}
.frm_add_form_row.frm_button,
.back.button{background:#F4C982!important;color:#222;}
.next.button,
.saveit.button,
.back.button,
#loginform input[type="submit"]{margin-top:1.5rem!important;font-size:1em!important;font-weight:700!important;line-height:1!Important;padding:1rem 0!important;width:100%!important}
/*********************************************************************

                          HEADER

**********************************************************************/
header{border-bottom:1px solid #e8e8e8;}

/*********************************************************************

                         FORM

**********************************************************************/


/* onboarding form */
.nodescription .frm_description{display:none}.frm_forms .frm_rootline input{border:none!important;border-radius:50px!important;width:50px!important;height:50px!important;}

.frm_style_formidable-style.with_frm_style .frm_rootline.frm_show_lines::before{top:25px!Important}
.frm_checkbox,
.frm_checkbox:first-child,
.frm_checkbox:nth-child(2n+1){background:none;border:none;}
.frm_checkbox label,
.frm_checkbox input {display:inline-block;font-size:1em!important;height:30px;line-height:39px;width:auto!important}
.frm_checkbox input{margin-left:.75rem}
.frm_rootline_title
#form_wtlcu fieldset,
#form_wtlcu .frm-show-form {border:none;background:none;border-radius:0}
#form_wtlcu label{margin-bottom:.25rem}	
.frm_section_heading {background:#fff;border:1px solid #e8e8e8;border-radius:5px;padding:2rem}
.frm_section_heading:hover{background:#fff;}.frm_section_heading h3{color:#27AAE1;margin-bottom:1rem;padding-bottom:.5rem}
.frm_style_formidable-style.with_frm_style div.frm_description,
.frm_description{margin-bottom:2rem}
.frm_style_formidable-style.with_frm_style div.frm_description, input,
.frm_style_formidable-style.with_frm_style textarea,
.frm_primary_label{font-size:1em!important;}
.frm_style_formidable-style.with_frm_style label.frm_primary_label{font-weight:700}
.frm_button_submit{background-color:#27AAE1!important;border-radius:5px!important;color:#fff!important;padding-top:1rem;padding-bottom:1rem;text-transform:uppercase;font-weight:700}
.frm_save_draft{background:#EBC540;padding:1rem 2rem}
.frm_style_formidable-style.with_frm_style .form-field{margin-bottom:3rem}
.frm_rootline_single input:hover{ cursor:pointer;background-color:#27AAE1!important;}
/*login form*/
.home{background:#999;}
#loginform{background:#fafafa;border:1px solid #e8e8e8;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);border-radius:5px;max-width:40%;margin:0 auto;padding:2rem}
#loginform [type="submit"]{color:#fff;}
 #loginform input, #loginform select, #loginform .frm_checkbox {font-weight:normal!important;height:auto!Important;line-height:1!Important;
    display: inline-block!Important;width:auto!Important}
	input#user_pass,
	input#user_login{width:100%!important;height:39px!Important;}
	#loginform input[type="submit"]{margin-top:0!important}

/*********************************************************************

                          BANNER INSIDE

**********************************************************************/
.bannerinside{background:#27AAE1;}
.bannerinside h1{color:#fff;text-shadow:1px 1px 1px #000;}

/*********************************************************************

                         COPYRIGHT

**********************************************************************/
.copyright{display:none}


/* -------------------------------------------------------------

	                          Screen Size: Large Up

------------------------------------------------------------- */

@media only screen and (min-width: 64em) {
	
	}

/* -------------------------------------------------------------

	                          Screen Size: Small & Tablet

------------------------------------------------------------- */

@media only screen and (max-width:63.9375em){
	
/* MOBILE NAV */
.taptap-header{padding:2rem 0;}.taptap-by-bonfire #menu-item-2675 a{color:#e8e8e8}
.taptap-by-bonfire #menu-item-2675 a i{display:none;}	

/* MOBILE BUTTONS */
.mobile_buttons .tab-content p + h3{margin-top:1rem;}

/*BANNER INSIDE */
/*.banner{background: rgba(28,26,60,1);
background: -moz-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28,26,60,1)), color-stop(100%, rgba(66,61,140,1)));
background: -webkit-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: -o-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: -ms-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: linear-gradient(to bottom, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1a3c', endColorstr='#423d8c', GradientType=0 );padding:3rem 0;}*/
/*HOME PAGE */
.home .banner{background-size:cover;height:100%;padding:4rem 0}
.home .banner h1.headline{font-size:1.50em}
.home .banner p.subheadline{font-size:1em}
.home .banner h1.headline,.home .banner p.subheadline{margin-bottom:2rem;}
.home .banner ul li{font-size:.80em}
/* services */
.services{padding-top:0;}
.services .columns{padding:0}
.services h2{background:#1C1A3C;color:#fff;margin-bottom:0;padding-bottom:3rem;padding-top:3rem;}
.services h2.section_title.text-left,.why_choose h2.section_title.text-left{text-align:center}
.service_block{padding-top:2rem;padding-bottom:2rem;margin-bottom:0; text-align:center;}
.services .columns:last-child .service_block{border:none;padding-bottom:0}

/*.our_locations .columns,.our_locations .columns:last-child{float:none;margin-left:auto;margin-right:auto;width:75%;}*/
.our_locations{background-color:#e8e8e8;background-image:none;}
.our_locations{font-size:.90em}
.our_locations .location_wrapper{background:#fff;padding:2rem 1rem;}
.our_locations .columns:last-child .location_wrapper{margin-bottom:0}

/* why_choose */
.why_choose{background-color: #fafafa;background-size:cover;}
.why_choose ul li i{display:none;}
.why_choose ul li{border-bottom:1px solid #e8e8e8;padding-bottom:2rem;text-align:center;}
.why_choose ul li strong{display:block;}
/* review */
.review:after {max-width:100vw}
	.review_headline,
	.review_content p,
	.reviewer p{text-align:left;}
	.review_content p{font-size:1rem}
.review_headline h2{font-size:1.25em}
.review_content{padding-right:1.75rem}

/* PAGE: AUTO BODY REPAIR  */
.page_intro p:last-child{margin-bottom:1.5rem}
.page_intro p{margin-left:auto;margin-right: auto}

/*FOOTER */
/* footer widgets */
/*.footer-default h3{border-top:1px solid #e8e8e8}*/
/* footer default */


/* Call to action bar */
.cta_bar{background: rgba(28,26,60,1);
background: -moz-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28,26,60,1)), color-stop(100%, rgba(66,61,140,1)));
background: -webkit-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: -o-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: -ms-linear-gradient(top, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
background: linear-gradient(to bottom, rgba(28,26,60,1) 0%, rgba(66,61,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1a3c', endColorstr='#423d8c', GradientType=0 );color:#fff;padding-left:.625rem;padding-right:.625rem}
.cta_bar h2{color:#fff;}
.cta_bar .section_content {float:none; text-align:center;width: 100%;}


 /* FORM */
 .form_sidebar,
 .frm_checkbox:nth-child(odd),
 .frm_checkbox{background:none;border:none;}
 .appointment_step2{background:#fafafa;border:1px solid #e8e8e8;padding:1rem }
 .appointment_step2 h3{background:0;padding:0;border:none;}
fieldset{padding-left:0;padding-right:0}
fieldset .form-field{height:100%;}
label{font-size:.80em;text-align:left}
.shrink_line_height label{line-height:1rem}
select,
 textarea,
input[type="email"],
[type="tel"],
[type="email"],
[type="date"],
 [type="text"]
{font-size:.80em;display:block;float:none;min-width:100%;width:100%}
.frm_form_field.frm_left_container label.frm_primary_label{display:block;float:none;max-width: 100%;width:100%}
/* instructions */
.instruction{background:#BCFFE3;font-size:80%;padding:.5rem;}
.instruction p, .instruction ol{text-align:left;margin:0}
}


/*********************************************************************

-------------  374px > 639px | Small - Mobile (Landscape - 374px > 639px)

**********************************************************************/

@media screen and (max-width: 39.9375em) {
	/* HOME */
	.home .banner ul li{text-align:center;}
	/* Services */
	.services .columns:nth-child(even) {background:#fafafa;}
	.service_block{border-bottom:1px solid #e8e8e8;}
/* review */
.review:after{display:none;}
.review_content p{width:100%;max-width:100%}
.review_headline,
	.review_content p,
	.reviewer p{text-align:center;}
.reviewer{background:#E9E8F4;border:none;}
.review_headline h2{font-size:1.15em}
.review_headline .fa-check-circle{color:#5BBB47;display:block;margin-bottom:1rem;}
/* LOCATION PAGES */
.location_header .right,
.location_header .left{float:none;width:100%}
.location_header h2{display:block;line-height:1.4;text-align:center;}
.contacts .columns p{margin-bottom:1.5rem}
.contacts .columns:last-child p{margin-bottom:0}
}

/*********************************************************************

-------------  0px > 373px | XSmall - Mobile (Portrait - 0px > 373px)

**********************************************************************/

@media screen and (max-width: 23.375em) {
}



/*********************************************************************

-------------  BUILDING BLOCK:  BOXED MAIN
<main> element has class .main-boxed added to it.  This CSS adds a border and negative margin so it floats into banner area.  

**********************************************************************/
/*
@media screen and (min-width:64em){
	.main-boxed{background:#fff;border:1px solid #bdc3c7;border-radius:5px;margin-top:-6rem} 
}
*/
/*********************************************************************

-------------  BUILDING BLOCK:  CEILING TABS (LIKE FOLDER)
Menu items sit on top of main menu like folder tabs  

**********************************************************************/
/*
.ceiling{margin-top:1rem;padding-bottom:0}
.ceiling li {color:#fff;font-weight:700;text-shadow:1px 1px 1px #000}
.ceiling li a{background: #e8e8e8; border-left:1px solid #bdc3c7;border-right:1px solid #bdc3c7;border-top:1px solid #bdc3c7;
    border-image: none;border-radius: 5px 5px 0 0;color:#fff;font-size:1em;font-weight:700;padding:.5rem 1rem;text-shadow:1px 1px 1px #8D2929;text-align:right}
	.ceiling li:first-child a{margin-right:.5rem}
*/
/*********************************************************************

-------------  BUILDING BLOCK:  FLOATING NAV BACKGROUND
Adds a gradient background, curved edges and border to floating nav

**********************************************************************/
/*
.floating nav{
    background: #fff url("/wp-content/uploads/bg-ceiling.png") repeat-x scroll left top;
    border:1px solid #bdc3c7;
    border-image: none;
    border-radius: 5px}
/* remove floating nav on inside pages */
/* .menu1-wrapper.floating{margin-top:0} */

/* scroll tansition (keep background - add border) */
/* .is-stuck .floating{background: #fff url("/wp-content/uploads/bg-ceiling.png") repeat-x scroll left top;border-bottom:1px solid #e8e8e8}/*

*/