@charset "utf-8";
/*
Make sure that this is loaded by something for example, in an includes/_head

{% if page.homepage == true %}
  <link rel="stylesheet" href="{ url }}/assets/js/dave-tabs.js">
  <link rel="stylesheet" href="{ url }}/assets/css/dave-tabs.scss">
{% endif %}

*/

.tabwrapper {
    background: #E6EEEE !important;
    width: auto
  }
  
  
  .tab {
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #E6EEEE;
      display:inline-flex;
    }
    
    /* Style the buttons that are used to open the tab content */
    .tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      transition: 0.3s;
      display:inline;
      border: 1px solid #FFFFFF;
    }
    
    /* Change background color of buttons on hover */
    .tab button:hover {
      background-color: #483358;
    }
    
    /* Create an active/current tablink class */
    .tab button.active {
      background-color: #483358;
      color: white;
    }
    
    /* Style the tab content */
    .tabcontent {
      display: none;
      padding: 6px 12px;
      border: 1px solid #ccc;
      border-top: none;
    }