/**
 * Assets paths
 */
/**
 * Base
 */
/**
 * Global
 */
/**
 * Breakpoints
 * Override default settings from _mq.scss partial
 * https://github.com/sass-mq/sass-mq
 */
/**
 * Icons
 */
/* News main content section */
#newsMainContentSection {
  float: left;
  min-height: 200px;
  margin: 10px 0 20px 0;
  padding: 0;
}

/* News Controls */
/* Listing Control */
.sys_news-control.sys_standard-list {
  float: left;
  margin: 0;
  padding: 10px 0 0 0;
}

/* Title */
/* Repeating Item */
.sys_news-control.sys_standard-list .sys_subitem {
  float: left;
  border-bottom: 1px solid #7E7E7E;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}

/* Item Heading */

.sys_searchNewsHeading-- {
  display: block !important;
  font-weight: 400;
    margin: 0 0 10px !important;
    padding: 10px 15px !important;
    color: #000000 !important;
    font-size: 20px !important;
}

.sys_news-control.sys_standard-list .sys_subitem h2.sys_news-subheading, .sys_searchNewsHeading {
  display: block !important;
  font-size: 1em !important;
  margin: -2px 0 10px 0 !important;
  padding: 10px 0 !important;
  background: #f2f2f2 !important;
  font-weight: 400;
}

.sys_news-control.sys_standard-list .sys_subitem h2.sys_news-subheading:focus-within, .sys_searchNewsHeading:focus-within{
  display: block !important;
  font-size: 1em !important;
  position: relative !important;
  color: #fff !important;
  background: #4d4d4d !important;
}

.sys_news-control.sys_standard-list .sys_subitem h2.sys_news-subheading:focus-within a, .sys_searchNewsHeading:focus-within a{
  display: block !important;
  font-size: 1em !important;
  position: relative !important;
  color: #fff !important;
  background: #4d4d4d !important;
}

.sys_news-control.sys_standard-list .sys_subitem h2.sys_news-subheading:hover, .sys_searchNewsHeading:hover{
  display: block !important;
  font-size: 1em !important;
  position: relative !important;
  color: #fff !important;
  background: #4d4d4d !important;
  text-decoration:none !important;
}

.sys_news-control.sys_standard-list .sys_subitem h2.sys_news-subheading a:hover, .sys_searchNewsHeading a:hover{
  color: #fff !important;
  text-decoration:none !important;
}

.sys_searchNewsHeading {
  font-weight: 400;
  margin: 0 0 10px !important;
  padding: 10px 15px !important;
  color: #000000 !important;
  font-size: 20px !important;
}

.sys_news-control.sys_standard-list .sys_subitem .sys_news-subheading a {
  margin: 0;
  padding: 5px 10px;
  display: inline-block;
  color: #000000;
  text-decoration: none;
  position: relative;
  z-index: 100;
}

.sys_news-control.sys_standard-list .sys_subitem .sys_news-subheading a:hover {
  text-decoration: underline;
}

/*Thumbnail image */
.sys_news-control.sys_standard-list .sys_subitem .sys_thumbnail {
  width: 194px;
  margin: 0 8px 10px 0;
  float: left;
}

.sys_news-control.sys_standard-list .sys_subitem .sys_thumbnail img {
  border: 1px solid #7E7E7E;
  float: left;
  margin: 0;
}

/* Icon */
/* Adds a default Blank Icon */
.sys_news-control.sys_standard-list .sys_itemslist div.sys_icon {
  background: url("/SiteElements/Images/default-3.png");
  margin: 0 8px 10px 0;
  float: left;
  width: 194px;
  height: 116px;
  border: 1px solid #000;
}

/* Item Summary Wrapper */
.sys_news-control.sys_standard-list .sys_itemslist .sys_subitem .sys_news-summary {
  position: relative;
  z-index: 300;
  margin: 0;
  padding: 0;
  min-height: 1em;
}

/* Description */
.sys_news-control.sys_standard-list .sys_itemslist .sys_subitem dl dt.sys_news-description {
  display: none;
}

.sys_news-control.sys_standard-list .sys_itemslist .sys_subitem dl dd.sys_news-description {
  display: block;
  margin: -3px 0 0 0;
}

/* Date published */
.sys_news-control.sys_standard-list .sys_itemslist .sys_subitem dl dt.sys_news-datepublished {
  display: none;
}

.sys_news-control.sys_standard-list .sys_itemslist .sys_subitem dl dd.sys_news-datepublished {
  margin: 10px 0 10px 0;
}

/* Search Options */
.sys_news-search-control {
  margin-bottom: 8px;
}

.sys_options-inner {
  position: relative;
  height: 45px;
  /*height: 100px;*/
  /* height: 200px; */
}

.sys_options-inner .sys_category-row {
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
}

.sys_options-inner .sys_month-row {
  position: absolute;
  top: 50px;
  width: 100%;
  cursor: pointer;
}

.sys_options-inner .sys_year-row {
  position: absolute;
  top: 100px;
  width: 100%;
  cursor: pointer;
}

.sys_options-inner .sys_keyword-row {
  position: absolute;
  /*top: 150px;*/
   /*top: 50px;*/
  width: 100%;
}

.sys_news-search-control label {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px!important;
}

.sys_news-search-control input {
  font-size: 16px;
  height: 35px !important;
  width: 220px !important;
  
  border: none;
  color: #000000;
  border-bottom: 1px solid #000000;
  padding: 0 10px;
}

.sys_news-search-control .sys_button-row {
  text-transform: uppercase;
  position: absolute;
  top: 1px;
  right: 0px;
}

.sys_news-search-control .sys_button-row input {
  padding: 0 !important;
  width: 53px !important;
  color: #ffffff;
  border: none !important;
  font-weight: bold;
  cursor: pointer;
}

.sys_news-search-control input.sys_searchbutton {
  position: relative;
  background: #000000;
  height: 49px;
  background: url(/SiteElements/2018/Images/go.svg) center right no-repeat !important;
  background-repeat: no-repeat;
  background-size: 74% !important;
  border: none !important;
}

.sys_news-search-control input.sys_searchbutton:hover {
  background: url(/SiteElements/2018/Images/go-hover.svg) center right no-repeat !important;
  background-size: 74% !important;
}

.sys_news-search-control select {
  height: 20px;
  width: 100%;
  font-size: 16px;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #000000;
  border-radius: 0;
  background-repeat: no-repeat;
}

/* Standard and Mini Combo Control */
.sys_news-standardminicombo .sys_standard-list {
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
}

.sys_news-standardminicombo .sys_standard-list .sys_datarepeatercontrol {
  margin: 0;
}

.sys_news-standardminicombo .sys_news-minilist-control {
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
}

.sys_news-standardminicombo .sys_news-minilist-control .sys_datarepeatercontrol {
  margin: 0;
}

.sys_mediaContentHolder h1 {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 24px;
}

.sys_mediaContentHolder a {
  margin-bottom: 10px;
}

.sys_mediaContentHolder a:hover, .sys_mediaContentHolder a:active {
  text-decoration: underline;
}

/* temp... */
.sys_bookmark-control {
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #ccc;
  color: #666;
  background: #fff;
}

.sys_bookmark-control li {
  list-style-type: none;
  padding: 0 15px;
  display: inline;
  font-size: 140%;
}

/* --- */
/* News Record Control */
.sys_news-record .sys_news-posted-date {
  font-weight: 300;
  padding: .5em 0;
  font-size: 1.1em;
  margin: 0 0 10px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

hr {margin:0;}
.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  zoom: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}


    .st-custom-buttons {
        float:right;
        display: flow-root;
        margin-top: 0.5em;
    }
    .st-custom-button {
        display:inline-block;
    font-size: 0.8rem;
    padding: .5rem .25rem;
    color: #fff;
    font-weight: 400;
    background-color: transparent;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position:relative;
    overflow:hidden;
    width:30px;
    -webkit-transition: width 100ms ease-in-out;
    transition: width 100ms ease-in-out;
    white-space: nowrap;
    }

    .st-custom-button:hover {
        width:80px;
    }

    .st-custom-button span {
        visibility:hidden;
    }

    .st-custom-button:hover span {
        visibility: visible;
    margin-left: 30px;
    width: 100%;
    display: inline-block;
    text-align: left;
    }

.st-icon--facebook,
.st-icon--messenger {
    background-color:#3b5998;
}

.st-icon--twitter {
    background-color:#00acee;
}

.st-icon--whatsapp {
    background-color:#25D366;
}

.st-icon--linkedin {
    background-color:#0e76a8;
}

.st-icon--pinterest {
    background-color:#c8232c;
}

.st-icon--email {
    background-color:#666;
}

.st-icon:before {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 4px;
    top: 6px;
    content: '';
}

.st-icon--facebook:before{
    background-image:url("/siteelements/2018/images/icons/icon-facebook.svg");
}

.st-icon--messenger:before{
    background-image:url("/siteelements/2018/images/icons/icon-messenger.svg");
}

.st-icon--whatsapp:before{
    background-image:url("/siteelements/2018/images/icons/icon-whatsapp.svg");
}

.st-icon--twitter:before{
    background-image:url("/siteelements/2018/images/icons/icon-twitter.svg");
}

.st-icon--pinterest:before{
    background-image:url("/siteelements/2018/images/icons/icon-pinterest.svg");
}

.st-icon--linkedin:before{
    background-image:url("/siteelements/2018/images/icons/icon-linkedin.svg");
}

.st-icon--email:before{
    background-image:url("/siteelements/2018/images/icons/icon-mail.svg");
}

#contentContainer #mainContentColumn {
    padding: 0 10px 0 10px;
}

@media screen and (min-width: 768px) {
  #contentContainer #mainContentColumn {
    padding: 0 0 0 10px;
  }
}