/*
$JA#COPYRIGHT$
*/

// VARIABLES & MIXINS
// ------------------
@import "vars.less"; // Modify this for custom colors, font-sizes, etc

// ---------------------------------------------------------------------
//  Common Elements
// ----------------------------------------------------------------------

// Basic typography 
// ----------------------------------------
a:active,
a:focus {
  outline: 0;
}

img {
  border: none;
}

// Global K2 container
// ------------------------------------------
#k2Container {
  padding: 0 0 24px 0;
  position: relative;
}

body.contentpane #k2Container {
  padding: 16px; // used in popups
}

// General padding
// -------------------------------------------
.k2Padding {
  padding: 4px;
}

// Clearing
// ------------------------------------------
.clr {
  border: none;
  clear: both;
  display: block;
  float: none;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

// Zebra rows
// -------------------------------------------
.even {
}

.odd {
}

// RSS feed icon
// -----------------------------------------
div.k2FeedIcon {
  padding: 4px 8px;
  position: absolute;
  top: 10px;
  right: 10px;
}

div.k2FeedIcon a,
div.k2FeedIcon a:hover {
  background: url("@{t3-image-path}/fugue/feed.png") no-repeat 50% 50%;
  display: block;
  float: right;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
}

div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {
  display: none;
}

// Rating
// ---------------------------------------
.itemRatingForm {
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
}

.itemRatingLog {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 4px;
  text-transform: uppercase;
  color: @gray-light;
}

div.itemRatingForm .formLogLoading {
  background: url("@{t3-image-path}/system/loading.gif") no-repeat left center;
  height: 25px;
  padding: 0 0 0 20px;
}

.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: transparent url("@{t3-image-path}/system/transparent_star.gif") left -1000px repeat-x;
}

.itemRatingList {
  background-position: left top;
  float: left;
  height: 25px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 125px;
}

.itemRatingList li {
  background: none;
  display: inline;
  padding: 0;
}

.itemRatingList a,
.itemRatingList .itemCurrentRating {
  border: none;
  cursor: pointer;
  height: 25px;
  left: 0;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: -1000px;
  top: 0;
}

.itemRatingList a:hover {
  background-position: left bottom;
}

.itemRatingList a.one-star {
  width: 20%;
  z-index: 6;
}

.itemRatingList a.two-stars {
  width: 40%;
  z-index: 5;
}

.itemRatingList a.three-stars {
  width: 60%;
  z-index: 4;
}

.itemRatingList a.four-stars {
  width: 80%;
  z-index: 3;
}

.itemRatingList a.five-stars {
  width: 100%;
  z-index: 2;
}

.itemRatingList .itemCurrentRating {
  background-position: 0 center;
  margin: 0;
  padding: 0;
  z-index: 1;
}

span.siteRoot {
  display: none;
}


// CSS added with Javascript
// ------------------------------------------
.smallerFontSize {
  font-size: 100%;
  line-height: inherit;
}

.largerFontSize {
  font-size: 150%;
  line-height: 140%;
}


// ReCaptcha
// -----------------------------------------
.recaptchatable .recaptcha_image_cell,
#recaptcha_table {
  background: @white !important;
}

#recaptcha_table {
  border-color: @t3-border-color !important;
}

#recaptcha_response_field {
  background: @white !important;
  border-color: @t3-border-color !important;
}


// Primary lists in modules
// -------------------------------------------
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {
	padding: 0;
}

div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {
  list-style: none;
}

.clearList {
  clear: both; 
  display: none;
  float: none;
}

.lastItem {
  border: none; 
}


// Avatars
// --------------------------------------------
.k2Avatar img {
  display: block;
  float: left;
  margin: 0 @t3-global-margin/2 @t3-global-margin/2 0;
}

// Read more 
a.k2ReadMore {
  .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
  white-space: nowrap;
  .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
  .user-select(none);
  display: inline-block;
}


// Pagination
// -------------------------------------------
div.k2Pagination {
  color: @text-color;
  margin: 0;
  padding: @t3-global-padding 0;
  text-align: right;
  .clearfix();
}


// Pagination (additional styling for Joomla! 1.6+)
// ----------------------------------------------------
div.k2Pagination ul {
  text-align: center;
  margin: 0;
}

div.k2Pagination ul li {
  display: inline;
  a {
  	padding: @t3-global-padding/3 @t3-global-padding/2;
  	color: @gray-dark;

  	&:hover,
  	&:focus {
  		color: @brand-primary;
  	}
  }
}

div.k2Pagination ul li a {
  margin-bottom: @t3-global-margin / 2;
}


// Featured flags: the classes are repeated further below to indicate placement in the CSS structure
// -----------------------------------------------------------------------------------------------------------
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {

  &:before {
    content: "";
    top: 0;
    right: @grid-gutter-width/2;
    width: 52px;
    height: 54px;
    position: absolute;
    z-index: 2;
    background: url("@{t3-image-path}/ico/featured-ltr.png") no-repeat 100% 0;
  }
}


// ----------------------------------------------------------------------
// Component: Item view
// ----------------------------------------------------------------------

a.itemPrintThisPage {
  background: #F7FAFE;
  border: 1px solid @t3-border-color;
  color: #555;
  display: block;
  font-size: 13px;
  margin: 4px auto 16px;
  padding: 4px;
  text-align: center;
  width: 160px;
}

a.itemPrintThisPage:hover {
  background: #eee;
  text-decoration: none;
}

div.itemView {
  border-bottom: 1px dotted @t3-border-color; //this is the item container for this view
  margin: 0 0 24px 0;
  padding: 8px 0 24px 0;
}

span.itemEditLink {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 4px 0;
  text-align: center;
  width: auto;
}

span.itemEditLink a {
  background: #eee;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 12px;
  text-decoration: none;
  display: inline-block;
  position: static;
  color: @gray-light;
  border-radius: 3px;
}

span.itemEditLink a:hover {
  background: @brand-primary;
  color: @white;
}

div.itemHeader span.itemDateCreated {
  color: @gray-light;
  font-size: @font-size-small;
  text-transform: uppercase;

}

h2.itemTitle {
  color: @gray-darker;
  font-size: @font-size-h3;
  font-weight: @font-weight-medium;
  margin-bottom: @t3-global-margin;
}

h2.itemTitle span sup {
  color: #CF1919;
  font-size: 12px;
  text-decoration: none;
  display: none;
}

div.itemHeader span.itemAuthor {
  padding: 0;
  font-size: @font-size-small;
  text-transform: uppercase;
  color: @gray-light;

  @media screen and (min-width: @screen-md-min) {
    display: inline-block;
  }
}

div.itemHeader span.itemAuthor a {
  color:  @gray-light;

  &:hover,&:focus,&:active {
    color: @link-color;
  }
}

div.itemToolbar {
  font-size: @font-size-small;
  color: @gray-light;
  padding: @t3-global-padding / 2 0;
  text-transform: none;
  
  a#fontDecrease:before,
  a#fontIncrease:before {
    display: none;
  }
}

div.itemToolbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.itemToolbar ul li {
  background: none;
  font-size: 12px;
  list-style: none;
	display: inline-block;
	padding: 0 @t3-global-padding/3;
	text-align: center;
	border-left: 1px solid @t3-border-color;
	margin: 0;
  @media screen and (min-width: @screen-sm) {
	  padding: 0 @t3-global-padding/2;
  }
}

div.itemToolbar ul > li:first-child {
  border: none; 
  padding-left: 0;
}

div.itemToolbar ul li a {
  font-size: 12px;
  font-weight: normal;
  color: @gray-light;
}

div.itemToolbar ul li a:hover {
  color: @brand-primary;
  text-decoration: none;
}

div.itemToolbar ul li a img {
  vertical-align: middle;
}

div.itemToolbar ul li span.itemTextResizerTitle {
}

div.itemToolbar ul li a#fontDecrease {
  margin: 0 0 0 2px;
}

div.itemToolbar ul li a#fontDecrease img {
  background: url("@{t3-image-path}/system/font_decrease.gif") no-repeat;
  height: 13px;
  width: 13px;
}

div.itemToolbar ul li a#fontIncrease {
  margin: 0 0 0 2px;
}

div.itemToolbar ul li a#fontIncrease img {
  background: url("@{t3-image-path}/system/font_increase.gif") no-repeat;
  height: 13px;
  width: 13px;
}

div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {
  display: none;
}

div.itemRatingBlock {
}

div.itemRatingBlock span {
  display: inline-block;
  font-style: normal;
  margin: 0;
  padding: 0 4px 0 0;
}

div.itemBody {
  margin: 0;
  padding: 0;
}

div.itemImageBlock {
  border-radius: 4px 4px 0 0;
  margin: -26px -26px 13px -26px;
  padding: 0;
  overflow: hidden;
}

span.itemImage {
  display: block;
  margin: 0;
  text-align: center;
}

span.itemImage a.modal {
  position: inherit;
  display: block;
}

span.itemImage img {
  border: 0;
  padding: 0;
  width: 100% !important;
}

span.itemImageCaption {
  color: #666;
  display: block;
  float: left;
  font-size: 11px;
}

span.itemImageCredits {
  color: lighten(@gray-light,10%);
  display: block;
  float: right;
  font-size: 11px;
  font-style: italic;
}

div.itemFullText h3 {
  margin: 0 0 @t3-global-margin/2;
  padding: 0;
  color: @gray-darker;
}

div.itemFullText p {
}

div.itemFullText img {
}

div.event-detail {
  border: 1px solid @t3-border-color;
  border-radius: @border-radius-base;
  padding: @t3-global-padding;
  margin-top: @t3-global-margin;
}

div.itemExtraFields {

}

div.itemExtraFields h3 {
  line-height: normal !important;
  margin: 0;
  padding: 0 0 8px 0;
}

div.itemExtraFields ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.itemExtraFields ul li {
  display: block;
}

div.itemExtraFields ul li a {
  color: @brand-secondary;
}

div.itemExtraFields ul li span.itemExtraFieldsLabel {
  display: block;
  float: left;
  margin: 0 4px 0 0;
  width: 30%;
}

div.itemExtraFields ul li span.itemExtraFieldsValue {
}

div.itemContentFooter {
  color: @gray-light;
  display: block;
  font-size: @t3-font-size-smaller;
  text-transform: uppercase;
  .itemHits {
  	padding-right: @t3-global-padding/2;
  	margin-right: @t3-global-margin/2;
  	border-right: 1px solid @t3-border-color;
  }

}

div.itemSocialSharing {
  padding: 8px 0;
}

div.itemTwitterButton {
  float: left;
  margin: 2px 24px 0 0;
}

div.itemFacebookButton {
  float: left;
  margin-right: 24px;
  width: 200px;
}

div.itemGooglePlusOneButton {
}

div.itemLinks {
  padding: 0;
  font-size: @font-size-small;
  text-transform: uppercase;
  color: @gray-light;
  line-height: 1;
  margin: @t3-global-margin/2 0;
  @media screen and (min-width: @screen-md-min) {
  	padding-left: @t3-global-padding/2;
	  padding-right: @t3-global-padding/2;
	  margin-left: @t3-global-margin/2;
	  margin-right: @t3-global-margin/2;
	  border-left: 1px solid @t3-border-color;
	  border-right: 1px solid @t3-border-color;
  	display: inline-block;
  	margin-top: 0;
  	margin-bottom: 0;
  }
}

div.itemLinks + .k2rating {
  @media screen and (min-width: @screen-md-min) {
    display: inline-block;
    padding-left: @t3-global-padding/2;
    margin-left: @t3-global-margin/2;
    position: relative;

    &:before {
      content: "";
      display: inline-block;
      border-left: 1px solid @t3-border-color;
      height: 12px;
      position: absolute;
      left: 0;
      right: auto;
      top: 50%;
      margin-top: -6px;
    }
  }
}

div.itemCategory {
  border-bottom: 0;
  padding: 0;
  @media screen and (min-width: @screen-md-min) {
    display: inline-block;
  }

  span {
    color: @gray-darker;
    padding:0;
  }

  a {
    color: @gray-light;

    &:hover,&:focus,&:active {
      color: @brand-primary;
    }
  }
}

div.itemTagsBlock ul.itemTags {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.itemTagsBlock ul.itemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
}

div.itemTagsBlock ul.itemTags li a {
  color: @gray-light;
}

div.itemTagsBlock ul.itemTags li a:hover {
  color: @link-hover-color;
  text-decoration: none;
}

div.itemAttachmentsBlock {
  border-bottom: 1px dotted @t3-border-color;
  padding: 4px;
}

div.itemAttachmentsBlock span {
  color: @gray;
  font-weight: bold;
  padding: 0 4px 0 0;
}

div.itemAttachmentsBlock ul.itemAttachments {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.itemAttachmentsBlock ul.itemAttachments li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px;
  text-align: center;
}

div.itemAttachmentsBlock ul.itemAttachments li span {
  color: lighten(@gray-light,10%);
  font-size: 10px;
  font-weight: normal;
}

.itemAuthor + .itemLinks {
	display: none;
}

// Author block
// -------------------------------
div.itemAuthorBlock img.itemAuthorAvatar {
  border-radius: @border-radius-base;
  display: block;
  float: left;
  margin: 0 @t3-global-margin/2 @t3-global-margin 0;
  width: 70px;
  height: 70px;
}

div.itemAuthorBlock div.itemAuthorDetails {
  clear: both;
  color: @text-color;
  margin: 0;
}

div.itemAuthorBlock .itemAuthorName a {
  color: @gray-darker;
  font-size: @font-size-base;
  font-weight: @font-weight-bold;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName,
div.itemAuthorBlock div.itemAuthorDetails .itemAuthorName {
  margin: 0 0 4px 0;
  padding: 0;
  font-family: @font-family-base;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {
  font-family: @font-family-serif;
  font-size: 16px;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {
}

div.itemAuthorBlock div.itemAuthorDetails p {
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
  border-right: 1px solid @t3-border-color;
  color: @gray;
  font-weight: bold;
  margin: 0 4px 0 0;
  padding: 0 8px 0 0;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
  color: @gray;
  font-weight: bold;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
  font-weight: normal;
}

// Author latest
// --------------------------
div.itemAuthorLatest {
  margin-bottom: 16px;
  padding: 0;
  font-size: @font-size-base;
}

div.itemAuthorLatest h3 {
  font-size: @font-size-base;
  color: @gray-darker;
  font-weight: bold;
}

div.itemAuthorLatest ul {
  font-size: @font-size-base;
  margin: 0;

  li{
    margin-bottom: @t3-global-margin / 2;

    &:before {
      border: 2px solid;
      border-radius: 50%;
      color: @green;
      content:  "\f00c";
      display: inline-block;
      float: left;
      font-family: FontAwesome;
      font-size: 10px;
      line-height: 1;
      margin-right: @t3-global-margin / 3;
      padding: 1px;
      position: relative;
      top: 4px;
    }

    &:last-child {
      margin-bottom: 0;
    }

    a{
      color: @gray-light;
      padding: 0;

      &:hover, &:active, &:focus{
        color: @brand-primary;
        text-decoration: none;
      }
    }
  }
}


// Related by tag
// --------------------------
div.itemRelated {
}

div.itemRelated h3 {
  color: @gray-darker;
  font-weight: @font-weight-bold;
  font-size: @font-size-base;
}

div.itemRelated ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

div.itemRelated ul li {
  margin-bottom: @t3-global-margin / 2;

  &:last-child {
    margin-bottom: 0;
  }

  &:before {
    border: 2px solid;
    border-radius: 50%;
    color: @green;
    content:  "\f00c";
    display: inline-block;
    float: left;
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 1;
    margin-right: @t3-global-margin / 3;
    padding: 1px;
    position: relative;
    top: 4px;
  }

  &.clr {
    display: none!important;
  }
}

div.itemRelated ul li.k2ScrollerElement {
  background: @white;
  border: 1px solid @t3-border-color;
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  padding: 4px;
}

div.itemRelated ul li a {
  color: @gray-light;

  &:hover, &:active, &:focus {
    color: @brand-primary;
    text-decoration: none;
  }
}

div.itemRelated ul li.clr {
  border: none;
  clear: both;
  display: block;
  float: none;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

// Video
// ------------------------------
div.itemVideoBlock {
  background: #010101 url("@{t3-image-path}/system/videoplayer-bg.gif") repeat-x bottom;
  margin: 0 0 16px 0;
  padding: 16px;
}

div.itemVideoBlock div.itemVideoEmbedded {
  text-align: center; //for embedded videos (not using AllVideos)
}

div.itemVideoBlock span.itemVideo {
  display: block;
  overflow: hidden;
}

div.itemVideoBlock span.itemVideoCaption {
  color: #eee;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  width: 60%;
}

div.itemVideoBlock span.itemVideoCredits {
  color: #eee;
  display: block;
  float: right;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  width: 35%;
}


// Image Gallery 
div.itemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}

// Article navigation
div.itemNavigation {
  margin: 0 0 @t3-global-margin 0;
  padding: @t3-global-padding/2 0;
  font-size: @font-size-small;
  .clearfix();
}

div.itemNavigation span.itemNavigationTitle {
  display: block;
  font-size: @t3-font-size-bigger;
  color: @gray-darker;
  font-family: @font-family-base;
  font-weight: @font-weight-bold;
  margin-bottom: @t3-global-margin/2;
}

div.itemNavigation a {
  color: @gray-light;

  &:hover, &:focus, &:active {
    color: @brand-primary;
    text-decoration: non;
  }
}

div.itemNavigation a.itemPrevious {
  padding: 0 12px;
}

div.itemNavigation a.itemNext {
  padding: 0 12px;

  float: right;
}


// Comments
// --------------------------------------
.itemCommentsCounter {
  color: @gray-darker;
  font-size: @font-size-base;
  font-weight: @font-weight-bold;
}

div.itemComments ul.itemCommentsList {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}

div.itemComments ul.itemCommentsList li {
  border: 1px solid @t3-border-color;
  margin-bottom: @t3-global-margin;
  padding: @t3-global-padding;
}

div.itemComments ul.itemCommentsList li.authorResponse {
  background: url("@{t3-image-path}/system/stripes.png") repeat;
}

div.itemComments ul.itemCommentsList li.unpublishedComment {
  background: #ffeaea;
}

div.itemComments ul.itemCommentsList li img {
  border: 1px solid @gray-lighter;
  border-radius: 50%;
  background: @white;
  float: left;
  margin-right: @t3-global-margin / 2;
}

div.itemComments ul.itemCommentsList li span.commentDate {
  font-size: @t3-font-size-smaller;
  position: relative;
  top: -8px;
}

div.itemComments ul.itemCommentsList li span.commentAuthorName {
  color: @gray-darker;
  display: block;

  &:first-letter {
    text-transform: uppercase;
  }
}

div.itemComments ul.itemCommentsList li p {
  clear: both;
  margin-bottom: 0;
  margin-top: 26px;
}

div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
  display: none;
}

div.itemComments ul.itemCommentsList li span.commentLink {
  float: right;
  margin-left: 8px;
}

div.itemComments ul.itemCommentsList li span.commentLink a {
  color: #999;
  font-size: 11px;
  text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentLink a:hover {
  color: #555;
  font-size: 11px;
  text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentToolbar {
  clear: both;
  display: block;
}

div.itemComments ul.itemCommentsList li span.commentToolbar a {
  color: #999;
  font-size: 11px;
  margin-right: 4px;
  text-decoration: underline;
  display: inline;
  position: static;
}

div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
  color: #555;
  font-size: 11px;
  text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
  background: url("@{t3-image-path}/system/searchLoader.gif") no-repeat 100% 50%;
}

div.itemCommentsPagination {
  margin: 0 0 24px 0;
  padding: 4px;
}

div.itemCommentsPagination span.pagination {
  clear: both;
  display: block;
  float: right;
}

div.itemCommentsForm h3 {
  color: @gray-darker;
  font-size: @t3-font-size-bigger;
  font-family: @font-family-base;
  font-weight: @font-weight-bold;
  margin-bottom: @t3-global-margin / 3;
}

div.itemCommentsForm p.itemCommentsFormNotes {
  font-size: @font-size-small + 1;
  color: @gray-light;
}

div.itemCommentsForm form {
}

div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl ,
div.itemCommentsForm form label.formRecaptcha {
  display: none;
}

div.itemCommentsForm form textarea.inputbox {
  border-radius: 0;
  border: 1px solid @t3-border-color;
  color: @gray;
  font-size: @font-size-small + 1;
  display: block;
  height: 160px;
  margin: 0 0 @t3-global-margin;
  .box-shadow(none);
  width: 100%;

  &:focus {
    border-color: @gray-light;
  }
}

div.itemCommentsForm form input.inputbox {
  display: block;
  margin: 0 0 @t3-global-margin;
  width: 50%;
  border: 0;
  border: 1px solid @t3-border-color;
  border-radius: 0;
  .box-shadow(none);
  font-size: @font-size-small + 1;
  color: @gray;

  &:focus {
    border-color: @gray-light;
  }
}

div.itemCommentsForm form input#submitCommentButton {
  background: @green;
  border: 0;
  border-radius: @border-radius-base;
  display: block;
  font-size: 14px;
  font-weight: @font-weight-bold;
  margin: 16px 0 0 0;
  padding: 10px;
  color: @white;

  &:hover,&:focus, &:active {
    background: darken(@green, 5%);
    color: @white;
  }
}

div.itemCommentsForm form span#formLog {
  color: #CF1919;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
}

div.itemCommentsForm form .formLogLoading {
  background: url("@{t3-image-path}/system/loading.gif") no-repeat left center;
}

// "Report comment" form
// -------------------------------------
div.k2ReportCommentFormContainer {
  margin: 0 auto;
  padding: 8px;
  width: 480px;
}

div.k2ReportCommentFormContainer blockquote {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 0 8px 0;
  padding: 8px;
  width: 462px;
}

div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {
  color: #135CAE;
  display: block;
  float: left;
  font-size: 40px;
  font-style: italic;
  font-weight: bold;
  line-height: 30px;
  vertical-align: top;
}

div.k2ReportCommentFormContainer blockquote span.quoteIconRight {
  color: #135CAE;
  display: block;
  float: right;
  font-size: 40px;
  font-style: italic;
  font-weight: bold;
  line-height: 30px;
  vertical-align: top;
}

div.k2ReportCommentFormContainer blockquote span.theComment {
  color: @black;
  font-family: @font-family-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  padding: 0 4px;
}

div.k2ReportCommentFormContainer form label {
  display: block;
  font-weight: bold;
}

div.k2ReportCommentFormContainer form input,
div.k2ReportCommentFormContainer form textarea {
  border: 1px solid @t3-border-color;
  display: block;
  font-size: 12px;
  margin: 0 0 8px 0;
  padding: 2px;
  width: 474px;
}

div.k2ReportCommentFormContainer form #recaptcha {
  margin-bottom: 24px;
}

div.k2ReportCommentFormContainer form span#formLog {
  color: #CF1919;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
}

div.k2ReportCommentFormContainer form .formLogLoading {
  background: url("@{t3-image-path}/system/loading.gif") no-repeat left center;
}

// Back to top link
// -------------------------------
div.itemBackToTop {
  text-align: right;

  .fa {
    background-color: @brand-secondary;
    border-radius: 4px;
    color: @white;
    font-size: 20px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 40px;

    &:hover {
      background-color: darken(@brand-secondary, 5%);
    }
  }
}

div.itemBackToTop a {
  text-decoration: underline;
}

div.itemBackToTop a:hover {
  text-decoration: underline;
}

// ----------------------------------------------------------------------
// Component: Itemlist view (category)
// ----------------------------------------------------------------------

// Category block
// -------------------------------
div.itemListCategory {
  background: @gray-lightest;
  padding: @t3-global-padding;
}

span.catItemAddLink {
  border-bottom: 1px dotted @t3-border-color;
  display: block;
  float: right;

  @media screen and (max-width: @screen-xs-max) {
  	float: none;
  }
}

span.catItemAddLink a {
  background: none;
  border: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  position: static;
  color: @gray;
  font-size: @font-size-small;
  margin-right: @t3-global-margin;
}

span.catItemAddLink a:hover {
  color: @brand-primary;
}

div.itemListCategory img {
  background: @white;
  display: block;
  float: left;
  margin: 0 @t3-global-padding/2 0 0;
  padding: 0;
  display: none;
}

div.itemListCategory h2 {
    font-size: @font-size-h4;
  font-family: @font-family-base;
  color: @gray-darker;
  font-weight: bold;
  margin: 0;
  float: left;

}

// Sub-category block
// ------------------------------------
div.itemListSubCategories {
  .clearfix();
}

div.subCategoryContainer {
  float: left;
}

div.subCategory {
  background: @gray-lightest;
  margin: @t3-global-margin/4;
  padding: @t3-global-padding/2;
}

div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {
  display: block;
  text-align: center;
}

div.subCategory h2 {
  font-size: @font-size-h3;
  font-family: @font-family-base;
}

div.subCategory h2 a {
  color: @headings-color;
}

div.subCategory h2 a:hover {
  color: @brand-primary;
}

// Item groups
// -------------------------------------
div.itemList {
	margin: 0 -@t3-global-margin/2;
}

div#itemListLeading {
  .clearfix();
}

div#itemListPrimary {
  .clearfix();
}

div#itemListSecondary {
  .clearfix();
}

div#itemListLinks {
	padding-top: @t3-global-padding;
	div.itemContainer {
		padding: 0;
		.catItemTitle {
	  	font-size: @font-size-base;
	  	padding: @t3-global-padding/2 0;
	  	margin: 0;
	  }

	}

  h4 {
  	font-size: @font-size-h4;
	  color: @gray-darker;
	  font-weight: bold;
  }


  margin: 0 @t3-global-margin/2;
}

div.itemContainer {
  float: left;
  padding: 0 @t3-global-padding/2;
  position: relative;
}

div.itemContainerLast {
	span.catItemEditLink {
		  display: inline-block;
	  vertical-align: middle;
	  margin: 0;
	  padding: 4px 0;
	  text-align: center;
	  width: auto;
	}

  h3 {
  	font-size: @font-size-h3;
    a {
    	color: @gray-darker;
    	padding: 0;

    	&:hover,
    	&:focus {
    		color: @brand-primary;
    	}

    	&.modal {
    		padding: 5px;

    		&:hover,
    		&:focus {
    			color: @white;
    		}
    	}
    }
  }
}

// Item block for each item group
// -----------------------------------------
div.catItemView {
  padding: @t3-global-padding 0; 
  border-bottom: 1px solid @t3-border-color;
}
  
div.groupLinks {
  margin: 0;
  padding: 0;
}

div.catItemIsFeatured {
}

span.catItemEditLink {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
}

div.catItemHeader {

  a {
  	color: @gray-darker;

    &:hover,
    &:focus,
    &:active {
      color: @brand-primary;
      text-decoration: none;
    }
  }

  & + .clearfix {
  	span,div {
  		@media screen and (max-width: @screen-xs-max) {
  			display: block;
  			padding: 0;
  			border: 0;
  			margin: 10px 0;
  			float: none;
  		}
  	}
  }
}

span.catItemEditLink a {
  background: #eee;
  border: 1px solid @t3-border-color;
  font-family: @font-family-sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 12px;
  text-decoration: none;
  position: static;
  display: block !important;
  text-align: center;
  border-radius: 3px;
}

span.catItemEditLink a:hover {
  color: @white;
  background: @brand-primary;
}

.catItemDateCreated {
	color: @gray-light;
  text-transform: uppercase;
  font-size: @font-size-small;
  line-height: 1;
  display: block;

  @media screen and (min-width: @screen-md) {
  	
	  padding: 0 @t3-global-padding/2;
	  margin: 0 @t3-global-margin/2;
	  border-left: 1px solid @t3-border-color;
	  border-right: 1px solid @t3-border-color;
  	float: left;
  }
}


.catItemTitle {
  margin: 0 0 (@t3-global-margin);
  color: @headings-color;
  font-size: @font-size-h3;
  font-family: @font-family-base;
  
  a {
    color: @headings-color;

    &:hover,
    &:focus,
    &:active {
      color: @brand-primary;
      text-decoration: none;
    }
  }
}

.catItemTitle span sup {
	display: none;
}

.catItemAuthor {
	color: @gray-light;
	text-transform: uppercase;
	font-size: @font-size-small;
	line-height: 1;
	margin-bottom: @t3-global-margin;
	display: block;
	a {
		color: @gray-light;

		&:hover,
		&:focus {
			color:@brand-primary; 
		}
	}

	@media screen and (min-width: @screen-md) { 
		margin-bottom: 0;
		float: left;
	}
}

div.catItemHeader .catItemAuthor a {
	color: @gray-light;
}

div.catItemHeader .catItemAuthor a:hover {
	color: @brand-primary;
}

div.catItemRatingBlock {
	text-transform: uppercase;
	font-size: @font-size-small;
}

.clearfix + div.catItemRatingBlock {
	margin-top: @t3-global-margin;
	@media screen and (max-width: @screen-xs-max) {
		margin-top: 0;
	}
}

div.catItemRatingBlock span {
  color: lighten(@gray-light,10%);
  display: block;
  float: left;
  font-style: normal;
  margin: 0;
  padding: 0 4px 0 0;
}

div.catItemBody {
  margin: 0;
  padding: 0;
}

div.catItemImageBlock {
  margin: @t3-global-margin 0;
  padding: 0;
  max-height: 300px;
  overflow: hidden;
}

div.catItemImageBlock a.modal {
  position: inherit;
  display: block;
}

span.catItemImage {
  display: block;
  margin: 0;
  text-align: center;
}

span.catItemImage img {
  max-width: 100%;
  width: 100% !important;
}

div.catItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: @t3-global-padding/2 0;
  color: @headings-color;
}

div.catItemExtraFields, div.genericItemExtraFields {
  border-top: 1px dotted @t3-border-color;
  margin: 16px 0 0 0;
  padding: 8px 0 0 0;
}

div.catItemExtraFields h4, div.genericItemExtraFields h4 {
  line-height: normal !important;
  margin: 0;
  padding: 0 0 8px 0;
}

div.catItemExtraFields ul, div.genericItemExtraFields ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.catItemExtraFields ul li, div.genericItemExtraFields ul li {
  display: block;
}

div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}

div.catItemExtraFields ul li span.catItemExtraFieldsValue {
}

div.catItemLinks {
	color: @gray-light;
	text-transform: uppercase;
	font-size: @font-size-small;
	line-height: 1;	
	margin-top: @t3-global-margin;
	margin-bottom: @t3-global-margin;
	@media screen and (min-width: @screen-md) {
		margin-top: 0;
		margin-bottom: 0;
		float: left;
	}
}

div.catItemHitsBlock {
  padding: 0;
  margin-right: @t3-global-margin/2;
  display: inline-block;
}

div.catItemCategory {
  display: inline-block;
}

div.catItemCategory span {
  display: block;
  font-weight: 300;
}

div.catItemCategory a {
	color: @gray-light;

	&:hover,
	&:focus {
		color: @brand-primary;
	}
}

div.catItemTagsBlock {
  color: lighten(@gray-light,10%);
  display: inline-block;
  padding-left: @t3-global-padding/2;
}

div.catItemTagsBlock ul.catItemTags {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.catItemTagsBlock ul.catItemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
}

div.catItemTagsBlock ul.catItemTags li a {
  color: lighten(@gray-light,10%);
}

div.catItemTagsBlock ul.catItemTags li a:hover {
  text-decoration: none;
  color: @brand-primary;
}

div.catItemAttachmentsBlock {
  border-bottom: 1px dotted @t3-border-color;
  padding: 4px;
}

div.catItemAttachmentsBlock span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
}

div.catItemAttachmentsBlock ul.catItemAttachments {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.catItemAttachmentsBlock ul.catItemAttachments li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px;
  text-align: center;
}

div.catItemAttachmentsBlock ul.catItemAttachments li span {
  color: #999;
  font-size: 10px;
  font-weight: normal;
}

// Video
// ----------------------
div.catItemVideoBlock {
  background: #010101 url("@{t3-image-path}/system/videoplayer-bg.gif") repeat-x bottom;
  margin: 0 0 16px 0;
  padding: 16px;
}

div.catItemVideoBlock div.catItemVideoEmbedded {
  text-align: center; 
}

div.catItemVideoBlock span.catItemVideo {
  display: block;
}

// Image Gallery
// -------------------------------
div.catItemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}

// Anchor link to comments
// -------------------------------
div.catItemCommentsLink {

	color: @gray-light;
	text-transform: uppercase;
	font-size: @font-size-small;
	line-height: 1;	
	@media screen and (min-width: @screen-md) {

		margin-left: @t3-global-margin/2;
		padding-left: @t3-global-padding/2;
		border-left: 1px solid @t3-border-color;	
		float: left;
	}
}

div.catItemCommentsLink a {
  color: @gray-light;
}

div.catItemCommentsLink a:hover {
  color: @brand-primary;
  text-decoration: none;
}

// Modified date
// ---------------------------------------
span.catItemDateModified {
  border-top: 1px solid @t3-border-color;
  color: lighten(@gray-light,10%);
  display: block;
  margin: 4px 0;
  padding: 4px;
  text-align: right;
}

// ----------------------------------------------------------------------
// Component: Itemlist view (user)
// ----------------------------------------------------------------------

// User info block
// -----------------------------
div.userView {
}

div.userBlock {
	position: relative;
  .clearfix();
  padding: @t3-global-padding;
  background: @gray-lightest;
  color: @gray;
  font-size: @font-size-base;

  h2 {
    font-family: @font-family-base;
    font-size: @font-size-h3;
    font-weight: normal;
    color: @brand-primary;
    margin-left: @t3-global-margin;
  }
}

span.userItemAddLink {
  border-bottom: 1px dotted @t3-border-color;
  display: block;
  margin: 0 0 4px 0;
  padding: 8px 0;
  text-align: right;
}

span.userItemAddLink a {
  background: #eee;
  border: 1px solid @t3-border-color;
  padding: 4px 16px;
  text-decoration: none;
}

span.userItemAddLink a:hover {
  background: #ffffcc;
}

div.userBlock img {
  display: block;
  float: left;
  margin: 0 @t3-global-margin 0 0;
}

div.userBlock h2 {
	font-size: @font-size-h4;
	color: @gray-darker;
	font-weight: bold;
	a {
		color: @gray-darker;

	}
}

div.userBlock div.userDescription {
  padding: 4px 0;
}

div.userBlock div.userAdditionalInfo {
  margin: 8px 0 0 0;
  padding: 4px 0;
}

span.userURL {
  color: @gray;
  display: block;
  font-weight: bold;
}

span.userEmail {
  color: @gray;
  display: block;
  font-weight: bold;
}

// User items 
// ------------------------------------
div.userItemView {
  padding: @t3-global-padding 0;
  border-bottom: 1px solid @t3-border-color;
  position: relative;
}

div.userItemIsFeatured {
}

div.userItemViewUnpublished {
  background: #fffff2;
  border: 4px dashed @t3-border-color;
  margin: 8px 0;
  opacity: 0.9;
  padding: 8px;
}

span.userItemEditLink {
  display: block;
  float: right;
  margin: 0;
  padding: 4px 0;
  text-align: right;
  width: 120px;
}

span.userItemEditLink a {
  background: #eee;
  border: 1px solid @t3-border-color;
  font-family: @font-family-sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 12px;
  text-decoration: none;
}

span.userItemEditLink a:hover {
  background: #ffffcc;
}

span.userItemDateCreated {
 float: left;
color: @gray-light;
text-transform: uppercase;
font-size: @font-size-small;
line-height: 1;	
}

h3.userItemTitle {
  font-size: @font-size-h3;
  color: @headings-color;
  font-family: @font-family-base;

  a {
    color: @gray-darker;

    &:hover, &:focus, &:active {
      color: @brand-primary;
      text-decoration: none;
    }
  }
}

h3.userItemTitle span sup {
  color: #CF1919;
  font-size: 12px;
  text-decoration: none;
}

div.userItemBody {
  margin: 0;
  padding: 8px 0;
}

div.userItemImageBlock {
	margin: @t3-global-margin 0;
}

span.userItemImage img {
  width: 100% !important;
}

div.userItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}

div.userItemLinks {
	float: left;
}

div.userItemCategory {
  float: left;
  color: @gray-light;
  text-transform: uppercase;
  font-size: @font-size-small;
  line-height: 1;	
  padding: 0 @t3-global-padding;
  margin: 0 @t3-global-margin;
  border-left: 1px solid @t3-border-color;
  border-right: 1px solid @t3-border-color;
}

div.userItemCategory a {
 	color: @gray-light;

  &:hover,&:focus, &:active {
    color: @brand-primary;
    text-decoration: none;
  }
}

div.userItemTagsBlock {
	float: left;
	color: @gray-light;
	text-transform: uppercase;
	font-size: @font-size-small;
	line-height: 1;	
}

div.userItemTagsBlock ul.userItemTags {
	margin: 0;
  padding: 0;
  display: inline-block;

  li {
  	&:last-child {
			padding-right: @t3-global-padding;
			margin-right: @t3-global-margin;
			border-right: 1px solid @t3-border-color;
  	}
  }

}

div.userItemTagsBlock ul.userItemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;

  &:first-child {
  	&:before {
  		content: "\f02c";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    margin-right: 5px;
  	}
  }
}

div.userItemTagsBlock ul.userItemTags li a {
  color: @gray-light;
}

div.userItemTagsBlock ul.userItemTags li a:hover {
  color: @brand-primary;
  text-decoration: none;
}

// Anchor link to comments 
// ----------------------------------
div.userItemCommentsLink {
  float: left;
	color: @gray-light;
	text-transform: uppercase;
	font-size: @font-size-small;
	line-height: 1;	
}


div.userItemCommentsLink a {
  color: @gray-light;
}

div.userItemCommentsLink a:hover {
  color: @brand-primary;
  text-decoration: none;
}

// Read more link
// ----------------------------------
div.userItemReadMore {
  display: inline;
}


// ----------------------------------------------------------------------
// Component: Itemlist view (tag)
// ----------------------------------------------------------------------
div.tagItemView {
  margin: 0;
  padding: @t3-global-padding 0;
  border-bottom: 1px solid @t3-border-color;
}

div.tagItemHeader {
  color: @gray;
  font-size: @font-size-small;
}

div.tagItemHeader span.tagItemDateCreated {
	text-transform: uppercase;
	color: @gray-light;
	margin-right: @t3-global-margin;
	&:before {
		content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	}
}

h2.tagItemTitle {
  font-family: @font-family-base;
  font-size: @font-size-h3;
  color: @headings-color;
  margin-bottom: @t3-global-margin;

  a {
    color: @gray-darker;

    &:hover,&:focus, &:active {
      color: @brand-primary;
      text-decoration: none;
    }
  }
}

div.tagItemBody {
  margin: 0;
  padding: 0;
}

div.tagItemImageBlock {
	display: block;
	margin: @t3-global-margin 0;
	max-height: 300px;
	overflow: hidden;
}

span.tagItemImage img {
  width: 100% !important;
}

div.tagItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
}

div.tagItemCategory {
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  color: @gray-light;
  font-size: @font-size-small;
  padding-left: @t3-global-padding;
  border-left: 1px solid @t3-border-color;
  line-height: 1;
}

div.tagItemCategory span {
  color: @gray-light;
}

div.tagItemCategory a {
	color: @gray-light;
	&:hover {
		color: @brand-primary;
	}
}

//Read more link
div.tagItemReadMore {
  display: block;
  margin-top: @t3-global-margin;
}


// ----------------------------------------------------------------------
// Component: Itemlist view (generic)
// ----------------------------------------------------------------------
div.genericView {
	.componentheading {
		font-size: @font-size-h4;
		font-weight: bold;
		color: @gray-darker;
		position: relative;
	}
}

div.genericItemView {
	padding: @t3-global-padding 0;
	border-bottom: 1px solid @t3-border-color;

	&:first-child {
		border-top: 1px solid @t3-border-color;
		margin-top: @t3-global-margin;
	}
}

div.genericItemHeader h2.genericItemTitle {
	font-size: @font-size-h3;

	a {
		color: @gray-darker;

		&:hover,
		&:focus {
			color: @brand-primary;
		}
	}

}

div.genericItemImageBlock {
	max-height: 300px;
	overflow: hidden;
	margin: @t3-global-margin 0;
}

span.genericItemDateCreated,
div.genericItemCategory {
	display: inline-block;
	font-size: @font-size-small;
	text-transform: uppercase;
	color: @gray-light;
}

span.genericItemDateCreated {
	margin-left: @t3-global-margin;
	padding-left: @t3-global-padding;
	line-height: 1;
	border-left: 1px solid @t3-border-color;
}

div.genericItemCategory a {
	color: @gray-light;

	&:hover,
	&:focus {
		color: @brand-primary;
	}
}

// Read more link 
// -------------------------------
div.genericItemReadMore {
  display: inline;
}

// No results found message
// ---------------------------------
div#genericItemListNothingFound {
  padding: 40px;
  text-align: center;
}

div#genericItemListNothingFound p {
  color: #999;
  font-size: 20px;
}

// Google Search (use Firebug or similar tools to inspect the generated HTML, then style accordingly 
#k2GoogleSearchContainer .gsc-control {
  width: auto !important;
}

#k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area,
#k2GoogleSearchContainer .gsc-control .gsc-resultsHeader,
#k2GoogleSearchContainer .gsc-control .gsc-url-bottom {
  display: none !important; //Hide unneeded elements of the results page
}

// ----------------------------------------------------------------------
// Component: Latest view
// ----------------------------------------------------------------------

// Category info block
// --------------------------------
div.latestItemsCategory {
	padding: @t3-global-padding/2 0;
	border-bottom: 1px solid @t3-border-color;
	position: relative;
}

div.latestItemsCategoryImage {
  text-align: center;
  float: left;
  margin-right: @t3-global-margin;
  display: none;
}

div.latestItemsCategoryImage img {
	max-width: 50px;
}

div.latestItemsCategory h2 {
  font-size: @font-size-h4;
  font-weight: bold;
  margin: 0;
  height: auto;

  a {
  	color: @gray-darker;

  	&:hover,
  	&:focus {
  		color: @brand-primary;
  	}
  }
}

div.latestItemsCategory p {
  font-size: @font-size-base -1;
}

// User info block
// -------------------------------
div.latestItemsUser {
  background: #f7fafe;
  border: 1px solid @t3-border-color;
  clear: both;
  margin: 0 8px 8px 0;
  padding: 8px;
}

div.latestItemsUser img {
  background: @white;
  border: 1px solid @t3-border-color;
  display: block;
  float: left;
  margin: 0 8px 0 0;
  padding: 4px;
}

div.latestItemsUser p.latestItemsUserDescription {
  padding: 4px 0;
}

div.latestItemsUser p.latestItemsUserAdditionalInfo {
  margin: 8px 0 0 0;
  padding: 4px 0;
}

span.latestItemsUserURL {
  color: @gray;
  display: block;
  font-weight: bold;
}

span.latestItemsUserEmail {
  color: @gray;
  display: block;
  font-weight: bold;
}

// Latest items list
// ----------------------------
div.latestItemList {
  padding: 0 8px 8px 0;
}

div.latestItemView {
	padding: @t3-global-padding 0;
	border-bottom: 1px solid @t3-border-color;
}

div.latestItemHeader {
  .clearfix();
}

.latestItemTitle {
  font-size: @font-size-h3;
  color: @gray-darker;

  a {
    color: @gray-darker;

    &:hover, &:active, &:focus {
      color: @brand-primary;
    }
  }
}

span.latestItemDateCreated {
	float: left;
	padding: 0 @t3-global-padding 0 0;
	color: @gray-light;
	border-left: 0;
	border-right: 1px solid @t3-border-color;
	text-transform: uppercase;
	font-size: @font-size-small;
	margin: 0 @t3-global-margin 0 0;
	line-height: 1;
}

div.latestItemBody {
  margin: 0;
  padding: 8px 0;
}

div.latestItemImageBlock {
	margin: @t3-global-margin 0;
	max-height: 300px;
	overflow: hidden;
}

span.latestItemImage img {
  width: 100% !important;
}

div.latestItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}

div.latestItemLinks {
	float: left;
	text-transform: uppercase;
	line-height: 1;
	font-size: @font-size-small;
	color: @gray-light;
}

div.latestItemCategory a {
	color: @gray-light;
	&:hover,
	&:focus {
		color: @brand-primary;
	}
}

div.latestItemTagsBlock {
	float: left;
	text-transform: uppercase;
	line-height: 1;
	color: @gray-light;
	font-size: @font-size-small;
}

div.latestItemTagsBlock span {
  color: @gray-light;
}

div.latestItemTagsBlock ul.latestItemTags {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.latestItemTagsBlock ul.latestItemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
}

div.latestItemTagsBlock ul.latestItemTags li a {
  color: @gray-light;
}

div.latestItemTagsBlock ul.latestItemTags li a:hover {
  color: @brand-primary;
  text-decoration: none;
}

div.latestItemTagsBlock + span.latestItemDateCreated {
	border-left: 1px solid @t3-border-color;
	padding-left: @t3-global-padding;
	margin-left: @t3-global-margin;
}

// Video
// --------------------------------------
div.latestItemVideoBlock {
  background: #010101 url("@{t3-image-path}/system/videoplayer-bg.gif") repeat-x bottom;
  margin: 0 0 16px 0;
  padding: 16px;
}

div.latestItemVideoBlock span.latestItemVideo {
  display: block;
}

// Anchor link to comments
// --------------------------------
div.latestItemCommentsLink {
  border-right: 1px solid @t3-border-color;
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
}

// Read more link
// --------------------------
div.latestItemReadMore {
  display: inline;
}

// Items presented in a list
// ----------------------------------
h2.latestItemTitleList {
  font-family: @font-family-base;
  font-size: @font-size-h3;
  color: @headings-color;

  a {
    color: @headings-color;

    &:hover, &:focus, &:active {
      color: @brand-primary;
    }
  }
}

// ----------------------------------------------------------------------
// Component: Register & profile page views (register.php & profile.php)
// ----------------------------------------------------------------------
.k2AccountPage {
  border: 1px solid @gray-light-lv3;
  padding: @t3-global-padding !important;
  margin: 0 auto;
  border-radius: 5px;

  @media screen and (min-width: @screen-sm) { 
    width: 700px;
  }

  .radio {
    margin: 0;
    padding-left: 20px;

    input[type="radio"] {
      margin-top: 8px;
    }
  }

  #helpsite-refresh {
    margin-top: @t3-global-margin/2;
  }

  input[type="file"] {
    @media screen and (max-width: @screen-xs-max) { 
      width: 100%;
    }
  }
}

.k2AccountPage table tr td label {
  white-space: nowrap;
}

img.k2AccountPageImage {
  border: 4px solid @t3-border-color;
  display: block;
  margin: 10px 0;
  padding: 0;
}

.k2AccountPage div.k2AccountPageNotice {
  padding: @t3-global-padding/2 0;

  @media screen and (min-width: @screen-sm) { 
    margin-left: 180px + @t3-global-padding/2;
  }
}

.k2AccountPage div.k2AccountPageUpdate {
  padding: @t3-global-padding/2 0;

  @media screen and (min-width: @screen-sm) { 
    margin-left: 180px + @t3-global-padding/2;
  }

  .btn {
    font-weight: @font-weight-normal;
    text-transform: uppercase;
  }
}

.k2AccountPage th.k2ProfileHeading {
  font-size: @t3-font-size-big;
  padding: @t3-global-padding/2 0;
  text-align: left;
  text-transform: uppercase;

  @media screen and (min-width: @screen-sm) { 
    padding-left: 180px + @t3-global-padding;
  }
}

.k2AccountPage td#userAdminParams {
  margin: 0;
  padding: 0;
}

.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  color: #666;
  font-size: @t3-font-size-smaller;
  font-weight: bold;
  text-align: right;
  width: 180px;
  line-height: 40px;
  text-transform: uppercase;
  padding-left: 0;

  @media screen and (max-width: @screen-xs-max) { 
    width: auto;
    text-align: left;
    line-height: auto;
    padding-top: @t3-global-padding/2;
  }
}

// Profile edit
// -------------------------------------
.k2AccountPage table.admintable tr td {
  border: none;
  padding: @t3-global-padding/2;

  @media screen and (max-width: @screen-xs-max) { 
    display: block;
    padding: 5px 0;
  }

  .inputbox {
    display: inline-block;
  }

  select, textarea, .inputbox, input[type="text"] {
    width: 90%;
    box-shadow: none;

    @media screen and (min-width: @screen-sm) { 
      width: 96%;
    }
  }
}

.view-registration {

  .componentheading {
    border-bottom: 1px solid @t3-border-color;
    color: @gray-darker;
    font-size: @t3-font-size-bigger;
    font-weight: @font-weight-bold;
    margin: -(@t3-global-margin) -(@t3-global-margin) @t3-global-margin;
    padding: @t3-global-padding/2 @t3-global-padding;
    text-transform: uppercase;
  }

  .formRecaptcha,
  #recaptcha {
    font-weight: @font-weight-normal;
    color: @text-color;

    @media screen and (min-width: @screen-sm) { 
      margin-left: 180px + @t3-global-padding/2;
    }
  }
}

// ----------------------------------------------------------------------
// Modules: mod_k2_comments
// ----------------------------------------------------------------------

// Latest Comments
// ----------------------------
div.k2LatestCommentsBlock {
  color: @text-color;

  .k2Avatar {
    display: block;

    img {
      margin-top: 5px;
    }
  }
}

div.k2LatestCommentsBlock ul {
  padding: 0;
  margin: 0;
}

div.k2LatestCommentsBlock ul li {
  padding-bottom: @t3-global-padding;
  margin-bottom: @t3-global-margin;
  border-bottom: 1px solid @t3-border-color;

  .col-md-3 {
    padding-right: 0;
  }
}

div.k2LatestCommentsBlock ul li.lastItem {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

div.k2LatestCommentsBlock ul li span.lcCommentDate {
  color: lighten(@gray-light,10%);
}

div.k2LatestCommentsBlock ul li span.lcItemTitle {
  display: block;

  a {
    color: @gray-dark;
    font-weight: @font-weight-bold;

    &:hover,
    &:focus,
    &:active {
      color: @link-hover-color;
    }
  }
}

// Top Commenters
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {
  color: lighten(@gray-light,10%);
}

// ----------------------------------------------------------------------
//  Modules: mod_k2_content
// ----------------------------------------------------------------------
div.k2ItemsBlock ul {
  padding: 0;
  
  li {
    padding: @t3-global-padding 0;
    display: block;
    border-bottom: 1px solid @t3-border-color;
    
    &:first-child {
      padding-top: 0;
    }

    &.lastItem {
      border: 0;
    }
  }

  i {
    margin-right: 3px;
  }
}

div.k2ItemsBlock ul li a.moduleItemTitle {
  color: @headings-color;
  font-weight: @font-weight-medium;

  &:hover {
    color: @brand-primary;
  }
}

div.k2ItemsBlock ul li div.moduleItemIntrotext {
  display: block;
  padding: @t3-global-padding/2 0;
}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
 margin: @t3-global-margin/2 0;
 width: 100%;
}

div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}

div.k2ItemsBlock ul li a.moduleItemCategory {
  display: block;
}

div.k2ItemsBlock ul li div.moduleItemTags a {
  padding: 0 2px;
}

div.k2ItemsBlock ul li a.moduleItemComments {
  display: block;
}

div.k2ItemsBlock ul li span.moduleItemHits {
  border-right: 1px solid @t3-border-color;
  margin: 0 (@t3-global-margin / 2) 0 0;
  padding: 0 4px 0 0;
}

// K2 Items Block List
div.k2ItemsBlockList {
  color: @text-color;

  .col-md-3 {
    margin-bottom: @t3-global-margin / 2;
    // tablet/desktop view
    @media (min-width: @screen-sm-max) {
      padding-right: 0;
      margin-bottom: 0;
    }
  }

  .moduleItemImage {
    img {
      max-width: 100%;
    }
  }

  ul li {
    border-bottom: 0;
    padding-top: 0;

    &.lastItem {
      padding-bottom: 0;
    }

    a.moduleItemTitle {
      color: @gray-dark;
      display: block;
      font-size: @font-size-base + 1;

      &:hover,
      &:focus,
      &:active {
        color: @link-hover-color;
      }
    }

    a.moduleItemComments {
      border-right: 1px solid darken(@t3-border-color, 5%);
      color: @text-color;
      display: inline;
      margin-right: @t3-global-margin / 3;
      padding-right: @t3-global-padding / 3;
    }

    span.moduleItemHits {
      border-right: 1px solid darken(@t3-border-color, 5%);
      display: inline;
      padding-right: @t3-global-padding / 3;
    }
  }
}


// K2 Items Block Grid
div.k2ItemsBlockGrid {
  .grid-filter-item {
    margin-bottom: @grid-gutter-width;
    min-height: 150px;
    display: none;
  }

  .directoryItemIsFeatured:before {
    right: @grid-gutter-width/2;
  }

  .moduleItemImage {
    display: block;

    img {
      border-radius: @border-radius-base;
      max-width: 100%;
    }
  }

  .moduleItemTitle {
    color: @white;
    bottom: 0;
    font-weight: @font-weight-bold;
    left: @grid-gutter-width/2;
    line-height: 1.4;
    padding: @t3-global-padding/2;
    position: absolute;
    right: @grid-gutter-width/2;
    z-index: 1;

    &:before {
      content: "";
      background: @black;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      border-radius: 0 0 @border-radius-base @border-radius-base;
      .opacity(0.42);
    }
  }

  .moduleItemExtraFields {
    position: absolute;
    z-index: 1;
    top: 0;
    left: @grid-gutter-width/2;
    right: @grid-gutter-width/2;
    padding: @t3-global-padding/2;
    color: @white;
    font-weight: @font-weight-bold;

    &:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      border-radius: @border-radius-base @border-radius-base 0 0;
      background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); 
      background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); 
      background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); 
      background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
      .opacity(0.42);
    }

    ul {
      margin: 0;
    }

    li {
      padding: 0;
      border-bottom: 0;
    }

    a {
      color: @white;
    }
  }

  .grid-filter-category {
    text-align: center;

    // Mobile view
    @media (max-width: @screen-xs-max) {
      padding-left: 0;
      padding-right: 0;
    }

    ul.nav {
      > li {
        display: inline-block;
        float: none;
        padding: 0 @grid-gutter-width/2 @t3-global-padding;
        border-bottom: 0;

        a {
          background: @white;

          &:hover,
          &:focus,
          &:active {
            border-color: @brand-primary;
          }
        }

        &.active {
          a:after {
            content: "";
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid @white;
            position: absolute;
            bottom: -6px;
            left: 50%;
            margin-left: -6px;
          }

          a:before {
            content: "";
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid @brand-primary;
            position: absolute;
            bottom: -8px;
            left: 50%;
            margin-left: -8px;
          }
        }

        span {
          display: none;
        }
      }
    }
  }
}

.directoryItemIsFeatured {
  &:before {
    position: absolute;
    content: "";
    top: 0;
    right: -@grid-gutter-width/2;
    width: 52px;
    height: 54px;
    position: absolute;
    background: url("../images/ico/featured-ltr.png") no-repeat left top;
    z-index: 2;
  }
}

// ----------------------------------------------------------------------
// Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
// ----------------------------------------------------------------------
div.k2LoginBlock {
}

div.k2LoginBlock p.preText {
}

div.k2LoginBlock fieldset.input {
  margin: 0;
  padding: 0 0 8px 0;
}

div.k2LoginBlock fieldset.input p {
  margin: 0;
  padding: 0 0 4px 0;
}

div.k2LoginBlock fieldset.input p label {
  display: block;
}

div.k2LoginBlock fieldset.input p input {
  display: block;
}

div.k2LoginBlock fieldset.input p#form-login-remember label,
div.k2LoginBlock fieldset.input p#form-login-remember input {
  display: inline;
}

div.k2UserBlock p.ubGreeting {
  border-bottom: 1px dotted @t3-border-color;
}

div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {
}

div.k2UserBlock div.k2UserBlockDetails span.ubName {
  display: block;
  font-size: @t3-font-size-small;
  font-weight: @font-weight-bold;
}

// ----------------------------------------------------------------------
// Modules: mod_k2_tools
// ----------------------------------------------------------------------

// Archives 
// -------------------------------------
div.k2ArchivesBlock {
}

div.k2ArchivesBlock ul {
  padding: 0;
}

div.k2ArchivesBlock ul li {
  list-style: none;
}

div.k2ArchivesBlock ul li a {
  color: @gray;
  font-weight: 300;
  display: block;
  padding: @t3-global-padding/2;
  position: relative;

  &:before {
  	border-top: 4px solid transparent;
	  border-bottom: 4px solid transparent;
	  border-left: 4px solid #8c959f;
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 50%;
	  margin-top: -4px;
  }
}

div.k2ArchivesBlock ul li a:hover {
  color: @brand-primary;
  text-decoration: none;
}

// Authors
// --------------------------------
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {
  clear: both;
  display: block;
}

// Breadcrumbs
// ------------------------------------
div.k2BreadcrumbsBlock {
}

div.k2BreadcrumbsBlock span.bcTitle {
  color: #999;
  padding: 0 4px 0 0;
}

div.k2BreadcrumbsBlock span.bcSeparator {
  font-size: @t3-font-size-small;
  padding: 0 4px;
}

// Calendar
// -----------------------------------
div.k2CalendarBlock {
  height: 190px;
  margin-bottom: 8px;
}

div.k2CalendarLoader {
  background: @white url("@{t3-image-path}/system/k2CalendarLoader.gif") no-repeat 50% 50%;
}

table.calendar {
  background: @white;
  border-collapse: collapse;
  margin: 0 auto;
}

table.calendar tr td {
  background: @white;
  border: 1px solid @t3-border-color;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}

table.calendar tr td.calendarNavMonthPrev {
  background: #f3f3f3;
  text-align: left;
}

table.calendar tr td.calendarNavMonthPrev a {
  font-size: @t3-font-size-bigger;
  text-decoration: none;
}

table.calendar tr td.calendarNavMonthPrev a:hover {
  font-size: @t3-font-size-bigger;
  text-decoration: none;
}

table.calendar tr td.calendarCurrentMonth {
  background: #f3f3f3;
}

table.calendar tr td.calendarNavMonthNext {
  background: #f3f3f3;
  text-align: right;
}

table.calendar tr td.calendarNavMonthNext a {
  font-size: 20px;
  text-decoration: none;
}

table.calendar tr td.calendarNavMonthNext a:hover {
  font-size: @t3-font-size-bigger;
  text-decoration: none;
}

table.calendar tr td.calendarDayName {
  background: #e9e9e9;
  font-size: 11px;
  width: 14.2%;
}

table.calendar tr td.calendarDateEmpty {
  background: #fbfbfb;
}

table.calendar tr td.calendarDateLinked {
  padding: 0;
}

table.calendar tr td.calendarDateLinked a {
  background: #eee;
  display: block;
  padding: 2px;
  text-decoration: none;
}

table.calendar tr td.calendarDateLinked a:hover {
  background: #135cae;
  color: @white;
  display: block;
  padding: 2px;
  text-decoration: none;
}

table.calendar tr td.calendarToday {
  background: #135cae;
  color: @white;
}

table.calendar tr td.calendarTodayLinked {
  background: #135cae;
  color: @white;
  padding: 0;
}

table.calendar tr td.calendarTodayLinked a {
  color: @white;
  display: block;
  padding: 2px;
  text-decoration: none;
}

table.calendar tr td.calendarTodayLinked a:hover {
  background: #BFD9FF;
  display: block;
  padding: 2px;
  text-decoration: none;
}


// Category Tree Select Box
// ------------------------------------
div.k2CategorySelectBlock form select {
  width: auto;
}


// Category List/Menu
// ------------------------------------------------
div.k2CategoriesListBlock ul li a {
	display: block;
	margin: @t3-global-margin/2 0;
	position: relative;
	padding-left: 10px;
	&:before {
		border-top: 4px solid transparent;
	  border-bottom: 4px solid transparent;
	  border-left: 4px solid #8c959f;
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 50%;
	  margin-top: -4px;
	}
}

div.k2CategoriesListBlock ul li a span.catTitle {
  padding-right: 4px;
 	color: @gray-darker;
	font-weight: 300;

	&:hover,
	&:focus {
		color: @link-hover-color !important;
	}
}

div.k2CategoriesListBlock ul li a span.catCounter {
	color: @brand-success;
}

div.k2CategoriesListBlock ul li.activeCategory a {
  font-weight: bold;
}

.section div.k2CategoriesListBlock ul li {
  border-bottom: 0;
  padding: 0;
}

// Root level (0)
ul.level0 {
}

ul.level0 li {
}

ul.level0 li a {
}

ul.level0 li a:hover {
}

ul.level0 li a span {
}

ul.level0 li a:hover span {
}

// First level (1)
ul.level1 {
	margin-left: 0;
}

ul.level2 {
	margin-left: 0;
}

ul.level1 li {
}

ul.level1 li a {
}

ul.level1 li a:hover {
}

ul.level1 li a span {
}

ul.level1 li a:hover span {
}

//n level (n) - like the above...

// Search Box
// --------------------------------------------
div.k2SearchBlock {
  position: relative;
}

div.k2SearchBlock form input.inputbox {
	width: 100%;
  border-color: transparent;
  background-color: @gray-lightest;
  box-shadow: none;
  font-weight: 300;
  &:focus {
  	border-color: @brand-primary;
  	background: @white;
  }
}

div.k2SearchBlock form input.button {
}

div.k2SearchBlock form input.k2SearchLoading {
  background: url("@{t3-image-path}/system/searchLoader.gif") no-repeat 100% 50%;
}

div.k2SearchBlock div.k2LiveSearchResults {
  background: @white;
  border: 1px solid @t3-border-color;
  display: none;
  margin-top: -1px;
  position: absolute;
  z-index: 99;
}

// Live search results (fetched via ajax)
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {
  border: none;
  margin: 0;
  padding: 0;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
  border-top: 1px dotted #eee;
  display: block;
  padding: 1px 2px;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {
  background: #fffff0;
}

// Tag Cloud
// ---------------------------------
div.k2TagCloudBlock {
  padding: 0;
}

div.k2TagCloudBlock a {
  display: inline-block;
  font-size: @font-size-base !important;
  font-weight: 400;
  border: 1px solid @t3-border-color;
  margin: 0 2px 5px 0;
  padding: @t3-global-padding/2;
  border-radius: 4px;
  border-left: 3px solid @brand-primary;
  line-height: 1;
  color: @gray-dark;

  &:hover,
  &:focus {
  	color: @white;
  	background: @brand-primary;
  }
}


// ----------------------------------------------------------------------
// Modules: mod_k2_users
// ----------------------------------------------------------------------
div.k2UsersBlock {
  ul {
    padding: 0;
  }
}

div.k2UsersBlock ul li a.ubUserName {
	font-weight: bold;
	color: @gray-darker;
	font-size: @font-size-base;
}

div.k2UsersBlock ul li div.ubUserDescription {
	font-weight: 300;
}

div.k2UsersBlock ul li div.ubUserAdditionalInfo {
  font-size: @font-size-small;
  .clearfix();

}

a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  background: url("@{t3-image-path}/fugue/feed.png") no-repeat 50% 50%;
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
}

a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {
  display: none;
}

a.ubUserURL,
a.ubUserURL:hover {
  background: url("@{t3-image-path}/fugue/globe.png") no-repeat 50% 50%;
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
}

a.ubUserURL span,
a.ubUserURL:hover span {
  display: none;
}

span.ubUserEmail {
  background: url("@{t3-image-path}/fugue/mail.png") no-repeat 50% 50%;
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
  overflow: hidden;
  padding: 0;
  width: 16px;
}

span.ubUserEmail a {
  display: inline-block;
  height: 16px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 16px;
}

div.k2UsersBlock ul li h3 {
  font-size: @font-size-h5;
  margin: 0  0 @t3-global-margin 0;
  font-weight: bold;
  color: @gray-darker;
}

div.k2UsersBlock ul li ul.ubUserItems li {
  list-style: none;
  font-size: @font-size-base;
  font-weight: 300;

  a {
    color: @gray;
    position: relative;
    padding-left: 13px;

    &:before {
    	border-top: 4px solid transparent;
  		border-bottom: 4px solid transparent;
		  border-left: 4px solid #8c959f;
		  content: "";
		  position: absolute;
		  left: 0;
		  top: 50%;
		  margin-top: -4px;
    }

    &:hover {
      color: @brand-primary;
      text-decoration: none;
    }
  }
}


// ---------------------------------------------------------------------
//  ITIEM DIRECTORY LIST
// ----------------------------------------------------------------------
.itemDirectoryListView {
  .userItemList,
  .tagItemList {
    margin-left: -@grid-gutter-width/2;
    margin-right: -@grid-gutter-width/2;
    .clearfix();
  }

  .itemContainer,
  .userItemView,
  .tagItemView {
    float: left;
    padding-left: @grid-gutter-width/2;
    padding-right: @grid-gutter-width/2;
    // Mobile view
    @media (max-width: @screen-xs-max) {
      width: 100%!important;
    }
  }

  .toolbar { 
    color: @gray-darker;
    font-weight: @font-weight-bold;
    margin-bottom: @t3-global-margin;
    .clearfix();
  }

  div.catItemView {
    padding: 0 0 @grid-gutter-width;
    border-bottom: 0;
  }

  div.catItemBody,
  div.userItemBody,
  div.tagItemBody {
    position: relative;
    overflow: hidden;
    padding: 0;

    .clearfix();
  }

  div.catItemHeader,
  div.userItemHeader,
  div.tagItemHeader {
    border: 1px solid @t3-border-color;
    padding: @t3-global-padding;
    .clearfix();

    // Tablet view
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      padding: @t3-global-padding / 2;
    }
  }

  .catItemExtraFields,
  .tagItemExtraFields {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;

    h4 {
      // Tablet view
      @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        font-size: @font-size-base;
        font-weight: @font-weight-bold;
        padding-bottom: 0;
      }
    }

    > h4 {
      display: none;
    }

    a {
      color: @white;
      border-bottom: 1px dotted @white;
    }

    li {
      // Tablet view
      @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        font-size: @t3-font-size-smaller;
      }
    }
  }

  .catItemMask,
  .userItemMask,
  .tagItemMask {
    position: absolute;
    padding: @t3-global-padding;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: @white;
    transform: translateY(100%);
    .transition(all 0.4s);

    // Tablet view
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      padding: @t3-global-padding / 2;
    }

    &:before {
      content: "";
      background-color: @brand-secondary;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      .opacity(0.9);
    }
  }

  .catItemTitle,
  .userItemTitle,
  .tagItemTitle {
    font-weight: @font-weight-bold;
    font-size: @t3-font-size-bigger;
    color: @gray-darker;

    // Tablet view
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      margin-bottom: @t3-global-margin / 4;
    }
  }

  .catItemImageBlock,
  .userItemImageBlock,
  .tagItemImageBlock {
    margin: 0;
  }

  .catItemCommentsLink,
  .catItemReadMore,
  .userItemCommentsLink,
  .userItemReadMore,
  .tagItemCommentsLink,
  .tagItemReadMore {
    padding: 0;
    display: inline-block;
    margin-top: @t3-global-margin/2;
    margin-left: 0;
    border-left: 0;
    line-height: @line-height-computed;
    text-transform: none;
    font-size: @font-size-base;

    // Tablet view
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      margin-top: 0;
    }

    a {
      color: @white;
      border-bottom: 1px dotted @white;
      display: inline-block;

      &:hover, &:focus, &:active {
        text-decoration: none;
        color: @white;
      }
    }
  }

  .catItemReadMore,
  .userItemReadMore,
  .tagItemReadMore {
    // Tablet view
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      display: none;
    }
  }

  .catItemCommentsLink,
  .userItemCommentsLink,
  .tagItemCommentsLink {
    margin-right: @t3-global-margin;
  }

  .catItemView:hover,
  .userItemView:hover,
  .tagItemView:hover {
    .catItemMask,
    .userItemMask,
    .tagItemMask {
      transform: translateY(0);
    }
  }

  .catItemLinks,
  .userItemLinks,
  .tagItemLinks {
    padding-top: 0;
    border-top: 0;
    margin-bottom: 0;
    display: inline-block;
    float: left;
    line-height: 25px;

    span {
      display: inline-block;
    }
  }

  .catItemCategory,
  .userItemCategory,
  .tagItemCategory {
    text-transform: none;
    padding: 0;
    margin-left: 0;
    border: 0;

    span {
      display: none;
    }

    &:before {
      content: "\f07b";
      font-family: 'FontAwesome';
      margin-right: 4px;
    }
  }

  .catItemRatingBlock,
  .userItemRatingBlock,
  .tagItemRatingBlock {
    display: inline-block;
    float: right;

    // Tablet view
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      float: left;
    }
  }

  a.k2ReadMore {
    padding: 0;
    background: none;
    border-radius: 0;
    border-bottom: 1px dotted @white;
  }

  // Maps
  .map-container {
    margin: 0 0 @t3-global-margin;
    max-width: 100%;
  }


  // User Page
  // -----------
  .userBlock {
    margin-bottom: @t3-global-margin*2;
  }

  .userItemView {
    padding-top: 0;
    padding-bottom: @grid-gutter-width;
    border-bottom: 0;
  }

  .userItemViewInner {
    position: relative;
    overflow: hidden;
  }

  .userItemTagsBlock {
    text-transform: none;

    span {
      display: none;
    }

    &:before {
      content: "\f02c";
      font-family: 'FontAwesome';
    }
  }


  // Tag Page
  // ---------
  .tagBlock {
    margin-bottom: @t3-global-margin*2;
  }

  .tagItemView {
    padding-top: 0;
    padding-bottom: @grid-gutter-width;
    border-bottom: 0;
  }

  .tagItemDateCreated {
    text-transform: none;
  }
}

.itemDirectoryView {
  div.itemHeader span.itemDateCreated {
    border: 0;
    color: @gray-darker;
    font-size: @t3-font-size-small;
    text-transform: none;
    padding: 0;
    margin: 0;

    &:after {
      content: "::";
    }
  }

  h2.itemTitle {
    color: @gray-darker;
    font-size: @font-size-h3;
    font-weight: @font-weight-medium;
    margin-bottom: @t3-global-margin / 4;
  }

  div.itemLinks {
    border: 0;
    padding: 0;
    margin: 0;
    text-transform: none;
    font-size: @t3-font-size-small;

    a {
      color: @brand-primary;

      &:hover,&:focus,&:active {
        color: darken(@brand-primary, 5%);
      }
    }
  }

  div.itemTagsBlock ul.itemTags li a {
    color: @brand-primary;

    &:hover,&:focus,&:active {
      color: darken(@brand-primary, 5%);
    }
  }

  div.itemCategory {
    border-bottom: 0;
    padding: 0;
    display: inline-block;

    &:after {
      content: "::";
      color: @gray-darker;
    }
  }

  div.itemRatingBlock span {
    //Tablet view
    @media (max-width: @screen-md-max) {
      display: block;
    }
  }

  div.itemHeader span.itemAuthor {
    color: @gray-darker;
    font-size: @t3-font-size-small;
    text-transform: none;
  }

  div.itemHeader span.itemAuthor a {
    color: @brand-secondary;

    &:hover,&:focus,&:active {
      color: darken(@brand-secondary, 5%);
    }
  }

  div.itemImageBlock {
    margin: 0;
  }

  div.itemAuthorLatest {
    margin-bottom: @t3-global-margin;
  }

  .itemBody {
    position: relative;

    &.itemIsFeatured:before {
      right: 0;
    }
  }
}

// Map
// --------
.gm-style {
  .marker-title {
    font-weight: @font-weight-bold;
    color: @gray-darker;
    display: block;
  }

  .marker-img {
    width: 200px;
    max-width: 100%;
  }
}


// ---------------------------------------------------------------------
//  ITIEM DIRECTORY DETAIL
// ----------------------------------------------------------------------
.directory-details {
  .t3-mainbody.container {
    padding-top: 0;
    width: 100%;

    .t3-content {
      padding-top: 0;

      #system-message {
        margin-bottom: 0;

        .alert {
          margin-bottom: 0;
        }
      }
    }
  }


  .itemHeader {
    border-bottom: 1px solid @t3-border-color;

    .row  {
      > div {
        border-right: 1px solid @t3-border-color;
        padding-bottom: @t3-global-padding;
        padding-top: @t3-global-padding;
        min-height: 111px;

        // Tablet view
        @media (max-width: @screen-sm-max) {
          padding-top: @t3-global-padding / 2;
          padding-bottom: @t3-global-padding / 2;
					min-height: auto !important;
        }

        &:last-child {
          border-right: 0;
        }

        &.k2title {
          // Tablet view
          @media (max-width: @screen-sm-max) {
            border-right: 0;
            border-bottom: 1px solid @t3-border-color;
          }
        }

        &.k2rating {
          // Tablet view
          @media (max-width: @screen-md-max) {
            border: 0;
          }
        }

        &.k2extraFields {
          // Tablet view
          @media (max-width: @screen-md-max) {
            border-top: 1px solid @t3-border-color;
          }
        }
      }
    }
  }
}


// ---------------------------------------------------------------------
//  K2 MODULES
// ----------------------------------------------------------------------

// K2 Filter
// -------------


// In Section
.t3-section,
.t3-sidebar {
  .search-now {
    background: @brand-primary;
    border-radius: @border-radius-base;
    padding: @t3-global-padding @t3-global-padding 0;
    margin-top: @t3-global-margin * 4;
    .clearfix();

    // Mobile view
    @media (max-width: @screen-xs) {
      padding: @t3-global-margin / 2;
    }

    .module-title {
      float: left;
      width: 10%;
      margin-bottom: 0;
      color: @white;
      text-transform: uppercase;
      font-weight: @font-weight-lighter;
      font-size: @font-size-h3 - 2px;

      // Tablet/mobile view
      @media (max-width: @screen-sm-max) {
        margin-bottom: @t3-global-margin / 2;
        width: 100%;
      }

      .first-word {
        display: block;
        font-weight: @font-weight-bold;

        // Tablet/mobile view
        @media (max-width:@screen-sm-max) {
          display: inline-block;
        }
      }
    }

    .module-ct {
      float: left;
      width: 90%;

      // Tablet/mobile view
      @media (max-width: @screen-sm-max) {
        width: 100%;
      }
    }

    div ul.horizontal-layout li {
      margin-bottom: @t3-global-margin;

      .chzn-results li {
        margin-bottom: 0;
      }

      // Tablet/mobile view
      @media (max-width: @screen-sm-max) {
        padding-left: 0;
      }

      // Mobile view
      @media (max-width: @screen-xs-max) {
        width: 50%!important;

        &:first-child {
          margin-bottom: @t3-global-margin / 2;
          width: 100%!important;
        }

        input {
          max-width: 100%;
        }
      }

      @media (max-width: @screen-xs) {
        padding-right: 0;
        margin-bottom: @t3-global-margin / 2;
        width: 100%!important;
      }
    }

    // Chosen 
    .chzn-container {
      font-size: @font-size-base;
      width: 100%!important;
      max-width: 100%;

      @media (min-width: @screen-sm) {
        width: 99%!important;
      }
    }

    .chzn-container-single .chzn-single {
      height: @input-height-base;
      line-height: @input-height-base;
      color: @input-color-placeholder;
      background: @input-bg;
      border-color: @input-border;
      padding-left: @padding-base-horizontal;
    }

    .chzn-container-active.chzn-with-drop .chzn-single {
      color: @input-color;
    }

    .chzn-container-single .chzn-drop, .chzn-container .chzn-drop {
      .box-sizing(border-box) !important;
    }

    .chzn-container .chzn-results li.active-result {
      float: none;
    }

    .chzn-container-single .chzn-single div b {
      background-position: 0 14px;
    }

    .chzn-container-active.chzn-with-drop .chzn-single div b {
      background-position: -16px 14px;
    }
  }

  &.has-slideshow .search-now {
    margin-top: -(@t3-global-margin + @input-height-base/2);
  }

  .ja-k2filter {
    margin: 0;
    padding: 0 !important;
    list-style: none;
    .clearfix();

    &.form-horizontal {
      padding: 0 (100px + @t3-global-padding/2) 0 0 !important;
      position: relative;

      // Mobile view
      @media (max-width: @screen-xs) {
        padding: 0!important;
      }

      .last-item {
        width: 100px !important;
        position: absolute;
        right: 0;
        padding: 0;

        // Mobile view
        @media (max-width: @screen-xs) {
          position: relative;
          margin-bottom: 0;
        }
      }
    }

    .control-label,
    .group-label {
      padding-top: 0;
      margin-bottom: 0;
      display: none;
    }

    .form-group {
      margin-left: 0;
      margin-right: 0;
    }

    .form-control,
    .inputbox,
    select,
    input[type="text"] {
      width: 100%;
      margin-bottom: 0;
    }

    .form-control[type="text"],
    > li > input[type="text"] {
      padding: @padding-base-vertical @padding-base-horizontal;
      min-height: 0;
      line-height: @line-height-computed;
      border-radius: @input-border-radius;
      font-family: @font-family-base;
    }

    .last-item {
      margin: 0;

      .jak2shareurl {
        margin-top: @t3-global-margin;

        a {
          background-color: transparent;
          padding: 0;
          margin: 0;
          border: 0;
          color: @white;
          padding-left: @t3-global-padding/2;
          font-weight: bold;
        }
      }

      .btn,
      .jak2shareurl {
        float: none !important;
        background-image: none;
        .button-variant(@btn-inverse-color; @btn-inverse-bg; @btn-inverse-border);
        width: 100px;
        line-height: @line-height-computed;
        min-width: 0;
        padding: @padding-base-vertical @padding-base-horizontal;
        overflow: hidden;
        text-shadow: none;
        text-align: center;
        border-radius: @border-radius-base;
        .box-shadow(none);
      }
    }
  }
}

// In Sidebar
.t3-sidebar {
  .search-now {
    margin-top: 0;

    .module-ct {
      width: 100%;
    }

    .control-label,
    .group-label {
      padding-top: 0;
      margin-bottom: @t3-global-margin/2;
      display: block;
      color: @white;
    }

    .last-item .btn {
      width: 100%;
    }
  }
}

// k2 Categories List Block
// -----------------------

// In Section
.t3-section {
  .k2CategoriesListBlock {

    .level0 {
      .clearfix();

      > li {
        width: 25%;
        float: left;
        padding-left: @grid-gutter-width/2;
        padding-right: @grid-gutter-width/2;

        // Tablet view
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
          width: 50%;
        }

        // Mobule view
        @media (max-width: @screen-xs-max) {
          width: 100%;
        }

        &:nth-child(4n + 1) {
          clear: both;
        }

        &.collapse {
          display: block;
          max-height: 0;
          overflow: hidden;
          .transition(max-height 0.3s);

          &.in {
            max-height: 600px;
          }
        }

        > a {
          color: @gray-darker;
          font-size: @t3-font-size-bigger;
          font-weight: @font-weight-medium;
          padding-bottom: @t3-global-padding/2;
          display: block;
          border-bottom: 3px solid @brand-primary;
          position: relative;
          padding-left: 0;

          &:before {
            display: none;
          }

          .catCounter {
            display: none;
          }

          img {
            margin-right: @t3-global-margin/2;
          }
        }

        ul {
          padding: 0;
          margin: @t3-global-margin 0 0;

          a {
            padding-left: 0;

            &:before {
              display: none;
            }

            i {
              content: "\f058";
              font-family: FontAwesome;
              color: @brand-primary;
              margin-right: @t3-global-margin/2;
            }

            .catTitle {
              color: @text-color;
            }
          }
        }
      }
    }

    #arrow-down {
      background: url("@{t3-image-path}/ico/arrow-down.png") no-repeat 50% 50%;
      height: 19px;
      cursor: pointer;

      &.arrow-up {
        background-image: url("@{t3-image-path}/ico/arrow-up.png");
      }
    }
  }
}

// Sidebar
.t3-sidebar .t3-module.bg-gray {
  background-color: darken(@gray-lightest, 1.1%);
  border: 0;
}

.directory-location {
  border-radius: @border-radius-base;
  margin-bottom: @grid-gutter-width;
  overflow: hidden;

  #ja-event-map {
    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
    }
  }

  #mapModal {
    display: block;
    z-index: -1;

    &.fade.in {
      z-index: 1050;
    }
  }
}