/**
 * tabs.css
 * 
 * Styles the tabs component.
 * 
 * Index
 * 
 * - Tabs: Default Resets
 * - Tabs: Titles
 * - Tabs: Content Containers
 * 
 */

/*-----------------------------------------------------------------------
# Tabs: Default Resets
------------------------------------------------------------------------*/

.ui-tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-tabs-active { 
  margin: 0;
  padding: 0;
}

/*-----------------------------------------------------------------------
# Tabs: Titles
------------------------------------------------------------------------*/

.ui-tabs .ui-tabs-nav { 
  width: 75%;
  margin: 0 auto;
}

.tab-titles a {
  color: #666666;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.tab-titles .ui-state-active a { color: #2375BB; }


.tabs-container:before {
  display: block;
  height: 1px;
  background-color: #DDDDDD;
  content: " ";
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:after {
  display: block;
  height: 4px;
  background-color: #2375BB;
  content: " ";
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
}

/*-----------------------------------------------------------------------
# Tabs: Content Containers
------------------------------------------------------------------------*/

.tabs-container .section { margin: 0; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0px solid #003eff; 
    background: #ffffff; 
    font-weight: normal;
    color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #003eff;
    background: #ffffff;
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-content {
    border: 0px solid #dddddd; 
    background: #ffffff;
    color: #333333;
}

.ui-widget.ui-widget-content {
   border: 0px solid #c5c5c5;
}

.slick-dots{
    visibility:hidden;
}