/* Custom CSS Start */

/* BODY : Body */

@import url("//fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans");

body { 
  font-family: 'Lato', sans-serif; 
  background: #fff; 
  border-top: 4px solid #A43C1F;
  font-size: 14px;
  line-height: 1.625;
  color: #000;
  background:  #fff;
  font-weight: normal;
}

* {
  margin: 0;
  font-size: 14px;
}

label {
  font-weight: normal !important;
  font-size: 14px;
}

p {
  font-family: 'Lato', sans-serif;
  margin: 5px 0; 
}

video, iframe, audio {
    max-width: 100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
        overflow: hidden;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body a { 
  color: #A43C1F; 
  font-weight: normal;
  font-size: 16px;
}

body a:hover { text-decoration: underline !important; }

body a:visited { color: #A43C1F; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  font-weight: normal; font-size: 14px;
}

img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/*#portal-column-content img {
  width: auto;
  height: auto;
} */

#visual-portal-wrapper {
  position: relative; 
  border: none; 
  margin: 0px auto; 
  background: #FFF; 
}

/* div : SH Logo / Custom Logo */
#sh_logo {	
  margin: 5px !important;
}

#portal-nav-top, #static-nav-login {
  height: 55px;
}

.header-logo-tagline {
  background-color:#fff;
  height: auto;
}

#template_header_text a { 
  display: inline-block;
  font-weight: bold;
  position: relative;
  z-index: 2;
  font-size: 30px;
  line-height: 1em;
  text-transform: uppercase;
  color: #2f2f2f;
  font-weight: normal;
  margin: 0 -1px 0 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#portal-nav-top { 
  margin: 0px 0px 0px -22px;
}

#template_tagline_text {   
  font-size: 14px;
  text-transform: uppercase;
  color: #a3a3a3;
  position: relative;
}

.tagline-holder {   
  background-color: #fff;
  margin-left: 7px;
}

.tagline-holder h1 {
  margin: 10px 0 1px 0;
}

.sub-header-holder {
  background-color: transparent;
  z-index: 99;
  height: auto;
  padding: 7px 14px 0 14px;
}

.wrap-margin {
  margin-top: 100px;
}

#portal-nav-top li {
  height: 20px;
  font-weight: bold;
  text-transform:uppercase;
  padding: 5px;
  font-size: 14px;
}


#portal-nav-top .plain a {
  text-decoration: none;
  border: none;
  padding: 10px;
  font-weight: bold;
}

#portal-nav-top .plain a:hover {
  text-decoration: none;
  border-bottom: 3px solid #2997b0;
  padding-bottom: 2px;
}

#static_nav {
  background-color: #fff;
  border-radius:  0px;
}

#navLogin {
  text-decoration: none; 
  font-size: 14px;   
  color: #777777;
}

ul#static-nav-login {
  display: inline; 
}

ul#static-nav-login .dropdown-menu  {
  padding:15px;
  margin-left: -205px;
}

ul#static-nav-login-small {
  display: none;
}


ul#portal-nav-1 {
  background:#f8f7f7 ;
  border: none; 
  padding: 0; 
  text-align: left; 
  margin: 0; 
  padding: 10px 14px 10px 0px; 
  line-height: 0;
}

#portal-nav-1 li { }

#portal-nav-1 li a { border-right: 2px solid #f8f7f7;  border-left: 2px solid #f8f7f7; padding: 10px 14px; font-weight: bold; color: #666; font-size: 16px; }

#portal-nav-1 li .last { border: none; }

#portal-nav-1 li a:hover { text-decoration: none; background: #A43C1F;border-right: 2px solid #FFF;border-left: 2px solid #FFF; color: white;}

/* ul : Top Nav / Portal Nav 2 */

#portal-nav-2 {
  background: none repeat scroll 0 0 #8C1717;
  border: none;
  padding: 0;
  margin: 0;
  height: 30px;
}

#portal-nav-2 li { line-height: 2.75em; }

#portal-nav-2 a { border-right: 1px solid #FFF; font-weight: normal; color: #FFF; padding: 0 10px; }

#portal-nav-2 li .last { border: none; }

#portal-nav-2 a:hover { text-decoration: none; }

/* div : Columns Wrapper */

#columnswrapper { margin:0; padding: 0 ; }

/* table : Portal Columns */

table#portal-columns { border: none; padding:0; }

/* td : Middle Columns */

table#portal-columns #midcol { border: none; margin: 0; padding:0; }

/*#portal-column-content { margin: 0; }*/

/* div : Portal Breadcrumbs */

#portal-breadcrumbs { text-transform: capitalize; background: #FFF; margin:0 ; padding: 0; color: #000; }

#portal-breadcrumbs a { color: #A43C1F; }

/* td : Portal Columns One */

#portal-columns #portal-column-one {
  padding: 0; border: none;  background: none; margin-top: 19px;;
}

/* td : Portal Columns Two */

#portal-columns #portal-column-two {
  border: none; padding: 0;  background: none; padding: 0px;
}

#portal-column-content img {
  max-width: 100%;
  height: auto;
}
/* h2 : All Content Headers */

.documentContent { padding: 0; margin: 0}

.documentContent h1, .documentContent h2 { font-family: 'Lato', sans-serif; border: none; padding: 20px 0 0 0; margin: 0 0 0 0; }

.documentContent #pubdate { color: #000; }

.documentContent #pubdate span { color: #8C1717; }

.documentContent #articlesummary { margin: 20px 0; border: 1px dashed #0E72AD; }

.documentContent #articlesummary .related-articles-container { border: none; }

.documentContent .calendar ul, .documentContent .calendar ol { list-style: none; }

/* div : Region Content */

#region-content { border: none; }

/* div : Related Articles Container */

.related-articles-container { border: 1px solid #0E72AD; }

/* div : Portlets */

.portlet {
  margin: 0;
  width: auto;
  padding: 0 0 15px 0;

}

.portlet img { margin: 10px 0; border:none; }

.portletInnerBody {
  padding: 10px 0 0 10px;
}

div.portlet h5, div.portlet a h5 {

  font-family: 'Lato', sans-serif;
  font-size: 18px; 
  font-weight: normal; 
  border: none; 
  margin: 0 6px;
  color: #000;
  width: auto;
  height: auto;
  border-bottom: 4px solid #8C1717;
  background:  transparent;
}

.portlet .portletBody, .portlet .portletBodyHTML, .portlet .portletBodyProfiles { border: none; width: auto; }

.portlet .portletBody .nav-category { padding: 5px 11px; }

.portlet .portletBody .nav-category a { 
  text-decoration: none; 
  color: #8C1717; 
  font-size: 14px; 
  font-weight: normal !important; 
  font-family: 'Lato', sans-serif;
}

.portlet .portletBody .nav-category a:hover { text-decoration: underline; }

.portlet .portletBody #forgotton { margin: 0; }

.portlet .portletBody #forgotton a { color: #0E72AD; }

.eventsportlet .portletBody { position: relative; padding: 0px 0 10px 0; width: auto; }

.eventsportlet .portletBody .calendar-month { position: relative; margin: 0; padding: 0; height: 35px; }

.eventsportlet .portletBody .calendar-month .cal-month { background: url(img/cal_month.jpg) no-repeat center; position: absolute; top: 10px; left: 45px; width: 140px; height: 23px; display: block; }

.eventsportlet .portletBody .calendar-month .cal-month a { display: block; margin: 3px 0 0 0; color: #FFF; }

.eventsportlet .portletBody .calendar-month .calendar-prev { 
  background: url(img/cal_left.jpg) no-repeat center;
  position: absolute; 
  top: 10px; 
  left: 5px !important;  
  width: 24px; 
  height: 23px; 
}

.eventsportlet .portletBody .calendar-month .calendar-prev a { display: block; color: #FFF; width: 24px; height: 23px; text-indent: -50000px; overflow: hidden; }

.eventsportlet .portletBody .calendar-month .calendar-next {
  background: url(img/cal_right.jpg) no-repeat center; 
  position: absolute; 
  top: 10px; 
  right: 3px !important; 
  width: 24px; 
  height: 23px; 
}

.eventsportlet .portletBody .calendar-month .calendar-next a { display: block; color: #FFF; width: 24px; height: 23px; text-indent: -50000px; overflow: hidden; }

.eventsportlet .portletBody table { width: 70%; }

.eventsportlet .portletBody th { color: #0E74B4; font-size: 14px; text-decoration: none; }

.eventsportlet .portletBody td { 
  border: none; 
  padding: 2px; 
  margin: 0; 
  border-collapse:collapse;
  color: #000; 
  font-size: 14px;
  color: #AAA; }

.eventsportlet .portletBody td a { color: #A43C1F; text-decoration: underline; }

.login_block .field input { 
  width: 100% !important; 
  width: 205px; 
  font-size: 14px; 
  padding: 3px; 
}

.login_block #rememberme { float: left; }

.login_block #rememberme .field input { width: 20px !important; }

.login_block .field label { color: #666; text-transform: lowercase; font-weight: normal; font-size: 14px; }

.login_block .login {
  background: url(img/login_bg.jpg) no-repeat center; 
  color: #FFF; border: none; 
  width: 78px;
  padding: 2px 0 4px 0;
  cursor: pointer; 
  font-size: 14px; 
  font-weight: normal;
  float: right;
  margin: 0 10px 0 0;
}

.login_block .portletBody { color: #666; font-size: 120%; font-family: 'Lato', sans-serif;}

.login_block .portletBody .nav-category a { background: url(img/join_bg.jpg) no-repeat center; color: #FFF; border: none; padding: 3px 0 5px 0; cursor: pointer; font-size: 12px; font-weight: bold; float: right; clear: right; margin: 10px 10px 0 0; width: 79px; text-align: center; }

.login_block .portletBody .nav-category a:hover { text-decoration: none; }

.login_block .portletBody #forgotton a { text-decoration: underline; }

.search_block .searchtext { width: 215px;  font-size: 14px; padding: 3px; }

.search_block .searchsubmit { background: url(img/login_bg.jpg) no-repeat center; color: #FFF; border: none; width: 78px; padding: 2px 0 4px 0; cursor: pointer; font-size: 12px; font-weight: bold; float: right; margin: 0 10px 0 0; }

.search_block .portletBody { height: 102px; }

.newsletter_block { width: auto; }

.newsletter_block .field input { width: 215px !important; width: 205px; font-size: 14px; padding: 3px; margin: 0; }

.newsletter_block .field label { color: #666; text-transform: lowercase; font-size: 120%; font-family: 'Lato', sans-serif; }

.newsletter_block .nlsubmit { background: url(img/login_bg.jpg) no-repeat center; color: #FFF; border: none; width: 78px; padding: 2px 0 4px 0; cursor: pointer; font-size: 12px; font-weight: bold; float: right; margin: 0 10px 0 0; }

.newsletter_block .portletBody { padding-bottom: 30px; font-size: 120%; font-family: 'Lato', sans-serif; color: #666; }

.profile_block .portletBodyProfiles { font-size: 120%; font-family: 'Lato', sans-serif; padding: 10px 0; }

.html_block .portletBodyHTML { font-size: 120%; font-family: 'Lato', sans-serif; padding: 10px 0; margin: 0; }

/* div : Feature Panel */

.featurepanel dl { border-bottom: 0px solid #0E72AD; padding: 10px 0; background: none; margin: 0 0 10px 0; }

.featurepanel .admincomment { border-left-color: #000; }

.featurepanel dl dt { font-weight: normal; clear: both;}

.featurepanel dl dt br { display: none; }

.featurepanel dl dt a { color: #A43C1F; font-weight: bold; text-decoration: none;}

.featurepanel dl dt .cat-view-article-date { margin: 0; color: #666; display: none;}

.featurepanel dl dt .cat-also {display: none;}

.featurepanel dl dd { margin: 10px 0; }

.featurepanel img {float: left; padding:0 20px 20px 0;}

.featurepanel h2 {
  /*background: url(img/blue-line-arrow.png) no-repeat right bottom !important; background-size: 100% 100%;*/
  border-bottom: 4px solid #8C1717;
}


.recent-articles-title h2 {background: none !important; font-size: 18px; font-weight: 700;}

.documenticon1, .documenticon2 {display: none;}

.searchresults {padding-top: 20px;}

/* h tags */

h1,
h2,
h3,
h4,
h5,
h6,
.documentContent h2,
.documentContent h1 {
  line-height: 125%;
  text-rendering: optimizelegibility;
  border:none;
  color: #8C1717;
  font-family: 'Lato', sans-serif;
  padding: 3px 0 6px 0;
  font-weight: 700;
  text-decoration: none;
}


h1 {  font-size: 30px !important;}
h2 {  font-size: 28px;}
h2#main-title, h1.barline, #form_wrap h1, #documentContentInner h1 {
  /*background: url(img/blue-line-arrow.png) no-repeat right bottom;*/
  border-bottom: 4px solid #8C1717;
  background: transparent;
}

h3 {  font-size: 24px;}
h4 {  font-size: 22px;}
h5 {  font-size: 20px;}
h6 {  font-size: 18px; text-transform: uppercase;}


/* div : Portal Footer */

#portal-footer { border-top: 3px solid #A43C1F; margin: 5px 0 0 0; padding: 15px 0; color: #999; line-height: 1.25em; background: #4d0803; border-color: transparent; }

#portal-footer a { color: #999; text-decoration: none; font-weight: bold; }

#portal-footer a:hover { text-decoration: none; }


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body{
    background: red;
  }
}

#container-template-header {
  background: none repeat scroll 0 0 #8C1717;
  color: #fff;
  padding-top: 40px !important;
  border-bottom: 1px solid #ccc;
  height: auto;
}
#container-template-header .inner-template-header {
  text-align:left;
  margin-top: 20px;
  margin-bottom: 20px;
}

#header-tagline-text {
  font-size: 60px; line-height: 1;
}

.sticky-header-element.stuck {
  position:fixed;
  top:0;
  height: 54px;
  box-shadow:0 2px 4px rgba(0, 0, 0, .3);
  z-index: 999;
  padding: 0;
  width: 100%;
  background: none repeat scroll 0 0 #8C1717;
}
.sticky-header-element.stuck #header-tagline-text {
  display:none;
}

.cart-th-col {
  background: #dddddd;
}

.subscribe #country select,.subscribe #state select {
  width: 50% !important;
}

.subscribe table  tr td input[type="text"], .subscribe table tr td input[type="password"]  {
  width: 50% !important;
}

.cart_image-holder {
  float:left;
}

.cart-image {
  display:block;
  float: left;
  width: auto;
  padding: 4px 20px 20px 0;
  height: 100%;
}
.cart-desc, .cart-price , .cart-remove, .cart-qty {
  display: block;
}
.cart-info {

  float: left;
  margin-left: 1em;
  width: auto;
}

.cart-total-holder {
  border-bottom: 1px solid #ddd;
  text-align: right !important;
  font-size: 1.4em;
  background: #ededed;
  width: 20%;
  vertical-align: bottom;
  font-size: 1.24em;
  color: #cb003a;
}

.product-image-holder {
  display: block;margin-right: 44px;
}

.product-header, .product-desc-holder, .product-back-link {
  display:block;margin: 10px;
}

.mtop50 { margin-top: 50px }

.clearfix { clear: both; }

@media(max-width:767px) and (orientation: portrait) {
  #portal-nav-top, #static-nav-login {
    height: auto;
  }

  #portal-nav-top li {
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    font-size: 14px;
    height: 21px;
  }
  #sh_logo {
    /*display: none;*/
    width: 100%;
    overflow: hidden;
  }

  #sh_logo img {
    width: 100%;
  }

 

  ul#static-nav-login-small {
    margin-top: 10px;
    display: inline;
  }
  ul#static-nav-login {display: none;}

  .store #midcol{
    padding:0px !important;
    margin:0px !important;
  }
  .store .documentContent {
    padding:0px !important;
    margin:0px !important;
  }
  #cart-btn-holder1 {
    margin: 0 0 10px 0 !important;
  }
  #cart-btn-holder2 {
    width: 100% !Important;

  }
  #midcol{
    width: 100% !important;
  }
  .sticky-header-element.stuck {
    height: 40px;
  }
  .eventsportlet .portletBody table {
    width: 95%;
  }
}

@media(max-width:767px) and (orientation:landscape) {
  #portal-nav-top, #static-nav-login {
    height: auto;
  }

  #portal-nav-top li {
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    font-size: 14px;
    height: 21px;
  }

  ul#static-nav-login-small {
    margin-top: 10px;
    display: inline;
  }
  ul#static-nav-login {display: none;}
  .tagline-holder {
    display: none;
  }
  #midcol{
    width: 100% !important;
  }
  .sticky-header-element.stuck {
    height: 40px;
  }
  
  .eventsportlet .portletBody table {
    width: 95%;
  }
}

@media(min-width:768px) and (max-width: 1024px){
  ul#static-nav-login {display: inline;}
  
  .eventsportlet .portletBody table {
    width: 95%;
  }

  .login_block .pull-right {
    float:none !important;
  }
}
@media(min-width:992px){
  
}
@media(min-width:1200px){}
