/* Enter Your Custom CSS Here */

.hidden, .mobile {display:none}

#before-content .textwidget p {
    font-size: 120%;
    margin: 15px 0 10px;
    padding: 11px 0;
    text-align: center;
}

#logo {
    left: 0;
    padding-left: 35px;
    top: 30px;
}

#sidebarSubnav h3, body.page .widget_nav_menu h2 {
    background: #888 none repeat scroll 0 0;
    color: white;
    font-size: 1.9em !important;
    margin-bottom: 30px;
    padding: 4% 0;
    text-align: center;
}
body.page #menu-main-nav {padding:0; margin:0}

#subpages-widget-2 li, body.page #menu-main-nav li {padding:10px 0; margin:10px 0; list-style:none; font-size:16px; text-align:center; background:#f9f9f9; opacity:0.79;}

#navigation-menu ul.sf-menu > li.menu-item-61 > a > span {
    opacity: 0;
}

#home-page-content {
    background-attachment: fixed;
    background-color: transparent !important;
    background-image: url("http://sandhillcenter.org/wp-content/uploads/2015/09/bg-fixed-2.jpg") !important;
    background-position: center top !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
}

#before-content {
    margin: 0 0 60px;
}

#before-cont-box-1 h3 {color:#febe6b; font-size:26px !important; margin-top:70px}

#before-cont-box-1 p.unique {
    color: #e9e9e9;
    line-height: 2.2em;
  text-align:left;
  font-size:90%;
  margin:0;
}

.unique a {
    color: #febe6b;
}

.unique a:hover {
    color: #ffffff;
}

.tag {text-align:center;}
.tagline {width:80%; margin:30px 10% -40px; padding-top:20px}

#home-social {
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    top: 70px;
    z-index: 9999 !important;
}

#home-social p {text-align:center;}

#home-bottom h1, #home-bottom h2, #home-bottom h3 {color:#fff; margin:0 0 10px;}

#home-bottom h4 {color:#febe6b; font-size:22px !important}

#home-bottom p {
    color: #e9e9e9;
    line-height: 2.2em;
}

#home-bottom a {
    color: #febe6b;
}

#home-bottom a:hover {
    color: #ffffff;
}

#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: 2.3em !important;
    letter-spacing: 1px;
    line-height: 42px;
    padding: 4% 0 2%;
    text-align: center;
}

li#menu-item-61 a {
    background: transparent url("http://sandhillcenter.org/wp-content/uploads/2016/01/facebook-btn.png") no-repeat scroll 8px -4px / 51px auto;
    overflow: visible;
}

#navigation-menu > ul.sf-menu {
    float: right;
    position: relative;
    right: 40px;
}

.staff-photo {width:80%; margin:0 auto; margin-bottom:25px}

.page-content-row, .page-top-row {padding:2% 3% 12px}

.page-text h3 {margin-top:24px}

.custom-formatting li a, .custom-formatting li a:hover, .custom-formatting li li a:hover, .custom-formatting li li li a:hover, .custom-formatting li li li li a:hover, .custom-formatting li li li li li a:hover, .custom-formatting .current_page_item ul a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.custom-formatting li a::before, .custom-formatting .current_page_item ul a::before {
    background-image: none;
    display: none;
    margin: 0;
    padding: 0;
}

.sub-menu {font-size:0.9em}

.contact-text p {font-size:1.2em}


/* MOBILE STYLES ---------------------------- */

.mean-container .mean-bar, .mean-container .mean-nav {
    background: transparent none repeat scroll 0 0;
}
.mean-container a.meanmenu-reveal span {
    background: #38aacd none repeat scroll 0 0;
    height: 4px;
    margin-top: 3px;
}

.mean-container .mean-nav ul li a {
    border-bottom: 1px solid rgba(13, 13, 13, 0.2);
    color: #131313;
}

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

  .desktop {display:none}

.mobile {display:block}

  
  #logo {
    left: 40%;
    margin-left: -180px;
    margin-top: -20px;
    top:0;
}
  
  #logo h1 a, #logo .site-name a {
    background-size: contain !important;
  height: 100px;
    width: 200px;
}

  #logo h1 a, #logo .site-name a {
    background-size: contain !important;
    height: 100px;
    position: relative;
    top: -17px;
    width: 200px;
}

#top-wrapper {
    background: transparent none repeat scroll 0 0;
    margin: 0;
    padding: 0 !important;
}
  #wrapper-1 {
    background-color: transparent;
}
  
  .intro {background-color: rgba(255,255,255,0.6); border-radius:22px; padding:22px !important}
  
  .tagline {width:100%; margin:30px 0 -40px; padding-top:20px}

  
  }
/* end mobile */