// ┌────────────────┐
// │ Calcite Header │
// └────────────────┘

$calcite-tabs-border-color:                     transparent !default;

$calcite-tabs-link-hover-border-color:          $gray-lighter !default;

$calcite-tabs-active-link-hover-bg:             $body-bg !default;
$calcite-tabs-active-link-hover-color:          $Calcite_Gray_700 !default;
$calcite-tabs-active-link-hover-border-color:   $Calcite_Gray_400 !default;

$calcite-link-hover-bg:                         $Calcite_Gray_700 !default;

$calcite-header-margin-bottom:									30px; // Padding below header

.cal-header {
	position: relative;
	padding: 30px 15px 0px 15px;
	margin-bottom: $calcite-header-margin-bottom; 
	color: $Calcite_Gray_050;
	background-color: $brand-primary;
	// background: url('../images/header-topo.png') no-repeat;
    // background-repeat: no-repeat;
    // background-position: center top;
    // background-size: cover;

	h1 {
		margin-top: 0;
		font-size: 1.9em;
		font-weight: 400;
		line-height: 1;
		@media (max-width: $screen-sm) {
		    font-size: $font-size-large;
		    padding-left: 0px;
		}
	}
	h2 {
		margin-top: 0;
		font-size: 1.6em;
		font-weight: 400;
		line-height: 1;
		@media (max-width: $screen-sm) {
		    font-size: $font-size-large;
		    padding-left: 0px;
		}
	}

	// Special styles for tabs that are in the header
	.nav-tabs {
	  border-bottom: 1px solid $calcite-tabs-border-color;
	  > li {
	    > a {
	      color: $Calcite_Gray_050;
	      background: $transparent-background;
	      &:hover {
			background: $transparent-background-hover;
	        border-color: $calcite-tabs-link-hover-border-color $calcite-tabs-link-hover-border-color $calcite-tabs-border-color;
	      }
	    }

	    &.active > a {
	      &,
	      &:hover,
	      &:focus {
	        color: $calcite-tabs-active-link-hover-color;
	        background-color: $calcite-tabs-active-link-hover-bg;
	        border: 1px solid $calcite-tabs-active-link-hover-border-color;
	        border-bottom-color: transparent;
	        cursor: default;
	      }
	    }
	  }
	}

}
