/*----------------------------------------------------------------------
	Component: Itemlist view (category)
----------------------------------------------------------------------*/
/* --- Optimum Style ITEM ---  */
.ot-style-A {
  margin: 0 5px 20px 0;
  border: 1px solid #eeeeee;
  padding: 20px;
}
/* --- Category block --- */
div.itemListCategoriesBlock {
  margin-bottom: 20px;
}
div.subCategory {
  background: transparent;
  border: 1px solid #eeeeee;
  text-align: center;
  margin: 5px;
  padding: 20px;
}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {
  border: none;
  width: 100%;
}
div.itemListSubCategories h3 {
  margin-bottom: 20px;
}
div.subCategory h2 {
  margin: 20px 0;
}
div.subCategory h2 a {
  text-decoration: none;
}
div.subCategory p {
  margin: 20px 0;
}
div.catItemImageBlock span.catItemImage img,
div.subCategory a.subCategoryImage img {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
div.catItemImageBlock span.catItemImage img:hover,
div.subCategory a.subCategoryImage img:hover {
  opacity: .9;
  -webkit-transform: scale(1.05, 1.07);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1.05, 1.07);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
div.itemListCategory {
  border: none;
  margin: 0 0 20px 0;
  padding: 0;
  color: white;
  padding: 20px;
  background: #eeeeee;
}
span.catItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dotted #ccc;
  text-align: right;
}
span.catItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
}
span.catItemAddLink a:hover {
  background: #ffffcc;
}
div.itemListCategory img {
  float: left;
  display: block;
  background: #fff;
  padding: 10px;
  margin: 0;
  position: absolute;
  top: -20px;
  right: -10px;
  border: 1px solid #eeeeee;
  height: 90px !important;
  max-width: 90px;
}
div.itemListCategory h2 {
  font-weight: 600;
}
div.itemListCategory p {
  display: block;
  overflow: hidden;
  color: #555555;
}
/* --- Item block for each item group --- */
div.catItemView {
  padding: 0;
}
/* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */
/* --- Item groups --- */
div.itemList {
  /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
}
div.itemList div#itemListLinks {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 8px 0;
  padding: 8px;
}
div.itemList div.itemContainer {
  float: left;
}
div.catItemImageBlock {
  padding: 0;
  margin: 0;
}
div.catItemImageBlock span.catItemImage {
  display: block;
  text-align: center;
  margin: 0;
}
div.catItemImageBlock span.catItemImage img {
  border: none;
  padding: 0;
  width: 100% !important;
}
div.catItemHeader span.catItemDateCreated {
  color: #555555;
  font-size: 12px;
}
div.catItemHeader h3.catItemTitle {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 110%;
  padding: 10px 0;
  margin: 0;
}
div.catItemHeader h3.catItemTitle span {
  /* superscript */
}
div.catItemHeader h3.catItemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}
div.catItemHeader h3.catItemTitle a {
  text-decoration: none;
}
div.catItemHeader h3.catItemTitle a:hover {
  color: #3378ac;
}
div.catItemHeader span.catItemAuthor {
  display: block;
  padding: 0;
  margin: 0;
}
div.catItemHeader span.catItemAuthor a {
  text-decoration: none;
}
div.catItemHeader span.catItemAuthor a:hover {
  color: #3378ac;
}
div.catItemCategory {
  padding: 0;
  border-bottom: none;
}
div.catItemCategory span {
  font-weight: bold;
  color: #555555;
  padding: 0;
}
div.catItemCategory a {
  text-decoration: none;
}
div.catItemCategory a:hover {
  color: #3378ac;
}
/*----------------------------------------------------------------------
	Component: Item view
----------------------------------------------------------------------*/
div.itemView {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
/* this is the item container for this view */
.itemDateCreated {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.itemDateCreated time {
  display: block;
  padding: 10px;
  text-align: center;
  border: 1px solid #eeeeee;
  font-size: 36px;
  line-height: 30px;
  font-weight: 900;
}
.itemDateCreated span {
  display: block;
  font-size: 24px;
  text-align: center;
  text-transform: lowercase;
  font-weight: 300;
  letter-spacing: 5px;
  border-bottom: 4px double #eeeeee;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  padding: 10px 0;
}
div.itemImageBlock {
  padding: 0;
  margin: 0;
  position: relative;
}
div.itemImageBlock span.itemImage {
  display: block;
  text-align: center;
  margin: 0;
}
div.itemImageBlock span.itemImage img {
  border: none;
  padding: 0;
  width: 100% !important;
}
div.itemImageBlock span.itemImageCaption {
  color: #666;
  float: left;
  display: block;
  font-size: 11px;
}
div.itemImageBlock span.itemImageCredits {
  color: #999;
  float: right;
  display: block;
  font-style: italic;
  font-size: 11px;
}
div.itemImageBlock .itemAuthorAvatarforHeader {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
div.itemImageBlock .itemAuthorAvatarforHeader img {
  width: 90px;
  height: 90px;
  border: 5px solid #5d9ecf;
}
div.itemIntroText {
  color: #333333;
  font-size: 36px;
  font-weight: 300;
  line-height: 48px;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: 40px;
}
div.itemIntroText p {
  line-height: 48px;
}
div.itemFullText h3 {
  margin: 0;
  padding: 16px 0 4px 0;
}
.ot-block-1 .type-1 {
  width: 100%;
  text-align: center;
}
.ot-block-1 > div {
  position: relative;
  border-top: 1px dashed #e6ecec;
  min-height: 140px;
}
.ot-block-1 > div .title {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -12px;
  color: #333333;
  text-transform: uppercase;
  text-align: left;
  font-weight: 800;
}
.ot-block-1 > div .title span {
  padding: 0px 10px;
  display: inline-block;
  background: #fff;
}
/* .ot-block-1 > div .title span small {font-size: 12px;text-transform: lowercase;top: -15px;position: absolute;text-align: center;} */
/* Item Tags */
div.itemTagsBlock {
  padding: 0;
  border-bottom: none;
}
div.itemTagsBlock span {
  font-weight: bold;
  color: #555555;
  padding: 0 4px 0 0;
}
div.itemTagsBlock ul.itemTags {
  list-style: none;
  margin: 0;
  padding: 40px 0 20px;
  display: inline-block;
  overflow: hidden;
  float: left;
}
div.itemTagsBlock ul.itemTags li {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 5px;
  text-align: left;
  float: left;
}
div.itemTagsBlock ul.itemTags li a {
  padding: 3px 8px;
  display: block;
  border: 4px double #eeeeee;
  background: #999999;
  font-size: 11px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}
div.itemTagsBlock ul.itemTags li a:hover {
  background: #555555;
  text-decoration: none;
}
/* Social */
div.itemSocialSharing {
  padding: 40px 0 20px;
  float: left;
}
/* Rating */
div.itemRatingBlock {
  padding: 40px 0 20px;
}
div.itemRatingBlock span {
  display: block;
  float: right;
  font-style: normal;
  padding: 0;
  margin: 0;
  color: #333333;
}
.itemRatingLog {
  font-size: 14px;
  margin: 0;
  padding: 0;
  float: none;
  font-weight: 800;
}
.itemRatingList {
  position: relative;
  float: center;
  width: 125px;
  height: 25px;
  overflow: hidden;
  list-style: none;
  margin: 0 auto 20px auto;
  padding: 0;
}
.itemRatingForm {
  display: block;
  vertical-align: middle;
  line-height: 25px;
  float: left;
}
/* Hits */
span.itemHits {
  float: left;
  padding: 40px 0 40px;
  display: block;
  font-size: 27px;
  font-weight: 800;
}
/* Author block */
div.itemAuthorBlock {
  background: #fff;
  border: 1px solid #e6ecec;
  margin: 0 0 40px 0;
  padding: 20px;
  overflow: hidden;
}
div.itemAuthorBlock img.itemAuthorAvatar {
  float: left;
  display: block;
  background: #fff;
  padding: 0;
  border: none;
  margin: 0 20px 0 0;
  border: 1px solid #eeeeee;
  padding: 5px;
}
div.itemAuthorBlock div.itemAuthorDetails {
  margin: 0;
  padding: 0;
}
div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
  font-weight: bold;
  color: #555555;
  border-right: 1px solid #e6ecec;
  padding: 0;
  margin: 0;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
  font-weight: bold;
  color: #555555;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
  font-weight: normal;
}
div.itemHeader {
  text-align: left;
  overflow: hidden;
}
div.itemHeader span.itemDateCreated {
  color: #999;
  font-size: 11px;
}
div.itemHeader h1.itemTitle {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 110%;
  padding: 40px 0 0 0;
  margin: 0;
}
div.itemHeader h1.itemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}
/* "Featured" presented in superscript */
div.itemHeader span.itemAuthor {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
}
div.itemHeader span.itemAuthor a {
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
div.itemHeader span.itemLine {
  margin: 0 20px;
  color: #999999;
}
div.itemLinks {
  margin: 0;
  padding: 0;
}
div.itemToolbar {
  padding: 2px 0;
  margin: 40px 0;
  border-top: 1px solid #e6ecec;
  border-bottom: 4px double #e6ecec;
  background: none;
}
div.itemToolbar ul {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
div.itemToolbar ul li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 8px;
  margin: 0;
  border-left: 1px solid #e6ecec;
  text-align: center;
  background: none;
  font-size: 12px;
}
div.itemToolbar ul > li:first-child {
  border: none;
}
/* remove the first CSS border from the left of the toolbar */
div.itemToolbar ul li a {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
div.itemToolbar ul li a img {
  vertical-align: middle;
}
div.itemToolbar ul li a#fontDecrease {
  margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontDecrease img {
  width: 13px;
  height: 13px;
}
div.itemToolbar ul li a#fontIncrease {
  margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontIncrease img {
  width: 13px;
  height: 13px;
}
div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {
  display: none;
}
div.itemToolbar div.itemCategory {
  padding: 0;
  border-bottom: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}
div.itemToolbar div.itemCategory span {
  font-weight: 800;
  color: gray;
  padding: 0;
}
div.itemToolbar div.itemCategory a {
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
div.itemContentFooter {
  display: block;
  text-align: right;
  padding: 0;
  margin: 0;
  border-top: none;
  color: #999999;
}
span.itemDateModified {
  font-size: 10px;
}
/* Author latest */
div.itemAuthorLatest {
  margin-bottom: 0;
  padding: 40px 0 20px;
}
div.itemAuthorLatest ul {
  margin: 0;
  padding: 0;
}
div.itemAuthorLatest ul li {
  text-align: left;
  list-style: none;
}
div.itemAuthorLatest ul li a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
}
div.itemAuthorLatest ul li a:hover {
  color: #3378ac;
}
/* --- Zebra rows --- */
div.itemAuthorLatest ul li.even {
  background: none;
  padding: 2px;
  border-bottom: none;
}
div.itemAuthorLatest ul li.odd {
  background: none;
  padding: 2px;
  border-bottom: none;
}
/* Related by tag */
div.itemRelated {
  margin-bottom: 0;
  padding: 40px 0 20px;
}
/* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelated ul {
  margin: 0;
  padding: 0;
}
div.itemRelated ul li {
  text-align: left;
  list-style: none;
}
/* --- Zebra rows --- */
div.itemRelated ul li.even {
  background: none;
  padding: 2px;
  border-bottom: none;
}
div.itemRelated ul li.odd {
  background: none;
  padding: 2px;
  border-bottom: none;
}
div.itemRelated ul li.k2ScrollerElement {
  float: left;
  overflow: hidden;
  border: 1px solid #e6ecec;
  padding: 4px;
  margin: 0 4px 4px 0;
  background: #fff;
}
/* you need to insert this class in the related li element in item.php for this styling to take effect */
div.itemRelated ul li a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
}
div.itemRelated ul li a:hover {
  color: #3378ac;
}
div.itemRelated ul li.clr {
  clear: both;
  height: 0;
  line-height: 0;
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  border: none;
}
/* Article navigation */
div.itemNavigation {
  padding: 20px 0;
  margin: 0 0 40px 0;
  border-top: 2px solid #e6ecec;
  border-bottom: 1px solid #e6ecec;
  background: none;
  text-align: center;
}
div.itemNavigation span.itemNavigationTitle {
  color: #555555;
  border-right: 2px solid #e6ecec;
  border-left: 2px solid #e6ecec;
  padding: 0 20px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
  float: center;
}
div.itemNavigation a.itemPrevious {
  padding: 0 20px 0 0;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  float: left;
}
div.itemNavigation a.itemNext {
  padding: 0 0 0 20px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  float: right;
}
/* Comments */
div.itemComments {
  border: none;
  padding: 40px;
  margin: 0 -40px -40px;
  color: #555555;
  background: #eeeeee;
}
div.itemComments .itemCommentsCounter {
  font-weight: 300;
  padding: 0 0 60px 0;
}
div.itemComments .itemCommentsCounter span {
  color: #5d9ecf;
  font-weight: 800;
}
div.itemComments ul.itemCommentsList {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
div.itemComments ul.itemCommentsList li {
  padding: 60px 0;
  margin: 0;
  border-bottom: none;
}
div.itemComments ul.itemCommentsList li.even {
  background: none;
  padding: 20px 0;
  border-bottom: none;
}
div.itemComments ul.itemCommentsList li.odd {
  background: none;
  padding: 20px 0;
  border-bottom: none;
}
div.itemComments ul.itemCommentsList li.authorResponse {
  background: url(/~reynoldsconstruc/templates/ot_evrak/images/system/stripes.png) repeat;
}
div.itemComments ul.itemCommentsList li.unpublishedComment {
  background: #ffeaea;
}
div.itemComments ul.itemCommentsList li img {
  float: left;
  margin: 0 20px 20px 20px;
  padding: 4px;
  background: transparent;
  border: 4px double #999999;
  line-height: 0;
  width: 80px;
}
div.itemComments ul.itemCommentsList li span.commentDate {
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
  border-right: 1px solid #ccc;
  font-weight: bold;
  font-size: 14px;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
  font-weight: bold;
  font-size: 14px;
}
div.itemComments ul.itemCommentsList li p {
  padding: 4px 0;
  font-weight: 300;
}
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 {
  font-size: 12px;
  color: #5d9ecf;
  text-decoration: none;
}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {
  font-size: 12px;
  color: #3378ac;
  text-decoration: none;
}
div.itemComments ul.itemCommentsList li span.commentToolbar {
  display: block;
  clear: both;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a {
  font-size: 11px;
  color: #999;
  text-decoration: underline;
  margin-right: 4px;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
  font-size: 11px;
  color: #555;
  text-decoration: underline;
}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
  background: url(/~reynoldsconstruc/templates/ot_evrak/images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.itemCommentsPagination {
  padding: 4px;
  margin: 0 0 24px 0;
}
div.itemCommentsPagination span.pagination {
  display: block;
  float: right;
  clear: both;
}
div.itemCommentsForm h3 {
  margin: 0;
  padding: 0 0 20px 0;
}
div.itemCommentsForm p.itemCommentsFormNotes {
  border-top: 1px solid #999999;
}
div.itemCommentsForm form label.formComment {
  display: block;
  margin: 20px 0 20px 0;
}
div.itemCommentsForm form label.formName {
  display: block;
  margin: 20px 0 20px 0;
}
div.itemCommentsForm form label.formEmail {
  display: block;
  margin: 20px 0 20px 0;
}
div.itemCommentsForm form label.formUrl {
  display: block;
  margin: 20px 0 20px 0;
}
div.itemCommentsForm form label.formRecaptcha {
  display: block;
  margin: 20px 0 20px 0;
}
div.itemCommentsForm form textarea.inputbox {
  display: block;
  width: 100%;
  height: 300px;
  margin: 0;
  border: 1px solid #999999;
  color: #555555;
  font-weight: 300;
}
div.itemCommentsForm form textarea.inputbox:focus {
  border: 1px solid #555555;
}
div.itemCommentsForm form input.inputbox {
  display: block;
  width: 100%;
  margin: 0;
  height: 80px;
  color: #555555;
  font-weight: 300;
  border: 1px solid #999999;
}
div.itemCommentsForm form input.inputbox:focus {
  border: 1px solid #555555;
}
div.itemCommentsForm form input#submitCommentButton {
  display: block;
  margin: 60px auto 0 auto;
  padding: 20px 40px;
  border: none;
  background: #5d9ecf;
  font-size: 16px;
  color: white;
  text-transform: uppercase;
}
div.itemCommentsForm form input#submitCommentButton:hover {
  background: #3378ac;
}
div.itemCommentsForm form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}
div.itemCommentsForm form .formLogLoading {
  background: url(/~reynoldsconstruc/templates/ot_evrak/images/system/loading.gif) no-repeat left center;
}
/* "Report comment" form */
div.k2ReportCommentFormContainer {
  padding: 8px;
  width: 480px;
  margin: 0 auto;
}
div.k2ReportCommentFormContainer blockquote {
  width: 462px;
  background: #f7fafe;
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0 0 8px 0;
}
div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: left;
}
div.k2ReportCommentFormContainer blockquote span.quoteIconRight {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: right;
}
div.k2ReportCommentFormContainer blockquote span.theComment {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  padding: 0 4px;
}
div.k2ReportCommentFormContainer form label {
  display: block;
  font-weight: bold;
}
div.k2ReportCommentFormContainer form input,
div.k2ReportCommentFormContainer form textarea {
  display: block;
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 2px;
  margin: 0 0 8px 0;
  width: 474px;
}
div.k2ReportCommentFormContainer form #recaptcha {
  margin-bottom: 24px;
}
div.k2ReportCommentFormContainer form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}
div.k2ReportCommentFormContainer form .formLogLoading {
  background: url(/~reynoldsconstruc/templates/ot_evrak/images/system/loading.gif) no-repeat left center;
}
/* Back to top link */
div.itemBackToTop {
  text-align: center;
  padding: 20px 0 60px 0;
}
div.itemBackToTop a {
  text-decoration: none;
  font-size: 36px;
  padding: 10px;
}
div.itemBackToTop a i {
  width: 60px;
}
div.itemBackToTop a:hover {
  text-decoration: none;
}
/* Video */
div.catItemVideoBlock {
  margin: 0 0 20px 0;
  padding: 0;
  background: none;
}
div.catItemVideoBlock div.catItemVideoEmbedded {
  text-align: center;
}
/* for embedded videos (not using AllVideos) */
div.catItemVideoBlock span.catItemVideo {
  display: block;
}
/* Video */
div.latestItemVideoBlock {
  margin: 0 0 20px 0;
  padding: 0;
  background: none;
}
div.latestItemVideoBlock span.latestItemVideo {
  display: block;
}
/* Video */
div.itemVideoBlock {
  margin: 0 0 20px 0;
  padding: 0;
  background: none;
}
div.itemVideoBlock h3 {
  text-align: center;
}
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: #555555;
  float: left;
  display: block;
  font-size: 11px;
  font-weight: 300;
  width: 60%;
}
div.itemVideoBlock span.itemVideoCredits {
  color: #555555;
  float: right;
  display: block;
  font-style: italic;
  font-size: 11px;
  width: 35%;
  text-align: right;
  font-weight: 300;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  div.subCategoryContainer {
    width: 100% important;
  }
  div.itemList div.itemContainer {
    width: 100% !important;
  }
  div.itemListCategory img {
    top: -35px;
    right: 15px;
  }
  div.itemImageBlock .itemAuthorAvatarforHeader {
    display: none;
  }
  div.itemBody {
    padding: 8px;
  }
  div.itemHeader h1.itemTitle {
    padding-left: 10px;
  }
  .ot-block-1 {
    padding: 0 10px;
  }
  div.itemNavigation {
    padding: 20px;
  }
  div.itemComments .itemCommentsCounter {
    padding: 0 20px;
  }
  div.itemComments ul.itemCommentsList {
    margin: 0 20px 0 0;
  }
  .itemCommentsForm {
    padding: 0 10px;
  }
}
div.k2ItemsBlock ul {
  padding: 0;
}
div.k2ItemsBlock ul li {
  list-style: none;
}
div.k2ItemsBlock ul .even,
div.k2ItemsBlock ul .odd {
  background: transparent;
}
/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments */
div.k2LatestCommentsBlock p {
  line-height: 16px;
}
div.k2LatestCommentsBlock ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.k2LatestCommentsBlock ul li {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 4px double #e6ecec;
}
div.k2LatestCommentsBlock ul li:last-child {
  border: none;
}
div.k2LatestCommentsBlock ul li a.lcAvatar img {
  border: 1px solid #e6ecec;
}
div.k2LatestCommentsBlock ul li a.lcAvatar img:hover {
  border: 1px solid #1a1e24;
}
div.k2LatestCommentsBlock ul li a {
  text-decoration: none;
}
div.k2LatestCommentsBlock ul li span.lcComment {
  font-size: 14px;
  font-weight: 600;
}
div.k2LatestCommentsBlock ul li span.lcUsername {
  font-size: 12px;
}
div.k2LatestCommentsBlock ul li span.lcCommentDate {
  color: #666;
  font-size: 12px;
}
div.k2LatestCommentsBlock ul li span.lcItemTitle a {
  font-size: 14px;
  text-decoration: none;
  color: #5d9ecf;
}
div.k2LatestCommentsBlock ul li span.lcItemCategory {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Category List/Menu --- */
div.k2CategoriesListBlock ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.k2CategoriesListBlock ul.level0 li a {
  color: #1a1e24;
  margin-bottom: 10px;
  padding: 7px 20px;
  display: inline-block;
  position: relative;
  margin: 5px 0 0 0px;
  font-weight: 600;
  text-decoration: none;
}
div.k2CategoriesListBlock ul.level0 li a:hover {
  letter-spacing: 1px;
}
div.k2CategoriesListBlock ul.level1 li {
  padding: 7px 20px;
  display: inline-block;
  position: relative;
  margin: 5px 0 0 30px;
  border-left: 1px solid #fff;
}
div.k2CategoriesListBlock ul.level1 li a {
  background: none;
  margin: 0;
  padding: 0;
  color: white;
  font-weight: 300;
}
div.k2CategoriesListBlock ul.level1 li a:hover {
  letter-spacing: 1px;
}
div.k2CategoriesListBlock ul li ul a {
  color: white;
  text-decoration: none;
}
div.k2CategoriesListBlock ul li a span.catTitle {
  padding-right: 4px;
}
div.k2CategoriesListBlock ul li.activeCategory a {
  font-weight: bold;
}
div.catItemHeader {
  display: block;
  overflow: hidden;
}
div.catItemHeader .ot-style-A-Meta {
  border-top: 4px double #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
  overflow: hidden;
}
div.catItemHeader .ot-style-A-Meta span.catItemAuthor,
div.catItemHeader .ot-style-A-Meta span.catItemDateCreated,
div.catItemHeader .ot-style-A-Meta div.catItemCategory {
  float: left;
  margin-right: 10px;
  font-size: 13px;
  color: #555555;
}
div.catItemTagsBlock {
  padding: 4px 0 20px 0;
  border-bottom: 4px double #e6ecec;
  margin-bottom: 20px;
}
div.catItemTagsBlock span {
  font-weight: 300;
  color: #1a1e24;
  padding: 0 4px 0 0;
}
div.catItemTagsBlock ul.catItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.catItemTagsBlock ul.catItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0 2px 20px 2px;
  text-align: center;
}
div.catItemTagsBlock ul.catItemTags li a {
  background: #eeeeee;
  padding: 4px 12px;
  color: #555555;
  text-decoration: none;
  font-size: 14px;
  font-weight: light;
}
div.catItemTagsBlock ul.catItemTags li a:hover {
  background: #999999;
  color: white;
}
/* Anchor link to comments */
div.catItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #e6ecec;
}
div.catItemCommentsLink a {
  font-size: 14px;
  color: #5d9ecf;
}
div.catItemCommentsLink a:hover {
  color: #3378ac;
}
/* Read more link */
div.catItemReadMore {
  display: inline;
}
div.catItemReadMore a {
  font-size: 14px;
}
/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
div.k2ItemsBlock ul li a.moduleItemTitle {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
  display: block;
  padding: 4px 0;
  line-height: 120%;
  font-size: 14px;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  float: left;
  margin: 0 8px 8px 0;
  padding: 4px;
  border: 1px solid #e6ecec;
}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated {
  font-size: 13px;
  display: block;
}
div.k2ItemsBlock ul li a.moduleItemCategory {
  display: block;
}
div.k2ItemsBlock ul li div.moduleItemTags a {
  padding: 0 2px;
}
div.k2ItemsBlock ul li a.moduleItemComments {
  border-right: 1px solid #e6ecec;
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
}
div.k2ItemsBlock ul li span.moduleItemHits {
  border-right: 1px solid #e6ecec;
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
}
.k2FeedIcon {
  display: none;
}
/*----------------------------------------------------------------------
	Component: Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userBlock {
  background: none;
  border: 1px solid #ddd;
  margin: 0 0 16px 0;
  padding: 8px;
  clear: both;
}
span.userItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dashed #ccc;
  text-align: right;
}
span.userItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
}
span.userItemAddLink a:hover {
  background: #ffffcc;
}
div.userBlock img {
  display: block;
  float: left;
  background: #fff;
  padding: 5px;
  border: 1px solid #ddd;
  margin: 0 40px 0 0;
}
div.userBlock h2 {
  overflow: hidden;
  margin: 0;
}
div.userBlock div.userDescription {
  padding: 4px 0;
  overflow: hidden;
}
div.userBlock div.userAdditionalInfo {
  padding: 4px 0;
  margin: 8px 0 0 0;
}
span.userURL {
  font-weight: bold;
  color: #555;
  display: block;
}
span.userEmail {
  font-weight: bold;
  color: #555;
  display: block;
}
/* User items */
div.userItemView {
  margin: 60px 0;
}
/* this is the item container for this view */
/* Attach a class for each featured item */
div.userItemViewUnpublished {
  opacity: 0.9;
  border: 4px dashed #ccc;
  background: #fffff2;
  padding: 8px;
  margin: 8px 0;
}
span.userItemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}
span.userItemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
}
span.userItemEditLink a:hover {
  background: #ffffcc;
}
div.userItemHeader span.userItemDateCreated {
  color: #999;
  font-size: 11px;
}
div.userItemHeader h3.userItemTitle {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}
div.userItemHeader h3.userItemTitle a {
  text-decoration: none;
}
div.userItemHeader h3.userItemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}
/* "Unpublished" presented in superscript */
div.userItemBody {
  padding: 8px 0;
  margin: 0;
}
div.userItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}
span.userItemImage {
  display: block;
  text-align: center;
  margin: 0 40px 20px 0;
}
span.userItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}
div.userItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
  overflow: hidden;
}
div.userItemLinks {
  margin: 0 0 16px 0;
  padding: 0;
}
div.userItemCategory {
  padding: 4px;
  border-bottom: 4px double #d7d7d7;
}
div.userItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.userItemTagsBlock {
  padding: 4px;
  border-bottom: 4px double #d7d7d7;
}
div.userItemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.userItemTagsBlock ul.userItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.userItemTagsBlock ul.userItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}
/* Anchor link to comments */
div.userItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}
/* Read more link */
div.userItemReadMore {
  display: inline;
}
/*----------------------------------------------------------------------
	Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagItemView {
  border-bottom: 1px dotted #ccc;
  padding: 8px 0;
  margin: 0 0 16px 0;
}
/* this is the item container for this view */
div.tagItemHeader span.tagItemDateCreated {
  color: #999;
  font-size: 11px;
}
div.tagItemHeader h2.tagItemTitle {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}
div.tagItemBody {
  padding: 8px 0;
  margin: 0;
}
div.tagItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}
span.tagItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}
span.tagItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}
div.tagItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}
div.tagItemCategory {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}
div.tagItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
/* Read more link */
div.tagItemReadMore {
  display: inline;
}