/* Overrides for Uikit base styling */
.uk-h1 {
  font-size: 24px;
  line-height: 28px;
}
.uk-h2 {
  font-size: 18px;
  line-height: 22px;
}
.uk-link {
  color: #0678be;
}

/* site branding region */
.easy-news-header {
  background-color: #fff;
}
.easy-news-header a > img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* Main menu, mainly overriding uikit's color scheme*/
.easy-news-main-menu {
  background-color: #222;
}
.uk-navbar,
.uk-navbar-brand,
.uk-dropdown-navbar,
.uk-slideset {
  background-color: #222;
  color: #fff;
}
.uk-navbar-nav li > a {
  color: #fff;
  text-shadow: none;
  font-family: 'poppins';
  font-weight: bold;
  text-transform: uppercase;
}
.uk-navbar-nav li a:hover,
.uk-navbar-nav li a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #0678be;
  color: #fff;
}
ul.menu a.is-active {
  color: #fff;
}
.uk-dropdown {
  padding: 0 15px 0 15px;
  border: none;
}
.uk-offcanvas-bar ul > li {
  float: none;
}

/* Secondary menu region */
.easy-news-secondary-menu {
  background-color: #222;
}
.easy-news-secondary-menu li {
  display: inline-block;
}

/* Navigation tabs */
nav.tabs a.is-active,
nav.tabs a:hover,
nav.tabs a:focus {
  background-color: #0678be;
  color: #fff;
}

/* Page footer region */
.easy-news-footer {
  background-color: #0678be;
}

/* Copyright and credits region */
.easy-news-credits {
  background-color: #000;
  color: #f0f0f0;
}
.easy-news-credits p {
  padding-top: 1em;
}
.easy-news-credits a {
  color: #0678be;
}

/* Block titles */
.block > h2,
.page-title {
  background-color: #0678be;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.block > h2 > a {
  color: #fff;
}

/* Content node fields */
article .field--name-body {
  line-height: 28px;
}
article .field--name-body img.align-left,
article .field--name-body figure.align-left {
  width: 50%;
  padding-right: 2%;
}
article .field--name-body img.align-center,
article .field--name-body figure.align-center {
  width: 100%;
}
article .field--name-body img.align-right,
article .field--name-body figure.align-right {
  width: 50%;
  padding-left: 2%;
}
article .field--name-field-image-description {
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px;
  font-style: italic;
}

/* Comments */
li.comment-add {
  visibility: hidden;
}

/* User profile and edit */
.easy-news-user-profile {
  background-color: #0678be;
}
.easy-news-user-profile h1 {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 65vw;
  text-align: right;
  padding-bottom: 5vh;
}
.easy-news-user-profile .field--name-user-picture img {
  width: 15vw;
  height: auto;
}

/* Styling for Uikit slideshows */
.uk-overlay-panel a:not([class]) {
  font-weight: bold;
  text-decoration: none;
}
.uk-slideset img {
  border-radius: 5px;
}
.uk-slideset li:hover,
.uk-slideset li:focus,
.uk-slideset li:active {
  opacity: 0.5;
}

/* Styling for Social Media Links module with fa-fw icons */
.block-social-media-links .horizontal li {
  padding: 10px 0.35em 10px 0.35em;
}
.platforms a {
  color: #fff;
}
.platforms li:hover,
.platforms li:focus,
.platforms li:active {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

/* Overrides for Uikit buttons */
.uk-button {
  color: #fff;
  background: #0678be;
  border-radius: 20px;
  text-shadow: none;
  font-family: 'poppins';
}
.uk-button a {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.uk-button a:hover,
.uk-button a:focus,
.uk-button a:active {
  text-decoration: none;
}
.uk-button:hover,
.uk-button:focus,
.uk-button:active {
  background: #0678be;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.uk-button:active,
.uk-button.uk-active {
  background-color: #0678be;
  color: #fff;
}

/* Overrides for Uikit badges */
.uk-badge {
  background: #222;
  padding: 1px 5px;
  border-radius: 4px;
}
.uk-badge a {
  color: #fff;
}
.uk-badge a:hover,
.uk-badge a:focus,
.uk-badge a:active {
  text-decoration: none;
}
.uk-badge:hover,
.uk-badge:focus,
.uk-badge:active {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.sidebar-ad-rotate a > img:hover,
.sidebar-ad-rotate a > img:focus,
.sidebar-ad-rotate a > img:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.region-sidebar-first ins {
  max-height: 250px;
}