@font-face {
  font-family: 'clear_sans_lightregular';
  src: url('../fonts/ClearSans-Light-webfont.eot');
  src: url('../fonts/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Light-webfont.woff') format('woff'), url('../fonts/ClearSans-Light-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Light-webfont.svg#Arial, Helvetica, sans-serif /*clear_sans_lightregular*/') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sansregular';
  src: url('../fonts/ClearSans-Regular-webfont.eot');
  src: url('../fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Regular-webfont.woff') format('woff'), url('../fonts/ClearSans-Regular-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sansbold';
  src: url('../fonts/ClearSans-Bold-webfont.eot');
  src: url('../fonts/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Bold-webfont.woff') format('woff'), url('../fonts/ClearSans-Bold-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sans_mediumregular';
  src: url('../fonts/ClearSans-Medium-webfont.eot');
  src: url('../fonts/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Medium-webfont.woff') format('woff'), url('../fonts/ClearSans-Medium-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Medium-webfont.svg#Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serifregular';
  src: url('../fonts/DroidSerif-Regular-webfont.eot');
  src: url('../fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Regular-webfont.svg#droid_serifregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serifitalic';
  src: url('../fonts/DroidSerif-Italic-webfont.eot');
  src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'), url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serifbold_italic';
  src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');
  src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-BoldItalic-webfont.svg#droid_serifbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* NAT Styling */

/* Headings */


.page-node .region-content h1, .wrap-containers .main-container h1 {
  font-family: Arial, Helvetica, sans-serif /*clear_sansbold*/;font-weight: 700;
  color: #fff;
  background-color: #DB291C;
  /* text-transform: uppercase; */
  font-size: 38px !important;
  padding: 10px 10px 10px 15px;
}
.page-node .region-content h2, .wrap-containers .main-container h2 {
  font-family: Arial, Helvetica, sans-serif /*clear_sansbold*/;font-weight: 700;
  color:#DB291C;
  /* text-transform: uppercase; */
  font-size: 30px !important; /* 23px */
}
.page-node .region-content h3, .wrap-containers .main-container h3 {
  font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/; /* droid_serifitalic; */
  color: #F9423A;
  /* text-transform: uppercase; */
  /* text-transform: capitalize; */
  font-size: 21px !important;
}
.page-node .region-content h4, .wrap-containers .main-container h4 {
  font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
  color: #F9423A;
  /* text-transform: uppercase; */
  font-size: 21px !important;
}

.page-node .region-content old-h1 {
  font-family: Arial, Helvetica, sans-serif /*clear_sansbold*/;font-weight: 700;
  color: #DB291C;
  /* text-transform: uppercase; */
  font-size: 24px !important;
}
.page-node .region-content old-h2 {
  font-family: Arial, Helvetica, sans-serif /*clear_sansbold*/;font-weight: 700;
  color: #F9423A;
  /* text-transform: uppercase; */
  font-size: 24px !important;
}
.page-node .region-content old-h3 {
  font-family: droid_serifregular;
  color: #30ada3;
  /* text-transform: capitalize; */
}
.page-node .region-content old-h4 {
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/ /* clear_sansregular */;
  color: #651428;
  /* text-transform: uppercase; */
}

/* End of headings */


/* Paragraphs and Lists */
/* .page-node .region-content */

.page-node .region-content p, .wrap-containers .main-container p,
ul,
ol {
  /* color: #3D3935 #AF231C; */
  color: #3D3935;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
}
.page-node .region-content .az-text ul, .page-node .region-content .module-wrapper ul {
  list-style-type: none;
}
.page-node .region-content .az-text ul, .page-node .region-content .module-wrapper ul, .page-node .region-content .az-text ol, .page-node .region-content .module-wrapper ol {
  /* color: #F9423A; */
  font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
  margin-bottom: 0px;
  list-style: none;
  padding-left: 0px;
}
.page-node .region-content .az-text ul, .page-node .region-content .module-wrapper ul, .page-node .region-content .az-text ol, .page-node .region-content .module-wrapper ol {
  /* color: #F9423A; */
  font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
  margin-bottom: 0px;
}
.page-node .region-content .az-text ul li, .page-node .region-content .module-wrapper ul li{
  color: #3D3935;
}
.page-node .region-content .az-text ul.white-text li, .page-node .region-content .module-wrapper ul.white-text li{
  color: #ffffff;
}
.page-node .region-content .az-text ul li:before, .page-node .region-content .module-wrapper ul li:before { 
  /* Orange bullet points */
  /* the custom styled bullets: see: http://stackoverflow.com/questions/5306640/how-to-set-bullet-colors-in-ul-li-html-lists-via-css-without-using-any-images-or  */
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #F9423A;
  border-radius: 50%;
  margin-bottom: 3px;
}
.page-node .region-content .az-text ul.white-text li:before, .page-node .region-content .module-wrapper ul.white-text li:before { /* White bullet points */
  background-color: #ffffff;
}
.page-node .region-content .az-text ul, .page-node .region-content .module-wrapper ul {
    text-indent: -1em;
    padding-left: 1em;
}
.page-node .region-content .az-text ol, .page-node .region-content .module-wrapper ol {
    /* text-indent: -1em; */
    padding-left: 1em;
}
.page-node .region-content .az-text ol, .page-node .region-content .module-wrapper ol {
    list-style-type: none;
    /* margin-left: 2em; */
}
.page-node .region-content .az-text ol > li, .page-node .region-content .module-wrapper ol > li {
    counter-increment: count-me;
}
.page-node .region-content .az-text ol > li::before, .page-node .region-content .module-wrapper ol > li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    top: .05em;
    color: #F9423A;
    font-weight: bold;
}

/* Reset the lists that should not be affected but are */
.nav .tp-revslider-mainul .az-rootable li:before {
  content: inherit !important;
  margin-right: inherit !important;
  display: inherit !important;
  width: inherit !important;
  height: inherit !important;
  background-color: inherit !important;
  border-radius: inherit !important;
  margin-bottom: inherit !important;
}


.page-node .region-content ul span,
ol span {
  color: #AF231C;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
}
.page-node .region-content em {
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  font-style: normal;
}
.page-node .region-content a {
  /* color: #F9423A; */
  /* font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
}

/* fix for the previous "a" declaration overwriting the social network anchor font */
a.service-links-twitter, a.service-links-facebook, a.service-links-linkedin, a.service-links-google-plus {
  font-family: FontAwesome !important;
}

.page-node .region-content a:hover {
  /* color: #F9423A; */
}
.page-node .region-content blockquote {
  color: #DB291C;
  text-transform: uppercase;
  border: 0;
  padding-left: 0;
  font-size: 24px;
}
.page-node .region-content .callout {
  /* width: 50%; */
  /* background-color: #DB291C; */
  padding: 20px;
}
.page-node .region-content .callout h1 {
	background-color: transparent;
}
.page-node-818 .region-content .30th-red-panel-letsendit .callout {
    background-color: #d8081b;
}

.page-node .region-content .callout p {
  color: #fff;
  padding: 0;
  margin: 0;
}
.page-node .region-content .callout.large-white {
    font-size: 25px;
    color: #ffffff;
}
.page-node .region-content .callout.large-red {
    font-size: 25px;
    color: #DB291C;
}
.page-node .region-content .callout.large-white p {
    color: #ffffff;
    /* text-align: center; */
}
.page-node .region-content .callout.large-red p {
    color: #DB291C;
    /* text-align: center; */
}
.page-node .region-content .callout.orange-background {
  background-color: #F9423A;
}
.page-node .region-content .callout.white-background {
  background-color: #ffffff;
}
.page-node .region-content .btn-hw {
  margin-right: 10px;
}
.page-node .region-content .btn-sm {
  font-size: 11px;
  padding: 4px 7px;
}
.page-node .region-content .btn-red {
  color: #DB291C;
  border: 1px solid #DB291C;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  background-color: #fff;
  border-radius: 0;
}
.page-node .region-content .btn-red:hover {
  background-color: #DB291C;
  color: #fff;
}
.page-node .region-content .btn-white {
  color: #ffffff;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  background: none;
  border-radius: 0;
}
.page-node .region-content .btn-white:hover {
  background-color: #ffffff;
  color: #000;
}
.page-node .region-content .btn-orange {
  color: #F9423A;
  border: 1px solid #F9423A;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  background-color: #fff;
  border-radius: 0;
}
.page-node .region-content .btn-orange:hover {
  background-color: #F9423A;
  color: #fff;
}
.page-node .region-content .btn-red-dark {
  color: #651428;
  border: 1px solid #651428;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  background-color: #fff;
  border-radius: 0;
}
.page-node .region-content .btn-red-dark:hover {
  background-color: #651428;
  color: #fff;
}
.page-node .region-content .btn-red-dark-reverse {
  background-color: #651428;
  color: #fff;
  border: 1px solid #651428;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  border-radius: 0;
}
.page-node .region-content .btn-red-dark-reverse:hover {
  background-color: #fff;
  color: #651428;
}
.page-node .region-content .btn-grey-light {
  color: #d1d1d1;
  border: 1px solid #d1d1d1;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  background-color: #fff;
  border-radius: 0;
}
.page-node .region-content .btn-grey-light:hover {
  background-color: #d1d1d1;
  color: #fff;
}
.page-node .region-content .btn-mint {
  color: #30ada3;
  border: 1px solid #30ada3;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  background-color: #fff;
  border-radius: 0;
}
.page-node .region-content .btn-mint:hover {
  background-color: #30ada3;
  color: #fff;
}
.page-node .region-content .link-list {
  margin: 0;
  padding: 0;
}
.page-node .region-content .link-list li {
  list-style-type: none;
  float: left;
  margin: 0 0 0 20px;
}
.page-node .region-content .link-list li a {
  width: 70px;
  display: block;
  font-family: droid_serifitalic;
  color: #AF231C;
  text-align: center;
}
.page-node .region-content .link-list li a:hover {
  color: #DB291C;
  text-decoration: none;
  font-family: droid_serifbold_italic;
}
.page-node .region-content .icon {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
}
.page-node .region-content .icon-cross {
  background-image: url('../imgs/icon-cross.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.page-node .region-content .icon-star {
  background-image: url('../imgs/icon-star.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.page-node .region-content .icon-trolley {
  background-image: url('../imgs/icon-trolley.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.page-node .region-content .icon-speech-bubble {
  background-image: url('../imgs/icon-speech-bubble.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.page-node .region-content .swatch {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
}
.page-node .region-content .swatch.red {
  background-color: #DB291C;
}
.page-node .region-content .swatch.red-dark {
  background-color: #651428;
}
.page-node .region-content .swatch.red-middle {
  background-color: #aa182c;
}
.page-node .region-content .swatch.orange {
  background-color: #F9423A;
}
.page-node .region-content .swatch.grey-light {
  background-color: #d1d1d1;
}
.page-node .region-content .swatch.black {
  background-color: #000;
}
.page-node .region-content .swatch.mint {
  background-color: #30ada3;
}
.page-node .region-content .swatch.red-grad {
  background: #d9071b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #d9071b 0%, #582c4d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d9071b 0%, #582c4d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d9071b 0%, #582c4d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9071b', endColorstr='#582c4d', GradientType=1);
  /* IE6-9 */
}


.page-node .region-content .pager .previous a,
.pager .next a {
  border-radius: 0px;
  border: 1px solid #DB291C;
  background: #fff;
  color: #DB291C;
  font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
  text-transform: uppercase;
}
.page-node .region-content .pager .previous a:hover,
.pager .next a:hover {
  background: #DB291C;
  color: #fff;
}
.page-node .region-content .badge {
  background-color: #DB291C;
}
.page-node .region-content .breadcrumb {
  background: #fff;
}
.page-node .region-content .breadcrumb li,
.breadcrumb a {
  font-family: droid_serifitalic;
}

/* Taxonomy Menu Block styling */

.nat-topics-block ul.views-summary {
    list-style-type: none;
    padding-left: 0px;
    -webkit-padding-start: 0px;
    font-size: 0.75em;
}

.nat-tags-block ul.views-summary {
    list-style-type: none;
    padding-left: 0px;
    -webkit-padding-start: 0px;
    font-size: 0.75em;
}

.nat-tags-block ul.views-summary li a {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}



.publication-archive-block ul {
    list-style-type: none;
    padding-left: 0px;
    -webkit-padding-start: 0px;
    font-size: 0.9em; /* beware smaller values on small browsers */
}

.publication-archive-block ul li a {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.online-guide-archive-block ul {
    list-style-type: none;
    padding-left: 0px;
    -webkit-padding-start: 0px;
    font-size: 0.9em; /* beware smaller values on small browsers */
}

.online-guide-archive-block ul li a {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* Blog Style Adjustments */

div.field-body.lead p.lead {
    font-weight: bold;
}

div.field-blog-author-thumbnail {
    max-width: 150px !important;
    margin-right: 15px;
    margin-top: 7px;
    float: left;
}

div.field-blog-image {
    max-width: 150px !important;
    margin-right: 15px;
    margin-top: 7px;
    float: left;
}

div.view-nat-topic-blocks div.field-attachments {
    float: right;
}
div.view-nat-topic-blocks div.views-field-field-attachments-1 div.field-content {
    float: right;
}

div.field-blog-author-thumbnail img {
}

/* Home Page Recent Listings Panels */

div.home-page-listings-panel {
    height: 355px; /* make all the listings panels the same height to align the "More" buttons (note that we can't put these in a new row since responsive mobile view will then put all the More buttons after all the listings panels! */
}

div.home-page-listings-panel li {
    margin-bottom: 12px !important;
}

div.home-page-listings-panel.view-publications li a {
    padding: 0px !important;
}
div.home-page-listings-panel.view-online-guides li a {
    padding: 0px !important;
}
div.home-page-listings-panel.view-press-releases li a {
    padding: 0px !important;
}
div.home-page-listings-panel.view-cms-blog li a {
    padding: 0px !important;
}

div.home-page-listings-panel.view-publications li div.field-body {
    font-size: 0.8em !important;
}
div.home-page-listings-panel.view-online-guides li div.field-body {
    font-size: 0.8em !important;
}
div.home-page-listings-panel.view-press-releases li div.field-body {
    font-size: 0.8em !important;
}
div.home-page-listings-panel.view-cms-blog li div.field-body {
    font-size: 0.8em !important;
}

div.home-page-listings-panel.view-publications li div.field-body.lead {
    font-size: 0.8em !important;
    margin-bottom: 0px !important;
}
div.home-page-listings-panel.view-online-guides li div.field-body.lead {
    font-size: 0.8em !important;
    margin-bottom: 0px !important;
}
div.home-page-listings-panel.view-press-releases li div.field-body.lead {
    font-size: 0.8em !important;
    margin-bottom: 0px !important;
}
div.home-page-listings-panel.view-press-releases div.field-press-release-thumbnail {
    float: left;
}
div.home-page-listings-panel.view-cms-blog li div.field-body.lead {
    font-size: 0.8em !important;
    margin-bottom: 0px !important;
}

/* Tweaks to stop the "fat" icons in the page Edit mode (when not in carbide builder mode) */
.node-form .icon {
   width : initial !important;
   height: initial !important;
   margin: initial !important;
}
form.confirmation .icon {
   width : initial !important;
   height: initial !important;
   margin: initial !important;
}

/* Press Releases adjustments */
div.view-press-releases div.caption div.field-body {
    font-size: 0.7em !important;
}

article.node-press-release div.content h3 {
    font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
    font-size: 1.6em;
    color: #000000;
    font-weight: bold;
    margin-top: 20px;
}
article.node-press-release div.content h3.field-label {
    display:none;
}

article.node-blog div.content  {
    margin-bottom: 20px !important;
}

article.node-press-release div.field-press-release-thumbnail
{
    float: left;
    margin-top: 8px;
    margin-right: 30px;
    margin-bottom: 20px;
    max-width: 169px;
}
.nat-tags-block .views-field-title a {
  /* color: #DB291C; */
}

/* Attachments Download Link */
.attachment-download-link {
  margin-right:5px !important;
}

/* Publications View */
div.view-publications  {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 2%; */
  /*   padding-right: 2%; */
}
div.view-publications div.view-filters {
  margin-bottom: 30px;
}
.page-publications div.main-container {
  max-width: none;
  width: 100%;
}
.page-publications div.field-publication-thumbnail {
    float: left;
    height: 220px;
    margin-right: 20px;
    width: 170px;
    background-color: #f8f8f8;
}
.page-publications div.field-publication-thumbnail img {
    border: 10px solid #eee;
    border-radius: 5px;
    width: 140px;
    margin-top: 15px;
    margin-left: 15px;
}
.page-publications div.attachment-download-link-item span {
    float: left;
    margin-right: 3px;
}
.page-publications div.attachment-download-link-item span.attachment-download-link {
    float: none !important;
}

.page-publications div.views-field.views-field-field-attachments-1 {
    margin-top:10px;
}

.page-publications div.col-lg-4 {
   padding-top: 10px;
   padding-bottom: 10px;
}

.page-publications div.col-lg-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-publications div.col-lg-6:hover {
   background-color: #dddddd;
}

/* .view-publications h4 {
    color: #ff8621 !important;
    font-size: 1.3em !important;
    line-height: 1.3em !important;
    font-style: italic !important;
    font-family: droid_serifregular;
} */

/* Online Guides View */
div.view-OnlineGuides  {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 2%; */
  /*   padding-right: 2%; */
}
div.view-OnlineGuides div.view-filters {
  margin-bottom: 30px;
}
.page-online-guides div.main-container {
  max-width: none;
  width: 100%;
}
.page-online-guides div.field-online-guide-thumbnail {
    float: left;
    height: 220px;
    margin-right: 20px;
    width: 170px;
    background-color: #f8f8f8;
}
.page-online-guides div.field-online-guide-thumbnail img {
    border: 10px solid #eee;
    border-radius: 5px;
    width: 140px;
    margin-top: 15px;
    margin-left: 15px;
}
.page-online-guides div.attachment-download-link-item span {
    float: left;
    margin-right: 3px;
}
.page-online-guides div.attachment-download-link-item span.attachment-download-link {
    float: none !important;
}
.page-online-guides div.col-lg-4 {
   padding-top: 10px;
   padding-bottom: 10px;
}

.page-online-guides div.col-lg-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-online-guides div.col-lg-6:hover {
   background-color: #dddddd;
}

.view-online-guides h4 {
    color: #ff8621 !important;
    font-size: 1.3em !important;
    line-height: 1.3em !important;
    font-style: italic !important;
    font-family: droid_serifregular;
}

/* HIV Awareness Materials View */
div.view-hiv-awareness-materials  {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 2%; */
  /*   padding-right: 2%; */
}
div.view-hiv-awareness-materials div.view-filters {
  margin-bottom: 30px;
}
.page-hiv-awareness-materials div.main-container {
  max-width: none;
  width: 100%;
}
.page-hiv-awareness-materials div.field-hiv-aware-mat-thumbnail {
    float: left;
    height: 220px;
    margin-right: 20px;
    width: 170px;
    background-color: #f8f8f8;
}
.page-hiv-awareness-materials div.field-hiv-aware-mat-thumbnail img {
    border: 10px solid #eee;
    border-radius: 5px;
    width: 140px;
    margin-top: 15px;
    margin-left: 15px;
}
.page-hiv-awareness-materials div.attachment-download-link-item span {
    float: left;
    margin-right: 3px;
}
.page-hiv-awareness-materials div.attachment-download-link-item span.attachment-download-link {
    float: none !important;
}
.page-hiv-awareness-materials div.col-lg-4 {
   padding-top: 10px;
   padding-bottom: 10px;
}

.page-hiv-awareness-materials div.col-lg-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-hiv-awareness-materials div.col-lg-6:hover {
   background-color: #dddddd;
}

/* .view-hiv-awareness-materials h4 {
    color: #ff8621 !important;
    font-size: 1.3em !important;
    line-height: 1.3em !important;
    font-style: italic !important;
    font-family: droid_serifregular;
} */

/* Teachers Resources Materials View */
div.view-teachers-resources  {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 2%; */
  /*   padding-right: 2%; */
}
div.view-teachers-resources div.view-filters {
  margin-bottom: 30px;
}
.page-teachers-resources div.main-container {
  max-width: none;
  width: 100%;
}
.page-teachers-resources div.field-teacher-resource-thumbnail {
    float: left;
    height: 220px;
    margin-right: 20px;
    width: 170px;
    background-color: #f8f8f8;
}
.page-teachers-resources div.field-teacher-resource-thumbnail img {
    border: 10px solid #eee;
    border-radius: 5px;
    width: 140px;
    margin-top: 15px;
    margin-left: 15px;
}
.page-teachers-resources div.attachment-download-link-item span {
    float: left;
    margin-right: 3px;
}
.page-teachers-resources div.attachment-download-link-item span.attachment-download-link {
    float: none !important;
}
.page-teachers-resources div.col-lg-4 {
   padding-top: 10px;
   padding-bottom: 10px;
}

.page-teachers-resources div.col-lg-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-teachers-resources div.col-lg-6:hover {
   background-color: #dddddd;
}

.view-teachers-resources h4 {
    color: #ff8621 !important;
    font-size: 1.3em !important;
    line-height: 1.3em !important;
    font-style: italic !important;
    font-family: droid_serifregular;
}

.teachers-resource-block-view-row div.field-teacher-resource-thumbnail {
    max-width:150px;
    float: left;
    margin-right: 20px;
}
.teachers-resource-block-view-row div.views-field-title {
    font-weight: bold;
    font-size: 1.1em;
}
.teachers-resource-block-view-row div.attachment-download-link-item {
    max-height:  1.6em;
    /* margin-left: 41%; */
}
.teachers-resource-block-view-row div.views-field-field-attachments-1 {
    max-height:  1.6em;
    /* margin-left: 41%; */
    margin-bottom: 20px;
}
div.jumbotron div.teachers-resource-block-view-row p {
    font-size: 16px;
}
div.view-teachers-resources-category-block {
    padding-left: 0px;
    padding-right: 0px;
}


/* Blog View */
div.view-cms-blog  {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 2%; */
  /*   padding-right: 2%; */
}
div.view-cms-blog div.view-filters {
  margin-bottom: 30px;
}
.page-blog div.main-container {
  max-width: none;
  width: 100%;
}
.page-blog div.blog-item-image {
    float: left;
    /* height: 220px; */
    margin-right: 20px;
    margin-bottom: 20px;
    /* width: 170px; */
    background-color: #f8f8f8;
}
.page-blog div.blog-item-image a img {
    border: 10px solid #eee !important;
    border-radius: 5px;
    width: 180px;
    /* margin-top: 15px; */
    /* margin-left: 15px; */
}
.page-blog div.attachment-download-link-item span {
    float: left;
    margin-right: 3px;
}
.page-blog div.attachment-download-link-item span.attachment-download-link {
    float: none !important;
}
.page-blog div.col-lg-4 {
   padding-top: 10px;
   padding-bottom: 10px;
}

.page-blog div.col-lg-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-blog div.col-lg-6:hover {
   background-color: #dddddd;
}

.blog-item-title a {
    color: #ff8621 !important;
    font-size: 1.0em !important;
    line-height: 1.0em !important;
    font-style: italic !important;
    font-family: droid_serifregular;
}
.blog-item-title a:hover {
    text-decoration: underline !important;
}

/* Blog  adjustments */
div.view-cms-blog div.row p {
    font-size: 1.0em !important;
    line-height: 1.5em !important;
}

/* Press Releases View */
div.view-press-releases  {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 2%; */
  /*   padding-right: 2%; */
}
div.view-press-releases div.view-filters {
  margin-bottom: 30px;
}
.page-press-releases div.main-container {
  max-width: none;
  width: 100%;
}
.page-press-releases div.press-release-item-image, .page-press-releases div.press-release-thumbnail-image {
    float: left;
    /* height: 220px; */
    margin-right: 20px;
    margin-bottom: 20px;
    /* width: 170px; */
    background-color: #f8f8f8;
}
.page-press-releases div.press-release-item-image a img, .page-press-releases div.press-release-thumbnail-image img {
    border: 10px solid #eee !important;
    border-radius: 5px;
    width: 180px;
    /* margin-top: 15px; */
    /* margin-left: 15px; */
}
.page-press-releases div.press-release-item-image a img, .page-press-releases div.press-release-thumbnail-image a img {
    border: 10px solid #eee !important;
    border-radius: 5px;
    width: 180px;
    /* margin-top: 15px; */
    /* margin-left: 15px; */
}
.page-press-releases div.attachment-download-link-item span {
    float: left;
    margin-right: 3px;
}
.page-press-releases div.attachment-download-link-item span.attachment-download-link {
    float: none !important;
}
.page-press-releases div.col-lg-4 {
   padding-top: 10px;
   padding-bottom: 10px;
}

.page-press-releases div.col-lg-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-press-releases div.col-lg-6:hover {
   background-color: #dddddd;
}

h1#pressReleaseTitle {
  margin-top: 15px;
}


.blog-item-title a {
    color: #DB291C !important;
    font-size: 1.0em !important;
    line-height: 1.0em !important;
    font-style: italic !important;
    font-family: droid_serifregular;
}
.blog-item-title a:hover {
    text-decoration: underline !important;
}

/* Blog  adjustments */

h1#blogTitle {
  margin-top: 15px;
}

div.view-cms-blog div.row p {
    font-size: 1.0em !important;
    line-height: 1.5em !important;
}

/* Real Life Stories */

div#real-life-story-type-description {
  display:none; /* Remove the taxonomy descripton from display */
}

div#real-life-stories-collapsed {
    text-align: center;
    padding-top: 10px;
    display:none;
}

h4#real-life-stories-open-list-heading {
  cursor:pointer;
}

h4#real-life-stories-open-list-heading:hover {
  text-decoration:none;
}

div.real-life-story-titles-region {
  border: 3px solid #DB291C;
  padding: 0px !important;
  width: 99%;
  margin-top: -10px !important;
  margin-bottom: 10px;
  /* min-height: 100px; */
}

div#real-life-stories-divot {
  width: 100%;
  height: 0px;
}

div#real-life-stories-divot-zzz::after {
    content: '';
    position: relative;
    top: 17px;
    left: 50%;
    width: 100%;
    height: 35px;
    background-image: url(/sites/default/files/theme-images/tab-active-divot-wide.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%,-50%);
    border-top: inherit;
    border-top-color: transparent;
    visibility: visible;
}

div#real-life-story-content-pane {
  margin-top: 20px;
}

div#real-life-story-type-description {
    color: #DB291C;
    font-family: droid_serifitalic;
    text-align: center;
    padding-top: 35px;
}

a.no-hover-underline:hover {
  text-decoration: none !important;
}

div#real-life-story-titles-pane {
   margin:20px;
}

/* Floating Blocks */

.free-red-ribbons {
    display: none;
}
body.page-node-818 .free-red-ribbons {
    display: inherit;
}

div.floating-donate-wrapper.lets-end-it {
    padding-top : 3px;
    background-color: #DB291C;
}

.floating-donate-wrapper.lets-end-it a {
    font-size : 23px;
}

@media (max-width: 1220px) {
  .floating-donate {
    display: block !important;
    left: 46% !important;
    top: 49px !important;
    position: absolute !important;
  }
}

@media (max-width: 1220px) {
  .floating-social-links {
    display:none;
  }
}

/* Main Menu Adjustments */

.menu-1col > ul.dropdown-menu {
    min-width: 205px !important;
}
.menu-1col > ul.dropdown-menu > li {
    width: 100% !important;
}
.menu-2col > ul.dropdown-menu {
    min-width: 530px !important;
}
.menu-2col > ul.dropdown-menu > li {
    width: 50% !important;
}
.menu-3col > ul.dropdown-menu {
    min-width: 615px !important;
}
.menu-3col > ul.dropdown-menu > li {
    width: 33% !important;
}
.menu-4col > ul.dropdown-menu {
    min-width: 900px !important;
}
.menu-4col > ul.dropdown-menu > li {
    width: 25% !important;
}
.menu-5col > ul.dropdown-menu {
    min-width: 1170px !important;
}
.menu-5col > ul.dropdown-menu > li {
    width: 20% !important;
}

/* Mobile Header Adjustments */

@media (max-width: 1220px) {
    .html--glazed-sticky-footer #navbar {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .body--glazed-nav-mobile .glazed-header .navbar-header .wrap-branding .logo {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .floating-donate-wrapper {
        width: 110px !important;
    }
}

/* NAT Topic Page  Style Adjustments */
div.nat-topic-title-block {
    margin-bottom: 20px;
}

body.nat-topic-page div.region-content h3
{
    border: 1px solid #e0e0e0;
    padding: 5px;
}

div.view-nat-topic-blocks div.views-row {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

div.view-nat-topic-blocks div.views-field-title span.field-content {
    font-weight: bold;
}

div.view-nat-topic-blocks div.field-blog-author-thumbnail,
div.view-nat-topic-blocks div.field-press-release-thumbnail,
div.view-nat-topic-blocks div.field-publication-thumbnail,
div.view-nat-topic-blocks div.field-online-guide-thumbnail,
div.view-nat-topic-blocks div.field-real-story-thumbnail,
div.view-nat-topic-blocks div.field-online-guide-thumbnail,
div.view-nat-topic-blocks div.field-teacher-resource-thumbnail
{
    margin-right: 15px;
    margin-top: 7px;
    float: left;
}

div.view-nat-topic-blocks div.field-blog-author-thumbnail img {
}

div.nat-topic-intro-top {
    /* width: 75%; */
    /* margin: auto; */
}

body.nat-topic-page div.panel-row div.column {
    padding-left: 30px;
    padding-right: 30px;
}

div.view-nat-topic-blocks span.attachment-download-link {
    /* clear:both; */
    float:left;
}

div.view-nat-topic-blocks div.attachment-download-link-item {
    margin-left: 80px;
    margin-top: 43px;
}

div.view-nat-topic-blocks div.nat-topic-publication div.attachment-download-link-item {
    margin-top: 32px;
}

div.nat-topic-intro-top {
    margin-top: 20px;
}

div.view-nat-topic-blocks div.views-field.views-field-field-attachments-1 {
    clear:both;
    float:left;
    margin-left: 80px
}

div.view-nat-topic-blocks a.more-link {
    clear:both;
    display:block;
}

div.pane-taxonomy-term-field-lower-text-area {
    border-color: #F9423A;
    border-radius: 10px;
    border-style: solid;
    background-color: #eeeeee;
    color: #AF231C;
    padding: 20px;
    /* background-color: #d62521; */
    /* background-image: url(/sites/default/files/banner-images/views-header-banner-reversed.jpg); */
    /* background-position: center; */
}
body.nat-topic-page div.region-content div.pane-taxonomy-term-field-lower-text-area h3 {
    font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
    color: #651428;
    text-transform: uppercase;
    font-size: 21px !important;
    padding: 0px;
    border: none;
}
div.pane-taxonomy-term-field-lower-text-area-old h3 {
    font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
    color: #F9423A;
    /* text-transform: capitalize; */
    font-size: 21px !important;    
}
body.nat-topic-page div.region-content div.pane-taxonomy-term-field-lower-text-area p {
    font-family: Arial, Helvetica, sans-serif /*clear_sans_lightregular*/;
    color: #AF231C !important;
}
div.pane-taxonomy-term-field-lower-text-area a {
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif /*clear_sans_mediumregular*/;
    color: #F9423A;
}
body.nat-topic-page div.region-content ul.pager {
    display: none;
}
body.nat-topic-page div.region-content div.nat-topic-panel-real-stories ul.pager {
    display: inherit;
}
div.nat-topic-panel-real-stories {
    /* max-height: 435px; */
    /* overflow-y: scroll; */
}

.text-align-centred {
    text-align: center;
}

/* My Care My Voice adjustments */
div.page-mcmv .panel-group .panel .panel-body
{
    /* border: 1px solid #e0e0e0; */
    /* padding-left: 10px; REMOVED BECAUSE IT BREAKS THE MOBILE LAYOUT
    padding-right: 10px; REMOVED BECAUSE IT BREAKS THE MOBILE LAYOUT
    margin-left: 38px; REMOVED BECAUSE IT BREAKS THE MOBILE LAYOUT
    margin-right: 200px; REMOVED BECAUSE IT BREAKS THE MOBILE LAYOUT */
}
div.page-mcmv .panel-group .panel .panel-body .az-element.az-text
{
    margin-left: 40px;
}
div.page-mcmv h4.panel-title
{
    padding-left:30px;
}
div.page-mcmv h4.panel-title:before
{
    position:absolute;
    margin-left:-30px;
}
div.page-mcmv h4.panel-title > a:active,
div.page-mcmv h4.panel-title > a:focus, {
  outline:0 !important;
  border:none !important;
  -moz-outline-style: none !important;
  outline-color: #ffffff !important;
  border: none !important
}

/* Real Life Story link to Real Life Stories */
div#real-life-stories-link {
    margin-top: 30px;
}

/* Requested removal of bottom border of button style */
.btn {
    border: none !important;
    border-bottom: none !important;
}

/* Provide space above the primary nav tabs */
ul.tabs--primary.nav.nav-tabs {
    margin-top: 20px;
}

/* My Care My Voice - Key Panel Styles */
.my-care-my-voice-key-panel .icon-col.col-sm-3 {
    width: 8.3333333%;
}

.my-care-my-voice-key-panel .desc-col.col-sm-9 {
    width: 91.66666667%;
}

/* 30th anniverary content styles */
.30th-content-styles ul>li {
    margin-bottom: 5px;
}

/* General Drupal Alert panel styling */
body.html .alert-success {
    color: #555;
    background-color: #FFD3B3;
    border-color: #F9423A;
}
body.html .alert-success a, body.html .alert-success a:focus, .alert-success a:hover {
    color: #555;
    text-decoration: underline;
}

.hover-image-block-30 .tile a {
    display: block;
}

.hover-image-block-30 .tile a:before {
    content: '';
}

.hover-image-block-30 .tile a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hover-image-block-30  .tile a:hover:before{opacity:1}
.hover-image-block-30  .tile a img{opacity:0}

.hover-image-block-30 .tile.learn-more a {
    background: url('/sites/default/files/General Content Images/nat30-blocks-1-1-208h.png') center no-repeat #353535;
    background-size: cover;
}
.hover-image-block-30 .tile.learn-more a:before {
    background: url('/sites/default/files/General Content Images/nat30-blocks-1-1-hover-208h.png') center no-repeat;
    background-size: cover;
}

.hover-image-block-30 .tile.tweet-letsendit a {
    background: url('/sites/default/files/General Content Images/nat30-blocks-2-1-208h.png') center no-repeat #353535;
    background-size: cover;
}
.hover-image-block-30 .tile.tweet-letsendit a:before {
    background: url('/sites/default/files/General Content Images/nat30-blocks-2-1-hover-208h.png') center no-repeat;
    background-size: cover;
}

.hover-image-block-30 .tile.askyourmp a {
    background: url('/sites/default/files/General Content Images/nat30-blocks-2-1-207h.png') center no-repeat #353535;
    background-size: cover;
}
.hover-image-block-30 .tile.askyourmp a:before {
    background: url('/sites/default/files/General Content Images/nat30-blocks-2-1-hover-207h.png') center no-repeat;
    background-size: cover;
}

.hover-image-block-30 .tile.teachers-resources a {
    background: url('/sites/default/files/General Content Images/nat30-blocks-1-3-208h.png') center no-repeat #353535;
    background-size: cover;
}
.hover-image-block-30 .tile.teachers-resources a:before {
    background: url('/sites/default/files/General Content Images/nat30-blocks-1-3-hover-208h.png') center no-repeat;
    background-size: cover;
}

.hover-image-block-30 .tile.donate a {
    background: url('/sites/default/files/General Content Images/nat30-blocks-3-3-208h.png') center no-repeat #353535;
    background-size: cover;
}
.hover-image-block-30 .tile.donate a:before {
    background: url('/sites/default/files/General Content Images/nat30-blocks-3-3-hover-208h.png') center no-repeat;
    background-size: cover;
}

.height100 {
    height: 100%;
}

.page-node .region-content .callout.large-red.white-background a {
    color: #DB291C !important;
    font-style: normal !important;
}


img.media-element.centred {
    margin: auto;
    width: 50%;
}

.allow-link-wrap {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.body--glazed-nav-mobile #glazed-main-menu.menu--open, 
.body--glazed-nav-mobile #glazed-main-menu.menu--open .menu__breadcrumbs, 
.body--glazed-nav-mobile #glazed-main-menu.menu--open .menu__level {
    z-index: 10000;
}
.body--glazed-nav-mobile .glazed-header #glazed-menu-toggle {
    z-index: 10001;
}
.body--glazed-nav-mobile #glazed-main-menu.menu--open .menu__breadcrumbs {
    margin-top: 70px !important;
    font-size: 0.9em !important;
}