/*
Theme Name: Tom Sage Surveying
Template: wpex-pronto
Version: 0.1
*/

/* This @import line loads the stylesheet from the parent theme */
@import url("../wpex-pronto/style.css");
/*
.sub-menu {display:none;}
.menu-item:hover > ul.sub-menu {
    /* display:block;
}
*/

header .logo { float: none; }

header .call-me,
header .call-me a {
  color: #fff;
  font-weight: bold;
  /* text-align: center; */
}

header .call-me {
  position: relative;
  top: -10px;
  margin: 0;
  padding: 0;
}

header .call-me a {
  text-decoration: none;
}

header .call-me a:hover {
  text-decoration: underline;
}

@media (max-width: 480px) {
  header .call-me {
    display: none;
  }
}

#responsive-menu-button {
  right: 2.5rem !important;
  top: 3rem !important; 
}

textarea { max-width:450px; }
#masthead { margin-bottom:0;}
.dropdown-menu { margin-bottom:0px; }
.dropdown-menu li ul { margin-left:0;}
.dropdown-menu li li:before { /* content: "\2013"; margin-right: 6px; color: #999; */ display:none; }
.menu-item ul {
    display: none;
}

li.menu-item { background-color:rgba(85,85,85,1); min-height:2em; line-height:2em; margin-bottom:1em; text-align:center; padding: .2em 0; font-size:13px;}
.menu-item a:hover { color:#ffc425; text-decoration:none;}

.nav-menu > li { font-weight:bold!important;}
.menu-item ul > li { margin-bottom:0; font-weight:normal;}


body a { color:#000; text-decoration: underline;}
body a:hover {color:#ffc425;}

.logo h1 a, #logo h2 a, .logo a { color:#ffc425!important;}

.logo h1 a:hover, .logo h2 a:hover {color:#fff;}


.sidebar-container a, .navbar a { color:#fff; text-decoration: none;}


.textwidget { text-align:center; background:rgba(85,85,85,.8); color:white; padding:1em; vertical-align: middle;}
.textwidget p { margin: 10px 0; }

.dropdown-menu:before, .sidebar-box:before { width:100%; color:#fff; margin:20px 0;}

@media only screen and (max-width: 959px) {
	#toggle-btn { background: #ffc425; }

}



button#responsive-menu-button, #responsive-menu-container {
  display: none;
  -webkit-text-size-adjust: 100%; }

@media screen and (max-width: 960px) {
  #responsive-menu-container {
    display: block; }

  #responsive-menu-container {
    position: fixed;
    top: 0;
    bottom: 0;
    /* Fix for scroll bars appearing when not needed */
    z-index: 99998;
    padding-bottom: 5px;
    margin-bottom: -5px;
    outline: 1px solid transparent;
    overflow-y: auto;
    overflow-x: hidden; }
    #responsive-menu-container .responsive-menu-search-box {
      width: 100%;
      padding: 0 2%;
      border-radius: 2px;
      height: 50px;
      -webkit-appearance: none; }
    #responsive-menu-container.push-left, #responsive-menu-container.slide-left {
      transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%); }
      .responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0); }
    #responsive-menu-container.push-top, #responsive-menu-container.slide-top {
      transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%); }
      .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0); }
    #responsive-menu-container.push-right, #responsive-menu-container.slide-right {
      transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%); }
      .responsive-menu-open #responsive-menu-container.push-right, .responsive-menu-open #responsive-menu-container.slide-right {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0); }
    #responsive-menu-container.push-bottom, #responsive-menu-container.slide-bottom {
      transform: translateY(100%);
      -ms-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%); }
      .responsive-menu-open #responsive-menu-container.push-bottom, .responsive-menu-open #responsive-menu-container.slide-bottom {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0); }
    #responsive-menu-container, #responsive-menu-container:before, #responsive-menu-container:after, #responsive-menu-container *, #responsive-menu-container *:before, #responsive-menu-container *:after {
      box-sizing: border-box;
      margin: 0;
      padding: 0; }
    #responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title {
      padding: 25px 5%; }
    #responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul {
      width: 100%; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu {
        display: none; }
        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open {
          display: block; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
        padding-left: 10%; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link {
        padding-left: 15%; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link {
        padding-left: 20%; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link {
        padding-left: 25%; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link {
        padding-left: 30%; }
      #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-6 a.responsive-menu-item-link {
        padding-left: 35%; }
    #responsive-menu-container li.responsive-menu-item {
      width: 100%;
      list-style: none; }
      #responsive-menu-container li.responsive-menu-item a {
        width: 100%;
        display: block;
        text-decoration: none;
        padding: 0 5%;
        position: relative; }
        #responsive-menu-container li.responsive-menu-item a .fa {
          margin-right: 15px; }
        #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
          position: absolute;
          top: 0;
          bottom: 0;
          text-align: center;
          overflow: hidden; }
          #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow .fa {
            margin-right: 0; }

  button#responsive-menu-button .responsive-menu-button-icon-inactive {
    display: none; }

  button#responsive-menu-button {
    z-index: 99999;
    display: none;
    overflow: hidden; }
    button#responsive-menu-button img {
      max-width: 100%; }

  .responsive-menu-label {
    display: inline-block;
    font-weight: 600;
    margin: 0 5px;
    vertical-align: middle; }

  .responsive-menu-accessible {
    display: inline-block; }

  .responsive-menu-accessible .responsive-menu-box {
    display: inline-block;
    vertical-align: middle; }

  .responsive-menu-label.responsive-menu-label-top, .responsive-menu-label.responsive-menu-label-bottom {
    display: block;
    margin: 0 auto; } }
@media screen and (max-width: 960px) {
  /*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
  /*
   * Boring
   */
    button#responsive-menu-button {
      padding: 0 0;
      display: inline-block;
      cursor: pointer;
      transition-property: opacity, filter;
      transition-duration: 0.15s;
      transition-timing-function: linear;
      font: inherit;
      color: inherit;
      text-transform: none;
      background-color: transparent;
      border: 0;
      margin: 0;
      overflow: visible; }
      button#responsive-menu-button:hover {
        opacity: 1; }
    .responsive-menu-box {
      width: 25px;
      height: 19px;
      display: inline-block;
      position: relative; }
    .responsive-menu-inner {
      display: block;
      top: 50%;
      margin-top: -1.5px; }
      .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
        width: 25px;
        height: 3px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease; }
      .responsive-menu-inner::before, .responsive-menu-inner::after {
        content: "";
        display: block; }
      .responsive-menu-inner::before {
        top: -8px; }
      .responsive-menu-inner::after {
        bottom: -8px; }
    .responsive-menu-boring .responsive-menu-inner, .responsive-menu-boring .responsive-menu-inner::before, .responsive-menu-boring .responsive-menu-inner::after {
      transition-property: none; }
      .responsive-menu-boring.is-active .responsive-menu-inner {
        transform: rotate(45deg); }
        .responsive-menu-boring.is-active .responsive-menu-inner::before {
          top: 0;
          opacity: 0; }
        .responsive-menu-boring.is-active .responsive-menu-inner::after {
          bottom: 0;
          transform: rotate(-90deg); }
    button#responsive-menu-button {
      width: 55px;
      height: 55px;
      background: #ffc425;
      position: fixed;
      top: 15px;
      right: 5%; }
      button#responsive-menu-button:hover {
        background: #ffc425; }
      button#responsive-menu-button .responsive-menu-box {
        color: #000; }
    .responsive-menu-label {
      color: #fff;
      font-size: 14px;
      line-height: 13px; }
    button#responsive-menu-button {
      display: inline-block;
      transition: transform 0.5s, background-color 0.5s; } }
@media screen and (max-width: 960px) {
  #responsive-menu-container {
    width: 75%;
    left: 0;
    background: #212121;
    transition: transform 0.5s;
    text-align: left; }
    #responsive-menu-container #responsive-menu-wrapper {
      background: #212121; }
    #responsive-menu-container #responsive-menu-additional-content {
      color: #fff; }
    #responsive-menu-container .responsive-menu-search-box {
      background: #fff;
      border: 2px solid #dadada;
      color: #333; }
      #responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder {
        color: #c7c7cd; }
      #responsive-menu-container .responsive-menu-search-box:-webkit-input-placeholder {
        color: #c7c7cd; }
      #responsive-menu-container .responsive-menu-search-box:-moz-placeholder {
        color: #c7c7cd;
        opacity: 1; }
      #responsive-menu-container .responsive-menu-search-box::-moz-placeholder {
        color: #c7c7cd;
        opacity: 1; }
    #responsive-menu-container .responsive-menu-item-link, #responsive-menu-container #responsive-menu-title, #responsive-menu-container .responsive-menu-subarrow {
      transition: background-color 0.5s, border-color 0.5s, color 0.5s; }
    #responsive-menu-container #responsive-menu-title {
      background-color: #212121;
      color: #fff;
      font-size: 13px; }
      #responsive-menu-container #responsive-menu-title a {
        color: #fff;
        font-size: 13px;
        text-decoration: none; }
        #responsive-menu-container #responsive-menu-title a:hover {
          color: #fff; }
      #responsive-menu-container #responsive-menu-title:hover {
        background-color: #212121;
        color: #fff; }
        #responsive-menu-container #responsive-menu-title:hover a {
          color: #fff; }
      #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px; }
    #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
      border-top: 1px solid #212121; }
      #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
        font-size: 13px; }
        #responsive-menu-container #responsive-menu li.responsive-menu-item a {
          line-height: 40px;
          border-bottom: 1px solid #212121;
          color: #fff;
          background-color: #212121; }
          #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
            color: #fff;
            background-color: #3f3f3f;
            border-color: #212121; }
            #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
              color: #fff;
              border-color: #3f3f3f;
              background-color: #3f3f3f; }
          #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
            right: 0;
            height: 40px;
            line-height: 40px;
            width: 40px;
            color: #fff;
            border-left: 1px solid #212121;
            background-color: #757575; }
            #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
              color: #fff;
              border-color: #212121;
              background-color: #757575; }
              #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {
                color: #fff;
                border-color: #3f3f3f;
                background-color: #3f3f3f; }
            #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {
              color: #fff;
              border-color: #3f3f3f;
              background-color: #3f3f3f; }
        #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link {
          background-color: #212121;
          color: #fff;
          border-color: #212121; }
          #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover {
            background-color: #3f3f3f;
            color: #fff;
            border-color: #3f3f3f; }
     #toggle-btn {
      display: none !important; } }