/* Custom CSS Start */

/* BODY : Body */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,900');


body {
  font-family: 'Lato', sans-serif;
  background: #fff;
  font-size: 14px;
  line-height: 1.625;
  color: black !important;
  background:  #fff;
  font-weight: normal;
}

*:not(.glyphicon) {
  font-family: 'Lato', sans-serif !important;
}

p, span {
  font-size: 16px !important;
}

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: #92ac3e;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

body a:hover { text-decoration: none; }

body a:visited {color: #92ac3e;}

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

img {
  max-width: 100%;
}

/*#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: 19px;
}

.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 {
  text-transform: capitalize;
}


#portal-nav-top .plain a {
  text-decoration: none;
  border: none;
  padding: 15px;
  font-weight: 300;
  color: black;
  font-size: 15px;
}

#portal-nav-top .plain a:hover {
  text-decoration: none;
}

#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: #92ac3e;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 #40322d;
  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: #999; }

#portal-breadcrumbs a { color: #92ac3e; }

/* 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: #92ad3e; }

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

.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 #92ad3e; }

/* 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;
  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: #92ad3e; 
  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: #92ad3e; }

.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: #92ac3e; 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 #92ad3e;padding: 10px 0;background: none;margin: 0 0 2% 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: #92ac3e; 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;display: -webkit-box;}

.featurepanel img {float: left;margin: 15px 15px 15px 0 !important;}

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


.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: #000;
  font-family: 'Lato', sans-serif;
  padding: 3px 0 6px 0;
  font-weight: 500;
  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;*/
  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 #92ac3e;margin: 0;padding: 15px 0;color: white;line-height: 1.25em;background: #40322d;border-color: transparent;}

#portal-footer a {color: white;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 #40322d;
  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 #40322d;
}
.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;
    font-size: 14px;
  }
  #sh_logo {
    /*display: none;*/
    width: 100%;
    overflow: hidden;
  }

 
 

  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: block;
  }
  #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){}


/*Media Query for different mobile devices*/

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px)  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen  and (min-device-width: 375px)  and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- iPad 1 and 2 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- iPad 3 and 4 ----------- */    

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

/* ----------- Non-Retina Screens ----------- 
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}

 ----------- Retina Screens ----------- 
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  video, iframe, audio, #wrap img, #wrap object {
    height: 100%;
    width: 100%;
  }
}*/

#actions-container img[src='/images/print_icon.gif'],
#actions-container img[src='/images/save_icon.gif'],
#actions-container img[src='/images/mail_icon.gif'] {
    width:16px !important;
    height:16px !important;
}

img[src='/images/pencil_icon.gif']{
    width:37px !important;
    height:18px !important;
}

img[src='/images/forum/forum_1.gif']{
    width:46px !important;
    height:25px !important;
}

img[src='/images/admin_icons/pdficon.png']{
    width:30px !important;
    height:31px !important;
}

#sh_logo a img{
    max-width: 100%;
}

.btn {
  background-color: #40322d !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: white !important;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn:visited {
  background-color: #585858 !important;
  color: white;
}

.listingBar {
  background-color: transparent;
  border: 0;
}

.listingBar_link {
  font-size: 25px;
  color: #92ad3e;
}

.header-logo-tagline .container,
#footer .container {
  padding: 0;
}

#sh_logo {
  margin: 0 !important;
}

#sh_logo img {
  width: 100%;
}

li {
  margin: 0;
}