/*

Theme Name: MOTR

Theme URI: http://plusresults.net

Description: Theme for Massage on the Run

Author: +results pte. ltd.

Author URI: http://plusresults.net

Template: genesis

Version: 0.1.0

*/

@import url("../genesis/style.css");
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/

body#custombody,html#custombody{
  height:100%;
  min-height:100%;
  position: relative;
  font-family:  'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #434244;
  background-color: #ffffff;  
  font-size: 16px;
}

body > div {
    font-size: inherit;
}

#custombody p, #custombody h1, #custombody h2, #custombody h3, #custombody h4, #custombody h5, #custombody h6 {
    font-family:  'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 100;
}

#custombody h1 {font-size: 36px;}

img {max-width: 100% !important;}

body {
background-repeat: no-repeat;
background-size: auto 100%;
background-attachment:fixed;
background-position: top center;
}

#custombody a:hover, #custombody a:focus {text-decoration: none; }
body a {  color: #dc6c00;  text-decoration: none; }



#custombody .entry {padding-top: 0; padding-bottom: 0; margin-bottom: 0;}
#custombody #headerbar .entry {padding: 0; margin: 0;}
/* padding-left: 20px; padding-right: 20px; */

/* spacing site-inner to clear header */
@media only screen and (min-width: 960px) {
	#custombody .site-inner {  padding-top: 0; }
}

@media only screen and (max-width: 959px) {
    #custombody .site-inner {  padding-top: 0px; }
}





/*full width page template - same for landing pages*/
body.fullscreenwidth .site-inner, 
body.fullscreenwidth .wrap, 
body.landingpage .site-inner,
body.landingpage .wrap, 
.footer_cta .wrap, 
.footer_carousel .wrap {
    max-width: 100%;
}
body#custombody.fullscreenwidth article.entry, 
body#custombody.landingpage article.entry {
    padding-right: 0px;
    padding-left: 0px;
}

body.fullscreenwidth header {
    max-width: 1140px;
    margin: 0 auto;
}


body.fullscreenwidth footer .entry, 
body footer .entry,
.footer_carousel .entry, 
.footer_cta .entry, 
.creditsfooter .entry, 
.content-sidebar .site-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0; 
}

/*landing page no header = needs no padding */
body#custombody.landingpage .site-inner {
    padding-top: 0;
}

/*no margins on small screns on the side - regardless of if it's the fullscreen template or not - margins come from content sections */
@media only screen and (max-width: 800px) {

    #custombody .site-inner,
    #custombody .wrap {
        padding-left: 0%;
        padding-right: 0%;
    }

}


/* no added margin with site-inner on small devices cause use "wrap" already 
@media only screen and (max-width: 800px) {
    .site-inner {
        padding-left: 0%;
        padding-right: 0%;
    }
}    
*/

/*hide header container for default slogan */
.site-header {display: none;}

.site-container {background: #fff}


/*************************************************************
hero area homepage home */

#heroareaabovecontent {height: 100%; width: 100%; color: #fff; position: relative;}
#heroareaabovecontent h1, #heroareaabovecontent h2, #heroareaabovecontent h3 {color: #fff;}
#heroareaabovecontent {display: table;}
.centerheroblock {
    margin: 0 auto;
    max-width: 1140px;
    text-align: center;
}
#heroareaabovecontent button {font-size: 	1.5em; font-weight: bold;}

#heroareafooter {  text-align: center;}
#heroareafooter { background: rgba(0,0,0, 0.5); }
#heroareafooter .wrap {padding: 10px 0;}

@media only screen and (min-width: 960px) {
/*fix header bar and give some stlying */
	#headerbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

	.herocontentcell {
    display: table-cell !important;
    vertical-align: middle;
}

	#heroareafooter {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0, 0.5);
    padding: 10px 0;
}

}

@media only screen and (max-width: 599px) {
	.herocontentcell {margin-top: 40px;}
	#heroareaabovecontent #heroareafooter {margin-top: 40px;}

}	



/*************************************************************
hero area normal pages */
#heroareaabovecontent2 {height: 300px; width: 100%; color: #fff; position: relative;}
#heroareaabovecontent2 {display: table;}
#heroareaabovecontent2 h2 {color: #fff; font-size: 4em;}

#heroareaabovecontent2 .herocontentcell {
    bottom: 60px;
    position: absolute;
    text-align: center;
    width: 100%;
}

 

/*logo in header */
img#logoimg, 
div#logoimg img {
	max-height: 85px;
    margin-top: 15px;
}

/*button in header */
.headerbtn {
    background: #398397;
    border-radius: 5px;
    webkit-border-radius: 5px;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/
    padding: 6px 15px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
}
a.headerbtn:hover, a.headerbtn:focus { color: #efefef;}

.bodybtn {
    border-radius: 5px;
    webkit-border-radius: 5px;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/
    padding: 6px 15px;
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
	color: #398397;
	border: 1px solid #398397;
	background-color: #fff;
}

a button {color: #fff;}


.site-container, .content .entry, .sidebar .widget {
    background: none repeat scroll 0 0 transparent;
}


/************************************
HEADER
*/


#headerbar {    background-color: transparent; }
@media only screen and (max-width: 960px) {
    #headerbar {        background: rgba(211,96,22,0.7); }
}

.site-header {
    background-color: transparent;
}

#custombody .entry-title {margin-top: 0;}
#custombody.page .entry-title {display: none;}

/*links in headerbar */
#headerbar a {color: #fff;}
#headerbar a:hover {color: #eee;}

@media only screen and (max-width: 640px) {
 
    .headerbar-1 {
        text-align: center;
        margin-bottom: 0px;
    }

    .headerbar-2 { padding-top: 0px;    }

}

#contact_btn_head {
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}


#custombody .entry-header {
    padding: 0 20px;
}

#custombody .breadcrumb {
    padding-left: 20px;
    padding-right: 20px;
}

/*reposition menu to be in line with buttons*/
#headerbar #header_nav {
    display: block;
    margin: 10px 0;
}

@media only screen and (max-width: 960px) {

    #headerbar #header_nav {
        display: inline-block;
        margin: 10px 0;
    }   

}


/* align vertical to logo and text-aign right - with flags 0, without margin-top 15px;*/
#headerbar .headerbar-2 {
    margin-top: 0px; 
    text-align: right;
}

/*button inline with header nav inline */
 #headerbar #header_nav aside { display: inline-block; }


/* position header content centrally at breakpoint */
    #custombody #headerbar .headerbar-1 {
        text-align:  left;
    }
    #custombody #headerbar .headerbar-2 {
        text-align:  right;
    }
@media only screen and (max-width: 768px) {
        #custombody #headerbar .headerbar-1, 
         #custombody #headerbar .headerbar-2 {
        text-align:  center;
        }
         #custombody #headerbar .headerbar-1 {margin-bottom: 20px;}
}   

/*mega menu and button in header bar inline */
#contact_btn_head section {display: inline-block;     float: left;}

#header_nav a.cta_btn {display: inline-block;}



/************************************
STANDARD CLASSES
*/
h2.cta_area_header, 
.cta_area_header .fl-module-content h2 {
    font-weight: 100;
    font-size: 42px;
    margin-bottom: 30px;
}

a.cta_area_btn, 
#custombody .fl-builder-content .fl-module-button.cta_area_btn a.fl-button, 
/* landing page cta area*/ .fl-builder-content .lp_bottom_cta a.fl-button {
    font-size: 32px;
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    line-height: 40px;
}

@media only screen and (max-width: 900px) {
   h2.cta_area_header, 
    .cta_area_header .fl-module-content h2 {
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 30px;
    } 
    a.cta_area_btn {
        font-size: 20px;
        display: block;
    }
}

.cta_fullwidth_area .fl-module-content {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* logos in results achieved section on homepage */
.logo_divs_homepage .fl-photo-content img {
	height: 50px !important;
	width: auto;
}

a.cta_btn, 
#custombody .fl-builder-content .fl-module-button.cta_btn a.fl-button, 
#custombody .fl-builder-content .fl-module-button.cta_btn a.fl-button span, 
/* landing page form btn */ input.cta_btn[type="submit"], 
/* landing page cta area*/ .fl-builder-content .lp_bottom_cta a.fl-button, 
a.cta_btn:hover, 
a.cta_btn:focus { 
	background: #f59139; border: 1px solid transparent; color: #fff;
}

a.cta_btn, 
input.cta_btn[type="submit"]  {
    font-size: 16px;
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
	text-align: center;
}

a.cta_area_btn.white_btn, 
#custombody .fl-builder-content .fl-module-button.white_btn a.fl-button, 
#custombody .fl-builder-content .fl-module-button.white_btn a.fl-button span {
    background: #fff;
    border: 1px solid transparent;
    color: #f59139;
    font-weight: normal;
}   

a.cta_area_btn.orange_btn, 
a.orange_btn,
input.orange_btn,
#custombody .fl-builder-content .fl-module-button.orange_btn a.fl-button, 
#custombody .fl-builder-content .fl-module-button.orange_btn a.fl-button span, 
#custombody .gform_wrapper .gform_footer input.button[type="submit"] {
    background: #f59139;
    border: 1px solid transparent;
    color: #fff;
}  

a.cta_area_btn.orange_btn:hover, 
a.orange_btn:hover,
input.orange_btn:hover,
#custombody .fl-builder-content .fl-module-button.orange_btn a.fl-button:hover, 
#custombody .fl-builder-content .fl-module-button.orange_btn a.fl-button span:hover,
#custombody .gform_wrapper .gform_footer input.button[type="submit"] {
    background: #f59139;
    border: 1px solid #f59139;
    color: #fff;
}  

#custombody .cta_btn.phonebtn {
    background: transparent;
    border: 1px solid #fff;
}



/*********************************
FOOTER
*/
.footer_carousel, .footer_cta {
    text-align: center;
    padding: 30px 0;
}


.footer_cta {
    background-image: url('/wp-content/themes/purpleclick/images/google_search.jpg');
    background-position: top center;
    background-attachment: fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0; 
  padding: 0;
}

.footer_cta .dark_parallax_overlay {
    background: rgba(0,0,0,0.4);
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
}

.footer_cta .dark_parallax_overlay h2 {color: #fff;}


.footer_carousel {
        border-top: 5px solid #DEDEDE;
        background: #eee;
}

.site-footer {
    background-color: #222;
    padding: 20px 0px;
    text-align: left;
    color: #efefef;
}
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer a { 
    color: #efefef;
}
.site-footer a:hover, .site-footer a:focus {
    color: #fff;
}

.onpagefooter_widgets {margin-bottom: 0px;}

/*space address from contact number div on small screen */
@media only screen and (max-width: 760px) {
 .onpagefooter_widgets .col-lg-5.col-xs-12 {margin-bottom: 40px;}
}



.creditsfooter {
    background-color: #141414;
    color: #888;
    padding: 15px 0;
    text-align: center;
}    
.creditsfooter a {
    color: #888;
} 
.creditsfooter a:hover {
    color: #eee;
    text-decoration: none;
} 
.creditsfooter p {
    margin-bottom: 10px;
}

.creditslink {
    display: inline-block;
    margin-right: 20px;
}

.site-footer .entry, .footer_carousel .entry, .footer_cta .entry, .creditsfooter .entry {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.site-footer .menu-item,
.site-footer p {margin-bottom: 28px;}

.site-footer .menu-item {font-size: 18px;}


/* call to action button in footer - includes Mailchimp sign up button */
.site-footer a.cta_btn_footer, .site-footer #mc-embedded-subscribe {
    font-size: 16px;
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #efefef;
    color: #398397;
    border: none;
    display: inline-block;
}
.site-footer a.cta_btn_footer:hover, .site-footer a.cta_btn_footer:focus, .site-footer #mc-embedded-subscribe:hover, .site-footer #mc-embedded-subscribe:focus {
    background: #fff;
}

.partner_img_footer {
    float: left;
    height: 75px;
    margin: 0;
    width: auto;
}

img.partnerlogos {width: 550px;}


/*Mailchimp form footer */
.site-footer input {
    background: transparent;
    color: #EFEFEF;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 5px; 
    -webkit-border-radius: 5px;    
}

.site-footer ::-webkit-input-placeholder {
 color: #EFEFEF;
}
.site-footer :-moz-placeholder { /* older Firefox*/
 color: #EFEFEF;
}
.site-footer ::-moz-placeholder { /* Firefox 19+ */ 
 color: #EFEFEF; 
} 
.site-footer :-ms-input-placeholder { 
 color: #EFEFEF;
}

#mc_embed_signup_scroll label, #mc_embed_signup_scroll h2, #mc_embed_signup_scroll .indicates-required {display: none;}

/*Mailchimp form menu */
#mc_embed_signup_scroll input {
    margin-bottom: 7px;
}

nav #mc-embedded-subscribe {
    background: none repeat scroll 0% 0% #f59139;
    border: 1px solid transparent;
    color: #FFF;
    border-radius: 5px;
padding: 6px 15px;
display: inline-block;
font-size: 14px;
}



/********************************
SIDEBAR
*/

#custombody .sidebar .widget {
    padding-top: 0;
}   

/*recent article list header */
#custombody.page .sidebar .entry-title {display: inline;}

/*spacing article list items */
#custombody .sidebar .entry, #custombody .sidebar article, #custombody.single-post .sidebar article.entry { padding: 10px 0 0 0;}

.sidebar .widget {
    padding: 20px;
}



/*****************************************
****************************************
****************************************
PLUGINS 
*/

/*gravity forms - success message on page after submit*/
.gform_confirmation_wrapper {
padding: 20px;
border: 1px solid #00B8FF;
border-radius: 10px; -webkit-border-radius: 10px 10px 10px 10px;
font-weight: bold;
}

/*gravity forms - input fields*/
#custombody .gform_wrapper input[type=text], #custombody .gform_wrapper input[type=url], #custombody .gform_wrapper input[type=email], #custombody .gform_wrapper input[type=tel], #custombody .gform_wrapper input[type=number], #custombody .gform_wrapper input[type=password] {
outline-style: none;
font-size: 14px;
font-family: inherit;
letter-spacing: normal;
padding: 5px;
border: 1px solid #ddd;
border-radius: 0px; -webkit-border-radius: 0px 0px 0px 0px;
padding: 5px;
color: #444;
}

.gform_wrapper textarea {
outline-style: none;
font-size: 14px;
font-family: inherit;
letter-spacing: normal;
padding: 5px;
resize: none;
border-radius: 0px; -webkit-border-radius: 0px 0px 0px 0px;
border: 1px solid #ddd;
color: #444 !important;
}

/* gravity forms - larger star ratings */
.gsurvey-rating:not(:checked) > label {
float: right;
width: 38px;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 38px!important;
line-height: 38px;
color: #ddd;
background-image: url(/../wp-content/plugins/gravityformssurvey/images/star0.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 24px;
}

/*spacing for questions */
.gform_wrapper ul li.gfield {
margin: 20px 0;
}

/* gravity forms feedback icons - img next to radio buttons */
.gf_recommend_question img {height: 25px; width: auto; margin-right: 10px;}
.gf_recommend_question .gfield_radio input[type="radio"] + label {border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
.gf_recommend_question .gfield_radio input[type="radio"]:checked + label {border: solid #3FA9F5 1px;}
.gf_recommend_question ul.gfield_radio li {max-width: 200px;}
.gf_recommend_question input[type="radio"] {display:none;}

/*float middle sized fields */
.gform_wrapper ul li.gfield.gf_float_left {float: 	left;	width: 	47%; margin-right: 	3%; clear: left;}
.gform_wrapper ul li.gfield.gf_float_right {float: 	left;	width: 	47%; margin-right: 	3%; clear: right;}

div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label {
    font-size: 1.5rem;
    padding: 5px;
}


.gfield select { padding: 5px; }


#custombody .gform_wrapper .percentbar_blue {
    background-image: url(../images/gf-percentbar-blue.png);
    background-repeat: repeat-x;
    background-color: #f59139;
    color: #FFF;
}

#custombody .gform_wrapper .gf_progressbar {
    background-image: none;
    background-color: #EAEAEA;
}


/*gf fields floating*/
/*application form - float field next to each other (halfs) */
@media only screen and (min-width: 800px) {

    .gform_wrapper ul li.gfield.gf_1_2 { 
        width: 49%;
        margin-right: 1%;
        float: left;
        display: inline-block;
        clear: none;
    }

}

/*submit button */
#custombody .gform_wrapper .gform_page_footer input.button[type="submit"] {
    background: #f59139;
    border: 1px solid transparent;
    color: #fff;
}  
#custombody .gform_wrapper .gform_page_footer input.button[type="submit"]:hover {background: #fda252;}
#custombody .gform_wrapper button:hover, 
#custombody .gform_wrapper input:hover[type="button"], 
#custombody .gform_wrapper input:hover[type="reset"], 
#custombody .gform_wrapper input:hover[type="submit"] {
    background: #616161;
        padding: 16px 24px;
}


/*******************************************
META SLIDER
*/

/* META SLIDER - client carousel */

.metaslider.metaslider-2224 .slides img {
    max-height: 50px;
    width: auto;
    display: inline-block;
    text-align: center;
}

.metaslider-2224 ul.slides li {
    display: block;
    width: 150px;
    float: left;
    text-align: center;
}    

#metaslider_2224.flexslider ul.slides li {
    /*margin: 0 25px;*/
}

.metaslider .msHtmlOverlay .layer a.btn {
	background: none repeat scroll 0 0 #efefef;
    border-radius: 5px;
    color: #434244;
    font-size: 1em;
    font-weight: normal;
    padding: 10px 20px;
}

.metaslider .msHtmlOverlay .layer a.purple_btn, #custombody a.purple_btn {
    background: none repeat scroll 0 0 #f59139;
    color: #fff;
}

#custombody .metaslider .msHtmlOverlay .layer .content {
    width: 100%;
}

/* hero slider home - if use revolution slider*/
#custombody main.content .metaslider a.prev, #custombody main.content .metaslider a.next {
    color: rgba(0, 0, 0, 0.5);
}
#custombody main.content .metaslider a.prev:hover, #custombody main.content .metaslider a.next:hover {
    color: rgba(0, 0, 0, 0.8);
}
#custombody .rslides_nav {
    background-color: rgba(255, 255, 255, 0);
}

/*navigation arrows not overlaying content */
#custombody .flexslider:hover .flex-next {
    opacity: 0.8;
    right: -25px;
}

#custombody .flexslider:hover .flex-prev {
    opacity: 0.8;
    left: -25px;
}

/*********************************
BEAVER 
*/

/*beaver adaptation to fit 1140px grid and bootstrap grid for layout areas*/
#custombody .fl-row-fixed-width {
    max-width: 1140px;
}

/* adapt beaver to bootstrap - chose to do it the other way around 
#custombody .fl-module-content {
     margin: 15px;
 }
*/

/*beaver added space to both row and elements inside row - only want once */
#custombody .fl-row-content-wrap {
    padding-right: 0;
    padding-left: 0;
} 

/*beaver uses 20px to separate columns */
#custombody .col-xs-1, #custombody .col-sm-1, #custombody .col-md-1, #custombody .col-lg-1, #custombody .col-xs-2, #custombody .col-sm-2, #custombody .col-md-2, #custombody .col-lg-2, #custombody .col-xs-3, #custombody .col-sm-3, #custombody .col-md-3, #custombody .col-lg-3, #custombody .col-xs-4, #custombody .col-sm-4, #custombody .col-md-4, #custombody .col-lg-4, #custombody .col-xs-5, #custombody .col-sm-5, #custombody .col-md-5, #custombody .col-lg-5, #custombody .col-xs-6, #custombody .col-sm-6, #custombody .col-md-6, #custombody .col-lg-6, #custombody .col-xs-7, #custombody .col-sm-7, #custombody .col-md-7, #custombody .col-lg-7, #custombody .col-xs-8, #custombody .col-sm-8, #custombody .col-md-8, #custombody .col-lg-8, #custombody .col-xs-9, #custombody .col-sm-9, #custombody .col-md-9, #custombody .col-lg-9, #custombody .col-xs-10, #custombody .col-sm-10, #custombody .col-md-10, #custombody .col-lg-10, #custombody .col-xs-11, #custombody .col-sm-11, #custombody .col-md-11, #custombody .col-lg-11, #custombody .col-xs-12, #custombody .col-sm-12, #custombody .col-md-12, #custombody .col-lg-12 {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

/*border on top / bottom of rows */
.border_top {
    border-top: 1px solid #f2f2f2;
}

.border_bottom {
    border-bottom: 1px solid #f2f2f2;
}

#custombody .hero_area, 
#custombody .hero_area h1, 
#custombody .hero_area h2, 
#custombody .hero_area h3 {
    color: #fff;
}
#custombody .hero_area h1 {font-size: 56px;}
#custombody .hero_area h2 {font-size: 42px;}
#custombody .hero_area p {font-size: 24px;}
@media only screen and (max-width: 800px) and (min-width: 0px) {
    #custombody .hero_area h1 {font-size: 42px;}
    #custombody .hero_area h2 {font-size: 32px;}
}

/*faq_accordion*/
#faq_accordion {max-width: 800px; margin: 0 auto; display: block;}

/*tabs - active tab*/
.fl-tabs-label.fl-tab-active {
    font-weight: bold;
}

/*******************************
CUSTOM MENU STYLES
*/

.nav-primary .genesis-nav-menu a {
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
}

/* align right */
.nav-primary .genesis-nav-menu {
    text-align: right;
}

/* menu body - background color */
.nav-primary, #menu-main-menu {
    background-color: transparent;
        display: inline-block;
}


/*active and hover link color first level*/
.nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a {
    color: #fff;
    /* border: 1px solid #2aecdc;
    background-color: #fff;*/
}

#menu-main-menu > .menu-item > a {
    border-radius: 5px;
    webkit-border-radius: 5px;
}

/*active and hover link color second level*/
#headerbar .nav-primary .genesis-nav-menu .sub-menu .menu-item > a,
#headerbar .nav-primary .genesis-nav-menu .sub-menu .menu-item > a:hover,
#headerbar .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a, 
#headerbar .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #444;
}

.nav-primary .genesis-nav-menu .sub-menu .menu-item > a:hover,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    border: 1px solid transparent;
    border-left: 1px solid #2aecdc;
}

#custombody .genesis-nav-menu .sub-menu .sub-menu {
  margin-top: -35px;
}


/*for mobile menu - no white link text - starting width 960px
@media only screen and (max-width: 959px) {

    .nav-primary .genesis-nav-menu a {
        color: #333;
    }

}
*/

/*size of nav top level a */
.genesis-nav-menu a {
    padding: 8px 10px;
}

#custombody .genesis-nav-menu .sub-menu a {
    padding: 10px 20px;
}


/*hide menu below 960px - that's breakpoint for responsive menu */
@media only screen and (max-width: 960px) and (min-width: 0px) {
    .nav-primary {display: none;}
}


/*********************************
RESPONSIVE MENU*/



#custombody #responsive-menu #responsiveSearch {
    height: 75px !important;
    background: #eee;
}

/*
#custombody #menu-main-menu li.menu-item.menu-item-has-children > a, 
#custombody #responsive-menu .appendLink {
    background: #eee !important;
}
*/

#custombody #responsive-menu #responsive-menu-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* align all elements below each other if screen smaller 450px*/
@media only screen and (max-width: 450px) and (min-width: 0px) {
    #contact_btn_head {
        display: block;
        width: 100%;
        text-align: center;
        clear: both;
        margin-bottom: 10px;
    }

    #contact_btn_head section {
        display: block;
        float: none;
    }

    #headerbar #header_nav {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
    }

}


/***************************************
***************************************
***************************************
***************************************
***************************************
SHRINKING HEADER AND RESTYLE ON SCROLL
*/



/* Shrinking Header
--------------------------------------------- 
#headerbar {
position: fixed;
width: 100%;
z-index: 999;
}
 
.title-area {
padding-top: 16px;
padding-bottom: 0;
}
 
#headerbar .wrap,
.bumper {
min-height: 164px;
}
*/ 

#headerbar,
#headerbar .wrap,
.site-description {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
 
/* Shrink
--------------------------------------------- */
 
#headerbar.shrink {
    height: 70px;
    /*border-bottom: 1px solid #444;*/
}

/*hide flags in shrinking header */
#headerbar.shrink #flag_area_head {display: none;}

@media only screen and (max-width: 800px) {
 
    #headerbar.shrink {
        height: auto;
        /*border-bottom: 1px solid #444;*/
    }
}


#headerbar.shrink {
background: rgba(211,96,22,0.7);
}

/*expand header 100% width when scroll*/
#headerbar.shrink .wrap, 
body #headerbar.shrink .entry {
    max-width: 100%;
}

/*no margin top when shrink */
#headerbar.shrink #menu-main-menu {
    margin-top: 0px;
}

#headerbar.shrink { padding-top: 5px; }

#headerbar.shrink .widget-area {
    padding-top: 0;
    padding-bottom: 0;
}

#headerbar.shrink .headerbar-2 {
    margin-top: 0px;
}

/*logo resize */
#headerbar.shrink img#logoimg {
    max-height: 50px;
    width: auto;
    margin-top: 5px;
}

/*menu item vertical resize 
#headerbar.shrink .genesis-nav-menu a {
    padding: 5px 5px;
}
*/

.shrink .site-title {
font-size: 20px;
padding-top: 3px;
}
 
.header-image .shrink .site-title {
padding: 0;
}
 
.header-image .shrink .site-title > a {
min-height: 60px;
}
 
.shrink .site-title a {
background-size: 270px 60px !important;
}
 
/*#headerbar.shrink .widget-area {
padding-top: 0;
}
*/
 
@media only screen and (max-width: 1139px) {
 
.title-area {
width: 320px;
}
}
 
@media only screen and (max-width: 1023px) {
 
.title-area {
width: 100%;
}
 
/*#headerbar .wrap, .bumper {
min-height: 172px;
}
*/
 
#headerbar.shrink .wrap {
min-height: 60px;
}
 
}
 
@media only screen and (max-width: 768px) {
 
.shrink .site-title {
font-size: 24px;
}
 
}
 
@media only screen and (max-width: 600px) {
 
    #headerbar {
    top: 0;
    }
     
    #headerbar .wrap, .bumper {
    min-height: 130px;
    }
 
}

#headerbar.shrink #contact_btn_head {display: none;}





/* END SHRINK *************************************/





/*******************************+
PAGE LAYOUT
*/

body.content-sidebar .content { width: 900px; }
body.content-sidebar .sidebar { width: 240px; border-left: 1px solid #434244;}



/****************************
SOLUTIONS PAGES 
*/

body.solutionspage.content-sidebar .content {
	float: right;
    width: 940px;
}

body.solutionspage.content-sidebar .sidebar {
	float: left;
	border-right: 1px solid #434244;
	border-left: none;
    width: 200px;
}


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

    body.solutionspage .sidebar, body.content-sidebar .sidebar {
        width: 200px;
    }

    body.solutionspage.content-sidebar .content, body.content-sidebar .content  {
        width: 740px;
        max-width: 100%;
    }   

}

@media only screen and (max-width: 960px) {

    /* body.solutionspage.content-sidebar .content, */ body.content-sidebar .sidebar {
        width: 100%;
        border: none;
    }  

    body.solutionspage .sidebar  {
        width: 100%;
        margin: 20px;
    } 

}

@media only screen and (max-width: 768px) {

    .fl-col-small {
        max-width: 100%;
    }  

}

/* boxes linking to other solutions using builder */
.fl-builder-content .solution_linkboxes a.fl-button {
	overflow: hidden;
	height: 120px;
	width: 120px;
	display: block;
	margin: 0 auto;
	padding: 20px !important;
    border-radius: 5px;
    webkit-border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.fl-builder-content .solution_linkboxes .fl-button i {   display: block;    margin-bottom: 15px; font-size: 30px; margin-right: 0;}
.fl-builder-content .solution_linkboxes .fl-button-has-icon .fl-button-text {display: inline-block; height: 2.4em; overflow: hidden;}

.fl-builder-content .solution_linkboxes a.fl-button:hover, .fl-builder-content .solution_linkboxes a.fl-button:focus {	background: #f59139;	color: #efefef;}

.fl-builder-content .solution_linkboxes .fl-button:focus i, 
.fl-builder-content .solution_linkboxes .fl-button:hover i, 
.fl-builder-content .solution_linkboxes .fl-button:focus .fl-button-text, 
.fl-builder-content .solution_linkboxes .fl-button:hover .fl-button-text { color: #fff;}



/****************************
RESULTS PAGES 
*/

.results_page_logo .fl-photo-content img {
    max-width: 200px !important;
    max-height: 50px !important;
}

.results_page_steps .fl-module-content .fl-callout-icon-left .fl-icon i, 
.results_page_steps .fl-module-content .fl-callout-icon-left .fl-icon i:before {
    font-size: 50px;
}
.fl-module-callout.results_page_steps {padding: 0 50px;}

a.results_sidebar_links {
    display: block;
}



/************************
LANDING PAGES
*/

body.page-template-landing-page .site-inner {
    padding-top: 0px;
}

body.page-template-landing-page .entry {
    margin-bottom: 10px;
    padding: 0px 60px;
}

body.page-template-landing-page .entry-header {
    display: none;
}

.icon_float_left {
    float: left;
}

.callout_half_left {
    width: 45%;
    float: left;
    margin-right: 5%;
    clear: left;
}

.callout_half_right {
    width: 45%;
    float: right;
    margin-right: 5%;
    clear: right;
}

.sign_up_area {
    border: 1px solid #BCBCBC;
    box-shadow: 0px 0px 5px 2px #BCBCBC;
    background: #fff;
    background-image: url('/wp-content/themes/purpleclick/images/sign_up_arrow-28.png');
    background-position: top center;
    background-repeat: no-repeat;
}

.landingpage footer {display: none;}

.lp_hero_text p { margin-bottom: 0; color: #fff; }

/* salesform forms and mailchimp forms */
.lp-pom-form-field {
    margin-bottom: 10px;
    clear: both;
}
.lp-pom-form-field input, .mc-field-group input {
  font-size: 1em;
  padding: 5px;
  border-radius: 5px;
  webkit-border-radius: 5px;
  border-color: #454545;
}
.lp-pom-form-field label { font-size: 1.1em;} 
.lp-pom-form fieldset {border: none; padding: 0; margin: 0;}
.landingpage a.form_area {
  position: relative;
  top: -50px;
}





/****************************************+
BLOG SECTION
*/

/*sidebar */
.featured-content-recent-articles a img.entry-image, 
.featured-content-recent-articles a.alignleft, .featured-content-recent-articles img.alignleft, .featured-content-recent-articles .wp-caption.alignleft {
    max-width: 50px;
    margin: 0 5px 5px 0;
}

.featured-content .entry-title {
    font-size: 16px;
}

/* body */
header.entry-header a img.featured {
    width: 200px;
    margin: 10px 20px 0 0;
}

article.sticky header.entry-header a img.featured {
    width: 100%;
}

.blog article {
    margin-bottom: 20px;
}

#custombody .more-link { margin-left: 15px;}

/*padding for blog article lists */
#custombody.blog.content-sidebar .content article.entry {padding-left: 20px; padding-right: 20px; padding-bottom: 30px;}
#custombody.blog.content-sidebar .entry-header {padding-left: 0; padding-right: 0;}

/*no padding in sidebar */
#custombody.blog.content-sidebar aside article.entry {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}

/*meta slider for posts */
.blog main.content .metaslider {padding: 0 20px; margin-bottom: 30px !important;}
.blog main.content .metaslider a { color: #fff;}
.blog main.content .metaslider a:hover { color: #eee;}

/* spacing blog articles to match that of other sections */
#custombody.single-post article.entry {
    padding-left: 20px;
    padding-right: 20px;
} 

/* spacing author box to match that of other sections */
#custombody.single-post section.author-box {
    padding: 20px;
}

/*float author image in author box */
section.author-box img {float: left; margin-right: 10px;}


/******************************************+
********************************************
**********************************************
OLD
*/


/* 

body button, body input[type="button"], body input[type="reset"], body input[type="submit"], body .button, body .entry-content .button {
   -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 padding-box #3eb7ea;
    border: 2px solid #4DBBFF;
    border-radius: 5px;
    webkit-border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    line-height: 1.618em;
    overflow: visible;
    padding: 0.236em 0.857em;
    text-align: center;
    text-decoration: none;
    width: auto;
}

body button:hover, body input[type="button"]:hover, body input[type="reset"]:hover, body input[type="submit"]:hover, body .button:hover, body .entry-content .button:hover {
    background-color: #009dff;
}

*/


/*application page - no spacing on top to have team image right beneath menu */
#custombody.page-id-474 .site-inner {
    padding-top: 0px; 
}

/* rate your experience page */
.post-581 form tr, .post-581 form td, .post-581 form th, .post-581 form tbody, .post-581 form table {border: none;}






/* responsive menu trigger */
@media only screen and (max-width: 960px) {

    #custombody #click-menu {
        display: inline-block;
    }
    #custombody #click-menu {
        text-align: center;
        position: inherit;
        right: 0;
        top: 0;
        color: #FFFFFF;
        background: transparent;
        padding: 5px;
        z-index: 9999;
    } 

    #custombody #headerbar .cta_btn {display: inline-block;}
}


/*pricing table classes */
.pricingtablenumber {font-size: 4em; margin: 0;     line-height: 0.8em; color: #f59139;}
.pricingtablemin {font-size: 2em; margin: 0; }
.pricingtableprice {    
    font-size: 1.7em;
    margin-top: 10px;
    display: block;}
.pricingtablenumbertext {font-size: 3em; margin: 0;     line-height: 0.8em; color: #f59139;}
.pricingtableminsmall {font-size: 1em; margin: 0; }