
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

/* @import url('http://example.com/example_style.css'); */

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */



/* ==========================================================================
   HS COS Boilerplate v1.1.11                                
   ========================================================================== */

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
<!-- Missing Template at Path: 'custom/page/Baldgirlsdolunch_Theme v2/BaldgirlsdolunchModulesV2.css' -->

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}





/* ==========================================================================
   Index:                                                

    - Variables
    - Macros
    - Base
    - Typography
    - Structure
    - Header
    - Custom Menu Primary
    - Mobile Menu
    - Content
    - Blog
    - Forms
    - Buttons
    - Footer
    - Mobile
    - Custom Styles
 
   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */





/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
 * Create jinja macros for CSS3 properties that need browser prefixes.
 *
 * Apply the style as shown below.  Ignore the jinja comment tags. 
 *
 * 
*/

 

/** 
 * Example of how to apply the above macro (ignore the jinja comment tags):
 *
 * a {
 *    color: red;
 *    font-size: 12px;
 *     
 * }
 */





/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Custom fonts */
/* ex. @font-face {}; */
/* all @import calls need to be done at the top on line 1 */

html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
} 

/* Website background color and default font styles can go here */
body {
  background:url(//cdn2.hubspot.net/hub/358343/file-530904844-png/images/pattern-1.png) #dddddd;
  color: #666666;
  font-family: Arial, Sans-Serif;
  font-size: 14px;
  line-height: 22px;
}

/**
 * Page Center
 *
 * Apply this class to full-width modules.
 */
.page-center {
  float: none !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  /*box-shadow: 0 0 8px #BBBBBB;*/
}

a { color: #00A9A6; 
     transition: color 300ms ease 0s, background-color 300ms ease 0s, opacity 300ms ease 0s;
     text-decoration: none;
}
a:hover, a:focus {
    color:#815FA8;
}

/* Highlighted Text */
::-moz-selection {
    color: #fff;
    background: #3399ff;
    text-shadow: none;
}
::selection {
    color: #fff;
    background: #3399ff;
    text-shadow: none;
}





/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {} 
small {}
strong {}
em {}
cite {}

sup, sub {
    position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #494949;
    font-family: 'Roboto Condensed', sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
    font-size:20px;
    line-height:20px;
    font-weight:normal;
    border-bottom: #ECECEC 1px solid;
     padding-bottom: 6px;
}
h2 {
    font-size:25px;
    line-height:25px;
    font-weight:normal;
}
h3 {
    font-size:20px;
    line-height:20px;
    font-weight:normal;
    border-bottom: #ECECEC 1px solid;
     padding-bottom: 6px;
}
h4 {}
h5 {}
h6 {}

/* Lists */
ul, ol {
    margin-left: 30px;
    padding:0;
}
ul ul, ul ol, ol ol, ol ul {}

li {
    line-height: 18px;
}

ul.unstyled, ol.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}
form ul{
    list-style: none;
}

ul.inline, ol.inline {}
ul.inline > li, ol.inline > li {}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }





/* ==========================================================================
   Header
   ========================================================================== */


.header-container-wrapper {}
.header-container .page-center{
    background:#fff;
    -moz-box-shadow: 0 0 8px #bbb;
    -webkit-box-shadow: 0 0 8px#bbb;
    box-shadow: 0 -5px 8px #BBBBBB;
}
.custom_headertop .page-center{
    background:none;
    box-shadow:none;
}
.custom_headertop{
    background: #494949;
    border-bottom:2px solid #00a9a6;
}
.custom_toplinks{
    text-align:left;
}
.custom_toplinks ul{
    margin:0;
    padding:0;
}
.custom_toplinks ul li{
    display:inline-block;
     margin: 0 0 3px;
}
.custom_toplinks ul li a{
    text-decoration:none;
    font-size:11px;
    padding: 0 8px 0 4px;
    color: #E7E7E7;
    border-right:1px solid #a2a2a2;
}
.custom_toplinks ul li:first-child a{
    padding-left: 1px !important;
    padding-right: 8px;
}
.custom_toplinks ul li:last-child a{
    border-right:none;
}
.custom_headerboxbg{
    padding:0 15px 0 20px;
}
.custom_logo{
    padding:20px 0px;
}
.custom_logo img{
    border:none;
}
.custom_socialtext{
    text-align:right;
    margin: 34px 0 0 !important;
    padding: 0 1px;
}
.custom_socialtext ul{
    margin:0;
    padding:0;
    list-style:none;
}
.custom_socialtext ul li{
    display:inline-block;
}
.custom_socialtext ul li a{
    font-size:15px;
    font-weight:bold;
    padding: 0 3px 0 1px;
    background:url(//cdn2.hubspot.net/hub/358343/file-540705123-png/images/divider.png) right 3px no-repeat;
}
.custom_socialtext ul li:first-child a{
    padding-right:7px;
}
.custom_socialtext ul li:last-child a{
    background:none;
}
.custom_socialicons{
    text-align:right;
    margin: 11px 0 0 !important;
}
.custom_socialicons ul{
    margin:0;
    padding:0;
    list-style:none;
}
.custom_socialicons ul li{
    display:inline-block;
}
.custom_socialicons ul li a{
    margin: 0 3px 0 4px;
}
.custom_socialicons ul li a.facebook{
    background:url(//cdn2.hubspot.net/hub/358343/file-536963671-png/images/facebook.png) no-repeat;
    padding: 4px 10px;
    opacity: 0.55;
}
.custom_socialicons ul li a.facebook:hover{
    opacity:1;
}
.custom_socialicons ul li a.linkedin{
    background:url(//cdn2.hubspot.net/hub/358343/file-537986552-png/images/linkedin.png) no-repeat;
    padding: 4px 10px;
    opacity: 0.55;
}
.custom_socialicons ul li a.linkedin:hover{
    opacity:1;
}
.custom_socialicons ul li a.twitter{
    background:url(//cdn2.hubspot.net/hub/358343/file-537993907-png/images/twitter.png) no-repeat;
    padding: 4px 10px;
    opacity: 0.55;
}
.custom_socialicons ul li a.twitter:hover{
    opacity:1;
}
.custom_socialicons ul li a.pintrest{
    background:url(//cdn2.hubspot.net/hub/358343/file-539997000-png/images/pinterest.png) no-repeat;
    padding: 4px 11px 4px 10px;
    opacity: 0.55;
}
.custom_socialicons ul li a.pintrest:hover{
    opacity:1;
}

.custom_headermenubg{
    background:url(//cdn2.hubspot.net/hub/358343/file-537979657-png/images/gradient-top-gray-40px.png) repeat-x;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    margin: 5px 0 0 !important;
}

.custom_search form {
    float: right;
    border-left: 1px solid #DDDDDD;
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 5px 0;
}
.custom_search input#s {
    background: url("//cdn2.hubspot.net/hub/358343/file-540002210-png/images/find-17px.png") no-repeat scroll right 10px center;
    font-size: 14px;
    color: #373737;
    line-height: 17px;
    padding: 5px 10px 5px 7px;
    transition-duration: 400ms;
    transition-property: width, background;
    transition-timing-function: ease;
    width: 39px;
    cursor: pointer;
    margin: 3px 0 0 !important;
    border: none;
}
.custom_search input#s:focus {
    background-color: #F9F9F9;
    width: 196px;
    outline: 0 none;
    background-color: #EFEFEF !important;
    box-shadow: 0 0 6px #DDDDDD inset !important;
    margin: 1px 0 0 4px !important;
}
.custom_search button {
    cursor: pointer;
    display:none;
}



/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}





/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


   /* Set ul background color */
   /*  Set li background Color */
   /*  Set link Color */
   /*  Set link Hover Color */


  /* Parent List */
  .custom-menu-primary{
      padding: 0px 7px;
  }
  .custom-menu-primary ul{ 
      background: ;
      list-style:none;
      margin:0;
      padding:0;
  } 
  .custom-menu-primary ul li{
      background: ;
      display:inline-block;
      padding: 11px 0 10px;
  }
  .custom-menu-primary ul li a {
      font-size:13px;
      font-weight:bold;
      padding: 5px 17px 5px 16px;
      border-right: 1px solid #DBDBDB;
  }
  .custom-menu-primary ul li:last-child a{
      border-right:none;
  }
  .custom-menu-primary ul li a:hover {}

  /* Child List */
  .custom-menu-primary ul ul{}
  .custom-menu-primary ul ul li{
      background: ;
  }
  .custom-menu-primary ul ul li a{}
  .custom-menu-primary ul ul li a:hover{}

  /* Grandchild List */
  .custom-menu-primary ul ul ul{}
  .custom-menu-primary ul ul ul li{
      background: ;
  }
  .custom-menu-primary ul ul ul li a{}
  .custom-menu-primary ul ul ul li a:hover{}
   
  /* Anchors */
  .custom-menu-primary a {
      color: ;
  }
  .custom-menu-primary a:hover {
      color: ;
  }

  /* Drop down */
  .custom-menu-primary ul {}

  /* Override max width on menu links */
  .custom-menu-primary > ul li a, 
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    width: auto!important;
  }




/* ==========================================================================
   Mobile Menu - TinyNav Select Menu
   ========================================================================== */


.tinynav { display: none; }
 

/* Menu Styles on Mobile Devices
   ========================================================================== */  

@media (max-width: 767px) {

     .tinynav { 
         display: block;
         width: 100%;
         padding: 6px 0;
         font-size: 13px;
         color: #777777;
         border: 1px solid #CCCCCC;
         border-radius: 2px;
     }
     .header-container .custom-menu-primary .hs-menu-flow-horizontal > ul {
          display: none !important; 
     }

}


/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container .page-center{
    background:#fff;
    padding:20px;
    -moz-box-shadow: 0 -7px 8px #bbb;
    -webkit-box-shadow: 0 -7px 8px#bbb;
    box-shadow: 0 -7px 8px #BBBBBB;
}
.post-item{
    margin:20px 0;
}





/* ==========================================================================
   Blog                                               
   ========================================================================== */


/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Use this to style the main wrapper for the blog listing posts */
.blog-listing-wrapper {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */
#comments-listing {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment {
    margin: 10px 0;
    border-top: 1px solid #ccc;
    padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {}
.blog-pagination .previous-posts-link {}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {}

/* Subscription frequency form */
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}

/** 
 * This is to override the default button styles.  
 *
 * Must include !important for each overriding propety.
 */
.hs_blog_default_blog_subscription .hs-button {}





/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */
   .sidebar-form{
       border-left:1px solid #ececec;
       box-shadow: 3px 0 3px -3px #ECECEC inset;
       padding:0px 10px;
   }

/* Labels */
body label {}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"] {
    margin: 5px 0;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus {}

/* Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Drop Downs */
body select {}
body select:focus {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}


/* Form Module
   ========================================================================== */

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"] {
  width: 100%;
  margin: 5px 0;
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus {}

/* Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {
  width: 100%;
}
.hs_cos_wrapper_type_form textarea:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}

/* Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {
  width: 100%;
}
#comment-form input[type="text"]:focus {}

#comment-form textarea {
  width: 100%;
}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {
  width: 100%;
}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"] {}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {
    display:block;
    margin:15px 0px !important;
}
.widget-type-google_search input[type="focus"] {}





/* ==========================================================================
   Buttons                                              
   ========================================================================== */
   .hs-button{
       margin:10px 0;
   }


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}

a.hs-button  {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border: 1px solid #aaa;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  min-width: 4em;
  padding: 3px 12px 3px 12px;
  font-family: sans-serif;
  text-decoration:none;
  cursor:pointer;
  display:inline-block !important;
  margin:10px 0 !important;
}

a.hs-button:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  border-color: #999;
  color: #222;
  text-decoration:none;
}

a.hs-button:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #333;
}


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}





/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {}
.footer-container .page-center{
    background:#202020;
    margin-top: 3px !important;
    padding:0px 20px;
}
.custom_copyright p{
    text-align:left;
    font-size:11px;
    font-weight:bold;
    color:#808080;
    margin: 10px 0 11px;
}
.custom_footerlinks{
    text-align:right;
    margin: 8px 0;
}
.custom_footerlinks ul{
    list-style:none;
    padding:0;
    margin:0;
}
.custom_footerlinks ul li{
    display:inline-block;
}
.custom_footerlinks ul li a{
    font-size:11px;
    font-weight:bold;
    padding: 0;
    border-right: 1px solid #666666;
}
.custom_footerlinks ul li:first-child a{
    padding-right:4px;
}
.custom_footerlinks ul li:last-child a{
    border-right:none;
}





/* ==========================================================================
   Mobile                                                 
   ========================================================================== */


/* Large Desktop
   ========================================================================== */

@media (min-width: 1200px) {}
     

/* Portrait tablet to landscape and desktop
   ========================================================================== */

@media (min-width: 768px) and (max-width: 980px) {
    .custom_search input#s:focus {
    width: 165px;
}
.custom-menu-primary ul li a {
    padding: 5px 12px 5px 11px;
}
.custom_headerboxbg {
    padding: 0 7px 0 10px;
}
.body-container .page-center {
    padding: 10px;
}
.footer-container .page-center {
    padding: 0 10px;
}
.custom_toplinks {
    padding: 0 9px;
}
}


/* Landscape phone to portrait tablet
   ========================================================================== */

@media (max-width: 767px) {
    .custom_headertop .page-center{
    box-shadow:none !important;
}
    .custom_toplinks {
    text-align: center;
}
.header-container .page-center{
     max-width: 440px !important;
     box-shadow: 0 0 8px #BBBBBB;
}
.body-container .page-center{
     max-width: 440px !important;
     box-shadow: 0 5px 8px #BBBBBB;
}
.footer-container .page-center{
     max-width: 440px !important;
}
.custom_copyright p {
    margin: 5px 0 0 !important;
    text-align: center;
}
.custom_footerlinks {
    margin: 0px 0 8px;
    text-align: center;
}
.custom_logo {
    float: left !important;
    padding: 30px 0 0;
}
.custom_socialtext {
    margin: 23px 0 0 !important;
    text-align: right;
}
.custom_socialicons {
    float: right !important;
    margin: -67px 0 0 !important;
}
.custom_headermenubg {
    background: none !important;
    border-bottom: none !important;
    border-top: none !important;
}
.custom_search{
    display: none !important;
}
.custom_toplinks ul li a {
    border-right: none;
}
.custom_socialtext ul li a {
    background: none;
}
.custom-menu-primary {
    padding: 0 18px;
}
}
     

/* Landscape phones and down
   ========================================================================== */

@media (max-width: 480px) {
    .custom_logo {
    float: none !important;
    padding: 14px 0 0;
}
    .custom_socialicons {
    float: none !important;
    margin: 11px 0 !important;
}
.header-container .page-center{
     max-width: 320px !important;
}
.body-container .page-center{
     max-width: 320px !important;
}
.footer-container .page-center{
     max-width: 320px !important;
}

}


/* iPhone
   ========================================================================== */

@media (max-width: 320px) {

}





/* ==========================================================================
   Custom Styles
   ========================================================================== */

/**
 * The include below remains at the bottom of the stylesheet so that custom
 * styles will override base styles.
 *
 * The styles from the include below are custom and miscellaneous styles 
 * that do not pertain to any sections in CompanyStyle.css.
 */

<!-- Missing Template at Path: 'custom/page/Baldgirlsdolunch_Theme v2/BaldgirlsdolunchCustomV2.css' -->