/*-------------------------------------------------------*/
/* Main Wrapper
/*-------------------------------------------------------*/
.main-wrapper {
  overflow: hidden;
  position: relative;
}

.content {
  min-width: 0;
}


/*-------------------------------------------------------*/
/* Page Title
/*-------------------------------------------------------*/
.page-title {
  position: relative;
  text-align: center;
  width: 100%;
  overflow: hidden;  
  display: block;
  padding: 60px 0;
  background-color: $bg-light;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

  &--center {
    text-align: center;
  }

  &--left {
    text-align: left;
  }

  &--right {
    text-align: right;
  }

  .container {
    height: 100%;
  }

  &__outer {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
  }

  &__inner {
    display: table-cell;
    vertical-align: middle;
  }

  &__title {
    font-size: 2.375rem;
    line-height: 1.3;
    margin-bottom: 0;
  }

  &__description {
    margin-top: 24px;
    margin-bottom: 0;
    font-size: 1.25rem;

    p {
      margin-bottom: 0;
    }
  }

  &-layout-2 {
    .single-post__entry-header {
      margin-bottom: 0;
    }
  }
}



/* Cookies notication bar
-------------------------------------------------------*/
.cc-container {	
  padding: 0;

  @include bp-md-up {
    display: flex;
    justify-content: center;
  }
}

.cc-window.cc-banner {
	background-color: $bg-dark;
}

.cc-message {
	margin-right: 20px;
	flex: 0 1 auto !important;
	color: #fff;
	font-weight: 500;
  font-size: 15px;

  @include bp-md-down {
    margin-right: 0;
    margin-bottom: .5em;
  }
}

.cc-link {
	opacity: 1;

  &:hover,
  &:focus {
    color: #fff;
  }
}

.cc-link,
.cc-link:active,
.cc-link:visited {
  color: #fff;
}

a.cc-btn.cc-dismiss {
  font-size: 0.8125rem !important;
	background-color: $primary-color;
	height: 28px;
	line-height: 28px;
	padding: 0 14px;
	border: 0;
  color: #fff;
  border-radius: 3px;
  min-width: auto !important;

  &:hover,
  &:focus {
    opacity: 0.9;
  }
}