/*  overrides of NAWCC css to make NAWCC.org content display properly on HTI  */
/*  Also, css that applies to small screens  */
/*
 *.fa {
   display: inline-block;
   background-image: url("../images/menu-touch-icon-11x13.png");
	 background-repeat: no-repeat;
	 width: 11px;
	 height: 13px;
   margin: auto;
}
*/
/* to force google ads to behave */
.adslot_1 {
   display: block;
   width: 100%;
   height: 94px;
}
#ad_iframe {
   width: 100% !important;
   margin-left: auto !important;
   margin-right: auto !important;
}
#aswift_0_expand {
   width: 100% !important;
   margin-left: auto !important;
   margin-right: auto !important;
}
@media (min-width:992px) {
  .adslot_1 { width: 987px; height: 94px; }
}

#menu2 a { font-weight: bold; color: #777777 !important; }
#menu2 a:hover { color: #000000 !important; }
.navbar-default .navbar-nav > li a { font-weight: bold; color: #777777 !important; }
.navbar-default .navbar-nav > li a:hover { color: #000000 !important; }

/* */
.clearfix::after,
.clearfix::before {
    content: "";
    clear: both;
}

.tdo-sitelinksbutton {
   background-image: url("../images/hti5-SiteMenuClickToOpen.gif");
   display: none;
   position: absolute;
   border: none;
   margin-left: 0px;
   left: 0;
   background-repeat: no-repeat;
   width: 31px; /*or your image's width*/
   height: 131px ; /*or your image's height*/
  }

/*  These "open" classes are toggled to the default class via JS when the user clicks on the sitelinks button to display the sideload menu  */
.tdo-show-sideloader {
   left: 0 !important;
   width: 225px !important;
   position: absolute !important;
   z-index: 999999;
}

.tdo-menu-wrapper-open {
   width: 225px !important;
   height: 100% !important;
   z-index: 99999;
}

.tdo-menuitem-homepage-sideload-open {
   display: block !important;
   margin-top: 0 !important;
   padding-top: 7px !important;
   padding-bottom: 2px !important;
}

.tdo-menuitem-homepage-sideload-open {
   display: block !important;
   margin-top: 0 !important;
   padding-top: 7px !important;
   padding-bottom: 2px !important;
}

.tdo-menuitem-homepage-sideload-open {
   display: block !important;
   margin-top: 0 !important;
   padding-top: 7px !important;
   padding-bottom: 2px !important;
}

.tdo-sitelinksbutton-open {
   left: 225px; /* left margin 10 + 10 + 225  */
   background-image: url("../images/hti5-SiteMenuClickToClose.gif");
}

#NAWCCHeaderNewTemp { margin: auto; display: block; }

@media (max-width: 768px){
   .tdo-menu-content {
      left: -225px;
      position: absolute;
      width: 0%;
      background-color: #fbfbfb;
      border-right: 1px solid #888;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-radius: 0;
   }
   #acdnmenu2 {width: 100% !important;}
   .tdo-sitelinksbutton {
      display: block;
      z-index: 99999;
   }
   .tdo-menu-wrapper { width: 0%; }
   #tdo-mainbody { overflow: visible; }
   .tdo-content-wrapper {
      width: 95% !important;
      margin: 0 0 0 10px;
      padding-left: 12px !important;
      padding-right: 12px !important;
      float: right;
   }
   .t3-module { margin-bottom: 0px; }
   #tdo-pagewrapper {
       width: 100%;
       margin-left: 0;
   }
   #tdo-mainbody { padding-left: 0px; }
   #tdo-container { margin-left: 0; }
   #tdo-footerwrap { width: 100% !important; }
   #hti5-homepg-text {
      float: left;
      width: 100%;
   }
}
/*
@media (min-width: 768px) {
   #tdo-container { width: 750px; }
   #NAWCCHeaderNewTemp { width: 750px; }
}
@media (min-width: 992px) {
   #tdo-container { width: 970px; }
   #NAWCCHeaderNewTemp { width: 970px; }
}
@media (min-width: 1130px) {
   #tdo-container { width: 1100px; }
}
@media (min-width: 1px) {
   #tdo-topborder { min-height: 5px; }
}
@media (min-width: 1200px) {
   #NAWCCHeaderNewTemp { width: 1134px; }
}
@media (max-width: 992px) {
   a.htisilbutton {
      font-size: 13px;
      margin-bottom: 5px;
   }
   #tdo-footer div { margin-left: 0; }
}
*/
@media (min-width: 1109px) {
   #tdo-container { width: 1100px; }
}
@media only screen and (max-width: 1109px) {
   .tdo-content-wrapper {width: calc(100% - 266px); }
}
@media only screen and (max-width: 800px) {
   .tdo-content-wrapper {width: 65%; }
}
@media (max-width: 550px) {
  html { background-color: #FFFFFF; }
  #t3-header { margin-top: 0; }
  .tdo-calc-wrapper { margin-left: 0px !important; }
  .tdo-calc-cont-MSL { margin-left: 0 !important; }
  .tdo-calc-cont-MSTh { margin-left: 0 !important; }
  .tdo-calc-cont-MSThL { margin-left: 0 !important; }
  ul.htiul li { line-height: 175%; font-size: 18px; }
  ul.htiul li.htilisubsection { font-size: 22px	!important; }
  li.htilisection { font-size: 26px !important 	; }
  a.htisilbutton {font-size: 16px; }
  #acdnmenu2 li, #acdnmenu2 a {font-size: 18px;}
  #tdo-footer div {font-size: 16px; margin-left: 15px; margin-right: 15px;}
}
.resizableAdContainer {
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  margin: 40px 0;
  justify-content: center;
  font-size: 0;
}
.resizableAd {margin: 40px 40px !important; }
@media(max-width: 1435px) {
  .resizableAd {margin: 40px 36px !important;}
  .resizableImg {width: 230px;}
}
@media(max-width: 1280px) {
  .resizableAd {margin: 40px 32px !important;}
  .resizableImg {width: 196px;}
}
@media(max-width: 1110px) {
  .resizableAd {margin: 40px 28px !important;}
  .resizableImg {width: 169px;}
}
@media(max-width: 940px) {
  .resizableAd {margin: 40px 24px !important;}
  .resizableImg {width: 143px;}
}
@media(max-width: 797px) {
  .resizableAd {margin: 40px 20px !important;}
  .resizableImg {width: 117px;}
  .resizableContainter {white-space: normal;}
}