/* Enter Your Custom CSS Here */


/* UNIVERSAL STYLES */

.th-divider {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2015/12/bg-th-leaves.jpg") repeat fixed center top;
}

.th-divider-text {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2015/12/bg-white-75.png") repeat center top !important;
}

body.home h2 {margin-top:0 !important; padding:0 !important;}

.home-tagline {font-size:1.33em !important; margin-top:50px}

.vc_icon_element {
    font-size: 16px;
    line-height: 0;
    margin-bottom: 0;
}

.menu-divider {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/01/bg-th-garden-moss.jpg") repeat fixed center top;
    padding: 6% 10%;
    width: 80%;
  color:#fff;
}

.menu-text {padding: 0 2% 2% }


.sidebar-nav li {
    background: white none repeat scroll 0 0;
    font-size: 20px;
    list-style: outside none none;
    margin: 3% 20%;
    padding: 10px;
    text-align: center;
}

#bottom {padding:4% 0; font-size:1.5em !important} 

#bottom p, #bottom li {
    margin: 5px 0 20px;
    text-align: center;
    line-height: 2.0em;
}

#bottom_2 .textwidget {
    padding: 0;
}

h3.bottom-col-title {
    text-align: center;
    margin: 30px 0;
    font-size: 1.22em !important;
    letter-spacing: 1px;
    background:  transparent url('http://tastyharmony.com/wp-content/uploads/2016/04/bg-blk-20.png') repeat;
    padding: 3% 1%;
  opacity:0.85;
}

.custom-formatting li a::before, .custom-formatting .current_page_item ul a::before {
    background: transparent none repeat scroll 0 0 !important;
}
.custom-formatting li a::before, .main-content-bg-dark .custom-formatting li a::before, .custom-formatting .current_page_item ul a::before {
    margin-right: 0;
}

#bottom ul.small-thumb li, #bottom .widget_recent_entries li a, #bottom .widget_categories li a, #bottom .widget_pages li a, #bottom .widget_subpages li a, #bottom .widget_archive li a, #bottom .widget_links li a, #bottom .widget_rss li a, #bottom .widget_meta li a, #bottom .loginform li a, #bottom .widget_nav_menu li a {
    background: transparent url('http://tastyharmony.com/wp-content/uploads/2016/04/bg-blk-20.png') repeat;
}

#bottom .widget_recent_entries li a::before, #bottom .widget_categories li a::before, #bottom .widget_pages li a::before, #bottom .widget_subpages li a::before, #bottom .widget_archive li a::before, #bottom .widget_links li a::before, #bottom .widget_rss li a::before, #bottom .widget_meta li a::before, #bottom .loginform li a::before, #bottom .widget_nav_menu li a::before {
    display: none;
}

.mobile {display:none}


/* ---------------------------------------------------------------------
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------END UNIVERSAL STYLES */


@media screen and (min-width:768px) {
  
#logo {
    top: 20px;
  padding-left:0px;
}

  
  body.home #logo {
    top: 10px;
    padding-left: 0;
    left: 0%;
    margin-left: 0;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: 100;
}
  
  body.home #top-wrapper .container_24 {
    max-width: 96%;
  }
  
  body.home #logo h1 a, body.home #logo .site-name a {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/01/tasty-harmony-logo-fruit-1.png") no-repeat scroll 0 100%;
    height: 240px;
    width: 450px;
    background-size: contain !important;
}
  
  #main-menu {
    height: 50px;
    margin-bottom: 20px;
    padding: 8px 0 0;
    letter-spacing:1px
}

  
  .menu-divider {
    margin: 30px 0;
}
  
  .menu-divider h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
}
  
  #secondary-navigation-bar-wrapper {
    position: relative;
    top: 65px !important;
}
  
  body.home #main-menu {height:50px; position:fixed; top:0; padding:10px 0 0; z-index: 999; }
  

  #page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3, #page-content-title #page-title .single-post-categories {
    font-size: 1.9336em;
    padding: 40px 0 50px;
    text-align: center;
}
  
/* body.home #wrapper-1 {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2015/12/bg-tasty-harmony-bar.jpg") no-repeat fixed center top;
} */

  body.page-id-39 #wrapper-1 {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/01/bg-th-garden-moss.jpg") no-repeat fixed center top;
}
  
    body.page-id-110 #wrapper-1, body.page-id-110 .menu-divider  {    
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/04/page-bg-food.jpg") top center no-repeat fixed;
}

  
      body.page-id-183 #wrapper-1, body.page-id-183 .menu-divider  {    
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/04/page-bg-drinks-1.jpg") top center no-repeat fixed;
}

      body.page-id-149 #wrapper-1, body.page-id-149 .menu-divider  {    
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/04/page-bg-catering.jpg") top center no-repeat fixed;
}

  
        body.page-id-152 #wrapper-1, body.page-id-152 .menu-divider  {    
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/04/page-bg-about.jpg") top center no-repeat fixed;
}
  
          body.page-id-159 #wrapper-1, body.page-id-159 .menu-divider  {    
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/04/page-bg-gift-cards.jpg") top center no-repeat fixed;
}


  
  .top-text {font-size:108% !important; margin-top:20px}
  
  .entry {padding-top: 0;}
  
  .page-banner {margin-bottom:30px}
  
    .top-text {font-size:115% !important;}
   
#top-elements {
    height: 200px;
}
  
  #wrapper-1 {background-size:cover !important}  
  
} /* end 768 + --------------------*/


@media screen and (min-width:1024px) {
  
  #logo {top: 80px;}
    .top-text {font-size:110% !important;}
   
#top-elements {
    height: 240px;
}

} /* end 1024 + --------------------*/




@media screen and (min-width:1140px) {
  
    #logo {top: 100px;}
 
#top-elements {
    height: 360px !important;
}

} /* end 1140 + --------------------*/




@media screen and (max-width:767px) {
  
   body.home #logo h1 a, body.home #logo .site-name a {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2016/01/tasty-harmony-logo-fruit-1.png") no-repeat scroll 0 100%;

}
  
  #home-page-content #content-container {
    padding: 0;
}
#content-container {
    margin-top: 0;
}
  
 body.home #top-elements {
    height: 90px !important;
    margin-bottom: -90px;
}
  
  .mobile {display:block}
  
  body {
    background: transparent url("http://tastyharmony.com/wp-content/uploads/2015/12/bg-th-leaves-blue.jpg") repeat scroll center top;
}
  
  body.home .entry {
    clear: both;
    padding: 0 0 20px;
}
  
  body.home .wpb_row {margin-bottom:0 !important;}
  
  .mean-container .mean-nav {
    background: transparent none repeat scroll 0 0;
    float: right;
    margin-top: 40px;
}
  
  .mean-container .mean-bar {
    background: #928c02 none repeat scroll 0 0;
    bottom: 0;
    float: left;
    padding: 4px 0;
    position: fixed;
    z-index: 999999;
}
.mean-container a.meanmenu-reveal {
    left: 15px !important;
    right: auto !important;
    top: 0;
    width: 33px;
}
.mean-container a.meanmenu-reveal.meanclose {
    left: 15px !important;
    right: auto !important;
    top: 0px;
    width: 33px;
}
  
  
  .mean-container .mean-bar {
    bottom: 0;
    float: left;
    padding: 4px 0;
    position: fixed;
    z-index: 999999;
}
  
  .mean-container .mean-nav ul li {
    float: left;
    margin-left: 0;
    position: relative;
    width: 50%;
}
  
  .mean-container .mean-nav ul li a {
    border-bottom: 1px dotted #b8bd26;
    color: #fff;
    display: block;
    float: left;
    margin: 0 10% 4px;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 80%;
}

  #secondary-navigation-bar {
      position:fixed; 
      bottom:0; 
      width:100%; 
      margin: 0 auto;     
      background: transparent url("http://tastyharmony.com/wp-content/uploads/2015/12/bg-th-leaves-blue.jpg") repeat scroll center bottom;
      padding-top:10px;  
      z-index:999999 !important
  }
  
  #secondary-navigation-bar-content a {
    color: #ffffff;
}
  
  .ud-social-icons i {
    cursor: pointer;
    padding: 0 9px;
}
  
  .ud-social-icons {
    height: 30px;
    font-size: 1.44em !important;
}
  
  .home-icon-column {float:left; width:50%; margin: 0; padding:0}
  
  #page-content-title {
  /*  border-bottom: 2px dotted #a9a9a9; */
    text-align:center;
}
  
  .top-text {font-size:105% !important;}
  
  .contact-address p {text-align:center}

}  /* end mobile ----------------------------------- */


body.home #top-elements {
    height: 0 !important;
}