html, body, div, span, applet, object, iframe,
html, body, div, span, applet, object, iframe,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;    
}
 
  

a, figure { display: inline-block; color: dimgrey; }
figure { padding: 20px; vertical-align: top;}
hr {opacity: .3;}

 
html {
  }


/* .takeover-ad {  z-index: 9998; background: white; position: absolute !imposidebar-right-titlertant;  text-align: center;  left: 0px !important; right: 0px !important; margin: auto !important; width: 100% !important;  max-width: 500px !important; height: 500px; box-shadow: 0px 0px 1000px 1000px rgba(0, 0, 0, 0.5); top: 0px !important; bottom: 0px !important; border: solid black 1px;} */

.pma-top-logo {position:absolute;left:100px;top:20px; width:170px;}

.popup-box {  z-index: 99999; background: white; position: fixed !important; left: 0px !important; bottom: 0px !important; width: 280px !important; height: auto; padding: 15px; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.5);}
.popup-box strong {font-size: 20px; }
.popup-box input { width: 100% !important;}
.popup-box img {width: 45%; margin: -15px !important; float: left; height: 285px !important; object-fit: cover; object-position: center;}
.popup-box .text-right {width: 55%; margin-left: 25px !important; margin-top: 25px !important; float: right; vertical-align: middle !important;  display: table-cell !important;}

.newsletter-popup p { margin: 10px 0px;}
.newsletter-popup input { width: 100% !important; }
.newsletter-popup img {width: 45%; margin: -15px !important; float: left; height: 285px !important; object-fit: cover; object-position: center;}
.newsletter-popup .text-right {width: 50%; margin-left: 35px;}

/************************ START DAN'S CSS ***********************/



.download {color:#000; font-weight: bold;}
.embed_wrapper {margin:0 auto;}
.embed_1 {width:100%;float:left;padding:1%;}
.embed_2 {width:47%;float:left;padding:1%;}
.embed_3 {width:31%;float:left;padding:1%;}
.embed_4 {width:23%;float:left;padding:1%;}


a.glossary-anchor {position:relative; top:-40px;}
a.glossary-letter-on {color:#333 !important; font-size:1.2em !important; transition: color .3s, font-size .3s, margin .3s ;  margin:-5px 0 0 1px !important; height: 22px;}
.glossary-letter-wrap {display:block; width:19px; text-align:center; height: 22px;     display: inline;}
.glossary-letter-wrap:hover {background-color:#efefef;}
.more-pane {clear:both;}
.more-loader {display:none; margin:0 auto; padding-top: 20px !important; height:45px; overflow:hidden; text-align:center; width:100%;}
.more-loader img {margin:0 auto;}
.sitemap ul {margin-left:20px; }
.copylink:hover {cursor: pointer !important;}
.small {font-size:.85em !important;}
#message {display:none; padding:10px; margin:0px 0px 10px 0px; font-size:1.5em; color:#fff; background-color: #F60; text-align:center;}
#message:hover {cursor:pointer;}
.form-message {text-align:center; font-weight:bold; color:#C00;}
#newsletter-form {width:auto !important;}
#newsletter-email {width:30%;}
#newsletter-fname, #newsletter-lname {width:25%;}
#subscribe {width:12%;}
#event-sponsoring, #event-presentations, #event-presentations-previous {display:none;}
.event-main {}
.event-img {clear:right; float:right; max-width:300px;}
.podcast-image-text {color:#ccc; z-index:99; position:absolute; display:block; width:80%;  text-align:left; padding:5%; padding-top: 30px; font-size:.9em; font-style: italic;}
.podcast-image-text-top {color:#fff; z-index:2; position:absolute; display:block; width:80%; line-height:1.1em; text-align:left; padding:5%;font-size:2em; font-style: italic;}
.podcast-wrapper {display:block; width:100%; text-align:center; }
/*
.podcast-player:hover, .podcast-player:focus, .podcast-player:active {-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.podcast-player {width:95%; height:40px;  margin:0 0 10px 0; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; -moz-box-shadow: 2px 2px 4px 0px #666; -webkit-box-shadow:  2px 2px 4px 0px #666; box-shadow: 2px 2px 4px 0px #666; -moz-border-radius:7px 7px 7px 7px ; -webkit-border-radius:7px 7px 7px 7px ; border-radius:7px 7px 7px 7px ;}
*/
.podcast-player-large, .podcast-player, .podcast-player-small {width:100%; -moz-border-radius:0 0 7px 7px ;-webkit-border-radius:0 0 7px 7px ;border-radius:0 0 7px 7px ;}
.podcast-player  {height:40px; margin:-3px 0 5px 0; }
.podcast-player-large {height:40px; margin:0 0 5px 0;-moz-border-radius:7px 7px 7px 7px ;-webkit-border-radius:7px 7px 7px 7px ;border-radius:7px 7px 7px 7px ;}
.podcast-player-small {height:30px; margin-top:-3px; float:right;}

.dynamic-caption {color:dimgray; clear:both; max-width:350px; font-size:14px; line-height:1.3; padding:0px 10px 10px 10px; margin: 10px 0px 0px 15px !important;  border-left: 7px solid #ac1f2d; background-color: rgba(172,31,45,.1); margin-left: 3px;}
.caption-wrap {position:relative; clear:right; padding:10px; padding: 10px 0px 10px 10px;}
#past-events {max-width: 400px; max-height: 800px; overflow: scroll;}

table .dynamic-caption {color:dimgray; clear:both; width: 100%; font-size:14px; line-height:1.3; padding:0px 10px 10px 0px; border-left: none; background-color: rgba(172,31,45,.0); margin-left: 0px;}
table .caption-wrap {position:relative; padding: 0px 0px 10px 0px; max-width: none;}
.no-google {display:none;}
.spanish {display:none;}
.english {}

/************************ END DAN'S CSS ***********************/


/*********************** GOOGLE SEARCH CLASSES ****************/

.gs-result {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important ;font-size:1rem; font-weight:400; line-height:1.3; color:#212529 !important;text-align:left;}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  width: 100%;
  font-family: inherit !important;
  font-size : 14px !important ;
}

.gs-result .gs-title,
.gs-result .gs-title * {
  color: #ac1f2d !important; text-decoration: none !important;
}
.gs-result:hover .gs-title:hover,
.gs-result:hover .gs-title:hover * {
	text-decoration: underline !important;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: dimgrey !important; 
  text-decoration: none;
  font-size : 13px !important ;
  padding-bottom: 2px;
}

.gcsc-find-more-on-google { color: #ac1f2d !important;}
.gcsc-find-more-on-google-magnifier { fill: #ac1f2d !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{ color: #ac1f2d !important;}

.gsc-adBlock {display:none !important;}

/************************ END GOOGLE SEARCH CLASSES ***********/




/*************************** Wrapper *************************/



ol, ul {  margin-left: 20px;}


.wrapper{
  max-width: 1200px;
  margin-left: 100px !important;
  height: auto !important;
  margin: auto !important; 
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  grid-gap: 10px;
}


.category-tag-article {  font-weight: bold;  font-size: 14px;  text-decoration: none;  font-style: italic;  color: #ac1f2d !important; text-transform: uppercase; }
.category-tag-article:hover { opacity: .7 !important;}
.category-tag-small { font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.category-tag-small:hover { opacity: .7 !important;}
.category-tag-large {  font-weight: bold;  font-size: 15px;  text-decoration: none;  font-style: italic;  color: #ac1f2d !important; text-transform: uppercase;}
.category-tag-large:hover { opacity: .7 !important;}




/*************************** Featured Article *************************/

.article {
  color: #fff;
  padding-top: 105px; 
  background-image: url() !important;    
  
}

.article_deck {clear:both; font-style: italic; font-weight:bold; font-size:1.2em;}

.account {cursor: pointer; font-weight: 400 !important; color: #ac1f2d !important; }

#featured-content a { color: black ; font-weight: 700; text-decoration: underline; display: inline;}
#featured-content a:hover { color:#ac1f2d !important;	text-decoration: none !important; cursor: pointer !important;}
.article-content-continued a {  color: black ; font-weight: 700; text-decoration: underline; display: inline;}
.article-content-continued a:hover { color:#ac1f2d !important;	text-decoration: none !important; cursor: pointer !important;}
.article-content a { color: black ; font-weight: 700; text-decoration: underline; display: inline;}
.article-content a:hover {color:#ac1f2d !important;	text-decoration: none !important; cursor: pointer !important;}

.tooltipstered { color: dimgray !important; font-weight: 400 !important; text-decoration: none !important; }
.tooltipstered:hover {color:#ac1f2d !important;	text-decoration: none !important; cursor: pointer !important; }

.category-tag-article a {color: dimgray; text-decoration: none !important; }
.category-tag-article {text-decoration: none !important;}
.author-name {text-decoration: none !important;}

#box3 a { text-decoration: none !important;}
#box4 a { text-decoration: none !important;}
#box5 a { text-decoration: none !important;}
#box6 a { text-decoration: none !important;}
.date-article { font-weight: 400 !important; text-decoration: none !important; }
.date {font-weight: 400 !important; text-decoration: none !important;}

#featured-content table {clear: right !important; float: right !important; min-width: 280px !important; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; padding: 10px !important; margin: 10px 0px 10px 15px !important; height: auto;}
#featured-content span img {margin-right: 0px !important; clear: right !important; }
#featured-content table img {width: 100% !important; height: auto !important; margin: auto !important; }
#featured-content iframe {width: 100% !important}

.article-content table {clear: right !important; float: right !important; min-width: 280px !important; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; padding: 10px !important; margin: 10px 0px 10px 15px !important; height: auto;}
.article-content span img {margin-right: 0px !important;  }
.article-content table img {width: 100% !important; height: auto !important; margin: auto !important;  }
.article-content iframe {width: 100% !important}


.article-content-continued table {clear: right !important; float: right !important; min-width: 280px !important; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; padding: 10px !important; margin: 10px 0px 10px 15px !important; height: auto;}
.article-content-continued table img {width: 100% !important; height: auto !important; margin: auto !important;  }
.article-content-continued span img {margin-right: 0px !important; }
.article-content-continued iframe {width: 100% !important}

.ABody img {clear: right !important; height: auto !important; background-color: rgba(172,31,45,.1); border-left: 7px solid #ac1f2d; padding: 10px !important; margin: 10px 0px 0px 15px !important; }
.ABody table img { background-color: rgba(172,31,45,.0) !important; border-left: none; float: right; clear: right;}
table .ABody img { background-color: rgba(172,31,45,.0) !important; border-left: none; float: right; clear: right;}

.NewsBody img {clear: right !important; height: auto !important; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding: 10px !important; margin: 10px 0px 0px 15px !important;}
.NewsBody table img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}
table .NewsBody img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}

.ComBody img {clear: right !important; height: auto !important; background-color: rgba(172,31,45,.1) ; border-left: 7px solid #ac1f2d ; border-top: none !important; border-right: none !important; border-bottom: none !important; padding: 10px ; margin: 10px 0px 0px 15px ;}
.ComBody table img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}
table .ComBody img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}

.DeptBody img {clear: right !important; height: auto !important; background: #eae9e9; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding: 10px !important; margin: 10px 0px 0px 15px; float: right; }
.DeptBody table img { background-color: rgba(172,31,45,.0); border-left: none;}
table .DeptBody img { background-color: rgba(172,31,45,.0); border-left: none;}

.WHBody img {clear: right !important; height: auto !important; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding: 10px !important; margin: 10px 0px 0px 15px !important;}
.WHBody table img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}
table .WHBody img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}

.VidBody img {clear: right !important; height: auto !important; background-color: rgba(172,31,45,.1) !important; border-left: 7px solid #ac1f2d !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding: 10px !important; margin: 10px 0px 0px 15px !important;}
.VidBody table img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}
table .VidBody img { background-color: rgba(172,31,45,.0); border-left: none; float: right; clear: right;}

p .article-fig img {width: 259px !important;   height: 107px !important; object-fit: contain;}
p .article-fig .dynamic-caption {width: 259px !important; margin-left: 20px;}


#featured-content .lightred-tableleft 
{margin: 10px 15px 10px 0px !important; background-color: rgba(172,31,45,.1) !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding: 10px !important; font-size: 12px !important; line-height: normal !important;}

.article-content-continued .lightred-tableleft 
{float: left !important; margin: 10px 15px 10px 0px !important; background-color: rgba(172,31,45,.1) !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding: 10px !important; font-size: 12px !important; line-height: normal !important; }

.article-content .lightred-tableleft 
{margin: 10px 15px 10px 0px !important; background-color: rgba(172,31,45,.1) !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding: 10px !important; font-size: 12px !important; line-height: normal !important;}

.lightred-tableleft .ABody {font-size: 15px; line-height: 24px !important;}
.lightred-tableleft .ABody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}
.lightred-tableleft .NewsBody {font-size: 15px; line-height: 24px !important;}
.lightred-tableleft .NewsBody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}
.lightred-tableleft .ComBody {font-size: 15px; line-height: 24px !important;}
.lightred-tableleft .ComBody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}
.lightred-tableleft .DeptBody {font-size: 15px; line-height: 24px !important;}
.lightred-tableleft .DeptBody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}

.lightred-tableleft table {background-color: rgba(172,31,45,.0) !important; border: none !important;}



#featured-content .lightred-tableright 
{margin: 10px 0px 10px 15px !important; background-color: rgba(172,31,45,.1) !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding: 10px !important;}

.article-content-continued .lightred-tableright {margin: 10px 0px 10px 15px !important; background-color: rgba(172,31,45,.1) !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding: 10px !important;}

.article-content .lightred-tableright {margin: 10px 0px 10px 15px !important; background-color: rgba(172,31,45,.1) !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding: 10px !important;}

.lightred-tableright .ABody {font-size: 15px; line-height: 24px !important;}
.lightred-tableright .ABody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}
.lightred-tableright .NewsBody {font-size: 15px; line-height: 24px !important;}
.lightred-tableright .NewsBody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}
.lightred-tableright .ComBody {font-size: 15px; line-height: 24px !important;}
.lightred-tableright .ComBody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}
.lightred-tableright .DeptBody {font-size: 15px; line-height: 24px !important;}
.lightred-tableright .DeptBody img {width: 150px !important; object-fit: scale-down !important; float: right !important; clear: right;}

.lightred-tableright table {background-color: rgba(172,31,45,.0) !important;  border: none !important;}

.vert-img {   object-fit: scale-down !important;   max-height: 350px !important; }

.vert-img-white {   object-fit: scale-down !important;  background: white !important;   max-height: 350px !important; }

#featured-content .headshot-article { margin: 0px !important;}
#main-content .headshot-article { margin: 0px !important;}
.article-author-wrap {float:right;text-align:center;}


.video-in-article {width: 100%; max-width: 550px; margin-top: 20px; height: 300px;}



.article-content span .inline-image {
  background-color: none;
  border-left: none ;
  border: none;
  margin: 0px;
  padding: 0px;
  display: block;
  float: none ;
}

.article-content-continued span .inline-image {
  background-color: none;
  border-left: none ;
  border: none;
  margin: 0px;
  padding: 0px;
  display: block;
  float: none ;
}



/*Edited by Dan - 9/26/19 - added event-header to match featured article */
.featured-article, .event-header {
  color: #fff;
  padding-top: 150px; 
  padding-bottom: 150px; 
  border-bottom: 10px solid #ac1f2d; 
  background-image: url("../images/articles/header.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: auto !important; 
}

.title-article {
  font-size: 40px;
  text-decoration: none;
  text-transform: none;
  padding-left: 10px;
}

/* Start Edit - Added by Dan 12/17/19 - because date class caused line break on Issue page **/
.date-issue, .date-ssue a { font-size: 12px; text-decoration: none;  color: black;  font-style: italic; display: inline;}
.date-issue:hover {opacity: .7 !important; color: black ;}
/* End Edit */

.date-article, .date-article a {  font-size: 14px;  text-decoration: none;  color: black;  display: inline; font-style: italic; }
.date-article:hover { opacity: .7 !important; color: black;}
.date-article a:hover { opacity: .7 !important; color: black;}

/*************************** Article Comments *************************/
.comments-icon-wrap {display:inherit !important; text-decoration: none !important; margin-top:5px;letter-spacing: -.5px; text-transform: uppercase; height:30px; color:#ac1f2d !important; font-weight:bold;}
.comments-icon {color:#fff; float:left;margin-right:5px; letter-spacing: -1px;  text-align:center; font-weight:bold; width:30px; height:30px; background-image: url("../images/nav/chat.png"); background-size:30px;}
.comments {padding: 10px 0px 3px 10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: white;  clear: both; }
#comment-box { width: 95%; max-width: 600px; height: 50px; padding: 10px 10px; margin: 5px 5px 5px 0px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
#comment-post {}

.comment-wrapper {margin-bottom:20px !important; padding:5px; clear:both; border-top:1px solid #ccc; margin:0 10px 0 0;}
.comment-wrapper:hover {background-color:#FEEDED;}
.comment-pending {color:#ccc; background-color:#ccc;}
.comment-admin-wrapper {margin-bottom:10px;}
.comment-admin-message {font-weight:bold; font-size:.8em; font-style:italic; color:#060; }

.comment-name {font-size: 16px; font-weight: 800;}
.comment-date {font-size: 12px !important; font-weight: 400; color: dimgray;}
.comment-reply-icon {float: right; margin-left: 10px; padding-right: 10px; }
.comment-reply-icon img {width: 20px;}
.comment-text {font-size: 14px;}

.comment-reply-wrapper {margin-bottom:20px !important; margin-left: 20px; border-left: 3px solid rgb(172, 32, 45); padding-left: 20px;}

.reply-form-div {padding: 10px;margin:0 0 10px 0;}

/*************************** Social Media - Left *************************/

.socialmedia-left{
  margin: 15px 0px 10px 10px;
  width: 40px !important;
  background: white;  
  height: 210px !important;    
  position: -webkit-sticky !important; position: sticky !important; top: 75px;
  padding: 5px; 
  grid-column: col-start 1 / span 1;
}

.socialmedia-left-afterbreak {
  margin: 15px 0px 10px 10px;
  width: 40px !important;
  background: white;  
  height: 210px !important;     
  position: -webkit-sticky !important; position: sticky !important; top: 75px;
  padding: 5px; 
  grid-column: col-start 1 / span 1;
}

.rss { width: 40px !important; }
.socialmedia-left .twitter { width: 30px !important; }
.socialmedia-left .facebook { width: 30px !important; }
.socialmedia-left .linkedin { width: 30px !important; }
.socialmedia-left .youtube { width: 30px !important; }
.socialmedia-left .email { width: 30px !important; }

.socialmedia-left-afterbreak .twitter { width: 30px !important; }
.socialmedia-left-afterbreak .facebook { width: 30px !important; }
.socialmedia-left-afterbreak .linkedin { width: 30px !important; }
.socialmedia-left-afterbreak .youtube { width: 30px !important; }
.socialmedia-left-afterbreak .email { width: 30px !important; }


 

/*************************** Main Content *************************/
/*************************** Grid Layout *************************/

.main-content{ grid-column: col-start 2 / span 8; height: auto !important; margin-left: -30px;}
.main-content-continued{ grid-column: col-start 2 / span 8; height: auto !important; margin-left: -30px;}

.article-content-continued{ grid-column: col-start 2 / span 8; height: auto !important; margin-left: -30px;}
.article-content{ grid-column: col-start 2 / span 8; height: auto !important; margin-left: -30px;}

.featured-content{  grid-column: col-start 2 / span 8;  height: auto !important;  background: white;  padding:10px;  margin: -60px 0px 10px -30px; }

.event-content{ grid-column: col-start 2 / span 8;  grid-row: 1; height: auto !important; margin: -45px 0px 10px -30px; }
.event-content-afterbreak{ grid-column: col-start 2 / span 8;  grid-row: 1; height: auto !important; margin: 62px 0px 0px -30px; }

.newsletter-content{ grid-column: col-start 2 / span 8; height: auto !important; margin-left: -30px;}
.newsletter-content-continued{ grid-column: col-start 2 / span 8; height: auto !important; margin-left: -30px;}

.page-title {  padding: 3px 0px 3px 10px; margin: 0px 0px 10px 0px;  background: white;  clear: both; }
.technology-description { font-size: 12px; line-height: auto; color: black;}

.mobile-nav {  padding: 10px 0px 3px 10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: white;  clear: both; }
.mobile-nav a {  padding: 10px 0px 10px 0px; }

.featured-content #breadcrumbs { margin: -60px 0px 20px -10px !important; width: 100%}
#breadcrumbs {  padding:10px; margin: 15px 0px 10px 0px;  height: auto !important;  background: white;   text-decoration: none;  color: #ac1f2d !important;   clear: both; }

#main-content {padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }
#main-content-continued {padding:10px; margin: 4px 0px 10px 0px;  height: auto !important; background: white; }

#article-content {padding:10px; margin: 0px 0px 10px 0px; height: auto !important; background: white; }
#article-content-continued {padding:10px; margin: 0px 0px 10px 0px;  height: auto !important; background: white; }

#newsletter {padding:10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: white; clear: both;}
.more-box {padding:10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: white; clear: both;}
#newsletter-afterbreak {padding:10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: white; clear: both;}

#newsletter-content {padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }
#newsletter-content-continued {padding:10px; margin: 4px 0px 10px 0px;  height: auto !important; background: white; }

#email-side { width: 100% !important;}
#name-side { width: 100% !important;}
#submit-side { width: 100% !important;} 
input[type=text], select { width: 31%; padding: 10px 10px; margin: 5px 5px 5px 0px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
input[type=calendar] { width: 160px; float: right; padding: 10px 10px; margin: -38px 5px 5px 0px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }

textarea:focus { outline-color: #ac1f2d !important;  }
input:focus { outline-color: #ac1f2d !important; }
#company-state:focus { outline-color: #ac1f2d !important; }


/* Edited by Dan 10/3/19 - needed buttons to look like submit inputs */
input[type=button] {cursor: pointer;}
input[type=button].submit { width: 31%; background-color: #ac1f2d; color: white; padding: 10px 10px; margin: 5px 0px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=button].submit:hover { background-color: rgba(172,31,45,.9);}
/*End Edit */

input[type=submit] { width: 31%; background-color: #ac1f2d; color: white; padding: 10px 10px; margin: 5px 0px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=submit]:hover { background-color: rgba(172,31,45,.9);}

.red-button { float:left; font-size: 16px; font-weight: 500; background-color: #ac1f2d; color: white !important; padding: 10px 20px 10px 20px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.register {margin: 30px 10px 10px 10px; width: 250px; float: left; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #ac1f2d; color: white; padding: 10px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.register-now {margin: 30px 10px 10px 10px; width: 250px; float: left; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #ac1f2d; color: white; padding: 10px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.register-center {margin: auto; width: 250px; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #ac1f2d; color: white; padding: 10px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.learn-more {margin: 15px 10px 10px 10px; width: 200px; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #ac1f2d; color: white; padding: 10px; border: white solid 3px;  cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.register:hover { background-color: rgba(172,31,45,.9);}
.register-now:hover { background-color: rgba(172,31,45,.9);}
.register-center:hover { background-color: rgba(172,31,45,.9);}
.learn-more:hover { background-color: white; color: #ac1f2d;}

/*************************** Author Boxes *************************/

.mf-author-box-col-1 {padding:7px; margin: 0px 10px 10px 0px;  height: auto !important; background: white; }
.mf-author-box-col-2 {padding:7px; margin: 0px 0px 10px 0px;  height: auto !important; background: white; }
.mf-author-box-col-1-2 {padding:7px; margin: 10px 0px 10px 0px;  height: auto !important; background: white;}

.author-box-1 {padding:7px; margin: 0px 5px 10px 5px;  height: 90px !important; background: white;}
.author-box-2 {padding:7px; margin: 0px 5px 10px 5px;  height: 90px !important; background: white;}
.author-box-3 {padding:7px; margin: 0px 5px 10px 5px !important;  height: 90px !important; background: white;}

.name-author .job-title {font-size: 13px;}
.name-author .author-company-name {font-size: 13px;}
.mf-author-box-col-1 p {margin-top: -10px; }
.mf-author-box-col-2 p {margin-top: -10px;}
.mf-author-box-col-1-2 p {margin-top: -10px;}

.headshot-authors {  width: 90px; float: left;  padding: 0px 10px 5px 0px;  }
.author-name {  font-size: 14px;  clear: both;  float: right;  text-align: right;  text-decoration: none;  color: black;  text-transform: uppercase;  font-weight: bold;  padding: 0px 0px 0px 10px; width: auto;}
.author-name:hover {opacity: .7 !important; color: black;}
.author-job-title { font-size: 11px;  text-decoration: none;  color: #818181;  text-transform: none;  font-weight: normal; }



/*************************** Banner Ad *************************/

.ad-break{  grid-column: col-start 1 / span 12; margin-bottom: 6px; }
.ad-break img { width: 100% !important;}




/*************************** Issues *************************/

#current-issue { padding:10px; margin: 10px 0px 10px 0px; overflow: auto; background: white;}
.cover-article-brief { margin-top: -10px !important;}
.cover-article { color: black; font-weight: normal; font-size: 26px; }
.mexico {width: 20px; padding: 0px 5px 0px 5px;}
.us {width: 20px; padding: 0px 5px 0px 0px;}

.issue-type {float:right;padding:10px;}

#box1-issue { padding:10px; margin: 0px 5px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box1-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-issue { padding:10px; margin: 0px 5px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box2-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-issue { padding:10px; margin: 0px 0px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box3-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-issue { padding:10px; margin: 0px 5px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box4-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-issue { padding:10px; margin: 0px 5px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box5-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-issue { padding:10px; margin: 0px 0px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box6-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box7-issue { padding:10px; margin: 7px 5px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box7-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box8-issue { padding:10px; margin: 7px 5px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box8-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box9-issue { padding:10px; margin: 7px 0px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box9-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box10-issue { padding:10px; margin: 0px 5px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box10-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box11-issue { padding:10px; margin: 0px 5px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box11-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box12-issue { padding:10px; margin: 0px 0px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
#box12-issue:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.issue-header {font-size: 12px !important;}
.full-issue {
  font-size: 12px;
  text-decoration: none;
  color: #ac1f2d !important;
}
.full-issue:hover {opacity: .7 !important;}


.sp-issues #box1-issue, .sp-issues #box5-issue, .sp-issues #box9-issue { padding:10px; margin: 0px 5px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.sp-issues #box2-issue, .sp-issues #box3-issue, .sp-issues #box4-issue, .sp-issues #box6-issue, .sp-issues #box7-issue, .sp-issues #box8-issue, .sp-issues #box10-issue, .sp-issues #box11-issue, .sp-issues #box12-issue { padding:10px; margin: 0px 5px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; }




/*************************** Article Styles *************************/


.ABody { font-size: 18px; line-height: 28px; margin: 15px 0px 10px 0px; }
.ADeck { font-size: 20px; line-height: 1.5; color: dimgray; font-style: italic; }
.AHead { line-height: normal; color: black; font-weight: 700;}
.AHead2 { line-height: normal; color: black; font-weight: 600; font-size: 26px; }
.AHead3 { line-height: normal; color: black; font-weight: 600; font-size: 24px;}
.AHead4 {font-size: 22px; line-height: normal; font-weight: 500; color: dimgray; margin: 10px 0px 0px 0px; font-style: oblique;}
.ASidebarHead1 {font-size: 22px; line-height: normal; font-weight: 500; color: dimgray; margin: 10px 0px 0px 0px; font-style: oblique;}
.ASidebarHead2 {font-size: 20px; line-height: normal; font-weight: 400; color: dimgray; margin: 10px 0px 0px 0px; font-style: oblique;}
.ASidebarHead3 {font-size: 18px; line-height: normal; font-weight: 400; color: dimgray; margin: 10px 0px 0px 0px; font-style: oblique;}
.ASidebarSubhead {font-size: 22px; line-height: normal; font-weight: 600; color: #ac202d !important; margin: 25px 0px 0px 0px;}
.ASubHead {font-size: 25px; line-height: normal; font-weight: 600; color: #ac202d !important; margin: 25px 0px 0px 0px;}
.Captions {font-size: 14px; color: dimgray;}
.ComBody { font-size: 18px; line-height: 28px;}
.DeptBody { font-size: 18px; line-height: 28px;}
.MF {font-size: 18px; line-height: 28px; font-weight: bold; text-transform: uppercase;}
.NewsBody { font-size: 18px; line-height: 28px;}
.PodBody { font-size: 18px; line-height: 28px;}
.PullQuote { padding: 15px 5px 15px 20px; margin-left: 20px; float: right; border-left: solid 5px #ac202d; font-size: 20px; font-weight: 600; width: 300px;}
.PullQuoteWOE { padding: 15px 5px 15px 20px; margin-left: 20px; width: 95%; margin-bottom: 40px; margin-top: 20px; border-left: solid 5px #ac202d; font-size: 20px; font-weight: 600;}
.VidBody { font-size: 18px; line-height: 28px;}
.WHBody { font-size: 18px; line-height: 28px;}


.image-fullwidth {width: 100%; clear: both;}
.image-right {float: right; padding: 10px 0px 10px 15px; width: 300px;}
.image-left {float: left;  padding: 10px 20px 10px 0px; width: 300px;}

table ul  {list-style: disc  !important; margin-left: 20px;}

.related-articles { padding: 3px 0px 3px 10px;  margin: 0px 0px 10px 0px;  height: auto !important;  background: white;   clear: both;}
.related-article-box-l {padding:10px; margin: 0px 0px 10px 0px; float: left; height: auto !important; background: white;}
.related-article-box-r {padding:10px; margin: 0px 0px 10px 10px; float: left; height: auto !important; background: white;}

.headshot-article {
  width: 90px;
  float: right;
  clear: both;    
  padding: 0px 0px 5px 15px;
    
}
.name-article {
  float: left;
  font-size: 12px;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
}

.like-button { float: right !important; margin-right: 10px;}
.like-icon {float: right !important; width: 20px; }
.like-icon:hover {cursor: pointer; }

.Captions blockquote { font-size: 18px; font-style: italic; margin: 0.25em 0; padding: 0.35em 40px; line-height: 1.45;
position: relative; color: #ac202d !important; }
.Captions blockquote:before { color: #ac202d !important; }
.Captions blockquote:after {  color: #ac202d !important; }



/*************************** Technology Showcase *************************/

.template {
  color: #fff;
  padding-top: 80px; 
  background-image: url() !important;    
}

#tech-showcase-box {padding:10px 10px; margin: 5px 0px 10px 0px;  height: auto;  background: #5d001d;  text-decoration: none;  }
#tech-showcase-box h1 { margin-bottom: -5px; text-transform: uppercase; color: white;}
#tech-showcase-box h4 { margin-bottom: 5px; margin-top: 5px; text-transform: uppercase; color: white;}

.showcase-logo { width: 100px; float: left; margin-right: 15px;}

.box1-showcase {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box1-showcase:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.box2-showcase {padding:7px; margin: 0px 5px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box2-showcase:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.box1-showcase .image-left-box {width: 145px; }
.box2-showcase .image-left-box {width: 145px;}

.showcase-title {width: min-content;}

.supplier-link {background: #ac1f2d; padding: 7px; margin: 10px 0px; width: auto; color: white; text-align: center}
.supplier-link a {color: white;}
.supplier-link a:hover{ color: white; opacity: .7;}

.box1-showcase h1 {float: left; width: 230px;}
.box2-showcase h1 {float: left; width: 230px;}

.box1-showcase p {float: left; width: 230px;}
.box2-showcase p {float: left; width: 230px;}

.box1-showcase a {display: revert;}
.box2-showcase a {display: revert;}

.fabtech-logo-sm {width: 120px;}



/*************************** Boxs *************************/

.no-img { width: 0px !important; height: 0px !important;}
.no-img-txt {width: 95% !important; }
.bg-img {background: white !important; padding: 2px 7px 7px 5px !important;}
.bg-img .image-title {color: black;}
.bg-img .image-name {color: black !important;}
.bg-img .image-date a {color: black !important;}


.image-box { background-image: linear-gradient(to right,rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.2)); background-repeat:no-repeat; background: center; background-size:cover; height: 97%; padding: 8px 10px 2px 10px; margin: -2px -2px 0px -2px;}

.image-title { font-size: 30px; text-decoration: none; color: white;  text-transform: none;}
.image-title:hover {opacity: .7 !important;}

.image-name {font-size: 12px; text-decoration: none; color: white; text-transform: uppercase; font-weight: 500;}
.image-name:hover {opacity: .7 !important;}

.image-date { font-size: 12px;  text-decoration: none;  color: white !important;  font-style: italic; }
.image-date a { font-size: 12px;  text-decoration: none;  color: white !important;  font-style: italic; }
.image-date:hover {opacity: .7 !important;}


.name { font-size: 12px; text-decoration: none; color: black;  text-transform: uppercase; font-weight: 500;}
.name:hover { opacity: .7 !important;}

.date { font-size: 12px; text-decoration: none;  color: black !important;  font-style: italic; clear: both !important;  }
.date a { font-size: 12px; text-decoration: none;  color: black !important;  font-style: italic; clear: both !important;   line-height: 2 !important;}
.date:hover {opacity: .7 !important;}

.location { font-size: 12px; text-decoration: none;  color: black;  font-style: italic;  }
.company { font-size: 12px; text-decoration: none;  color: black;  font-style: italic;  }


#box1 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#box1:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2 {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4 {padding:7px; margin: 0px 0px 10px 5px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6 {padding:7px; margin: 0px 0px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box7 {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box7:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box8 {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box8:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

/*After (ad) Break in Page */
#box1-afterbreak {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box1-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s;position:relative;}
#box2-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-afterbreak {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-afterbreak {padding:7px; margin: 0px 0px 10px 5px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-afterbreak {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box7-afterbreak {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box7-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box8-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box8-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.image-top-box {width: 100%; }
.image-left-box {float: left; height: 100%; padding: 0px 10px 0px 0px;}
.image-right-box {float: right; height: 100%; padding: 0px 0px 0px 10px;}

.text-left {float: left;}
.text-right {float: left;}
/* Edited by Dan 8/22/19 - added height:105px */
.small-text-right {float: left; margin-top: -5px; height:105px}

.headline-1 { color: black; font-weight: bold; font-size: 27px; text-decoration: none !important;}
.headline-1:hover {opacity: .7 !important;}
.headline-2 { color: black; font-weight: bold; font-size: 26px; text-decoration: none !important;}
.headline-2:hover {opacity: .7 !important;}
.headline-3 { color: black; font-weight: bold; font-size: 20px; text-decoration: none !important;}
.headline-3:hover {opacity: .7 !important;}
.headline-4 { color: black; font-weight: bold; font-size: 19px; text-decoration: none !important;}
.headline-4:hover {opacity: .7 !important;}
.headline-5 { color: black; font-weight: bold; font-size: 17px; text-decoration: none !important;}
.headline-5:hover {opacity: .7 !important;}
.headline-6 { color: black; font-weight: bold; font-size: 15px; text-decoration: none !important;}
.headline-6:hover {opacity: .7 !important;}
.headline-7 { color: black; font-weight: bold; font-size: 14px; text-decoration: none !important;}
.headline-7:hover {opacity: .7 !important;}
.headline-8 { color: black; font-weight: bold; font-size: 12px; text-decoration: none !important;}
.headline-8:hover {opacity: .7 !important;}


#box2 .no-img-txt {font-size: 28px; text-decoration: none !important;}
#box3 .no-img-txt h2 {font-size: 18px !important; text-decoration: none !important;}
#box5 .no-img-txt h2 {font-size: 18px !important; text-decoration: none !important;}
#box6 .no-img-txt h2 {font-size: 25px; text-decoration: none !important;}

#box1-afterbreak .no-img-txt {font-size: 28px; }
#box3-afterbreak .no-img-txt h2 {font-size: 18px !important; text-decoration: none !important;}
#box4-afterbreak .no-img-txt h2 {font-size: 18px !important; text-decoration: none !important;}
#box5-afterbreak .no-img-txt h2 {font-size: 25px; text-decoration: none !important;}
#box6-afterbreak .no-img-txt h2 {font-size: 18px; text-decoration: none !important;}

.top-left {background: white; padding: 10px 5px 5px 10px; position: absolute; top: 0px; left: 0px; font-weight: bold;  font-size: 9px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.top-left:hover {background: white !important; opacity: .7 !important;}

.top-right {background: white; padding: 10px 10px 5px 5px; position: absolute; top: 0px; right: 0px; font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}

.podcast-track {background: white; padding: 10px 10px 5px 5px; position: absolute; top: 0px; right: 0px; font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}


.bottom-right {background: white; padding: 13px 10px 10px 5px; position: absolute; bottom: 0px; right: 0px; font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.bottom-right:hover {background: white !important; opacity: .7 !important;}

.bottom-left {background: white; padding: 13px 10px 10px 5px; position: absolute;  bottom: 0px; left: 0px; font-weight: bold;  font-size: 12px; text-decoration: none; font-style: italic; color: #ac1f2d !important;  text-transform: uppercase;}
.bottom-left:hover {opacity: .7 !important;}

.box-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.video-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.event-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.podcast-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.news-icon {width: 30px;  margin: -10px 5px -10px 0px;}
.white-paper-icon {width: 30px;  margin: -10px 0px -10px 0px;}
.webinar-icon {width: 30px;  margin: -10px 0px -10px 0px;}

.dot {  height: 10px; width: 10px; background-color: #ac202d; border-radius: 50%; display: inline-block; }
.more:hover {opacity: .7 !important;}
.more {color: #ac202d; text-transform: uppercase; margin-bottom: -5px;}

.back-to-top:hover {opacity: .7 !important;}
.back-to-top {color: #ac202d; text-transform: uppercase; float: right;}


.dropdown-buttons { height: 40px !important;  background: white; margin-bottom: 10px !important;}
.dropdown-button { height: 40px !important;  background: white; margin-bottom: 10px !important;}

/************************* Infocenter *************************/

#box1-infocenter {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#box1-infocenter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-infocenter {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-infocenter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-infocenter {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-infocenter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-infocenter {padding:7px; margin: 0px 0px 10px 5px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-infocenter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-infocenter {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-infocenter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-infocenter {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6-infocenter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.webinar-description {font-size: 12px;  margin-bottom: 0px; display: inline-block;}


/*************************** Videos *************************/

.video-top-box {width: 100%; background: #eae9e9;}
.video-description {font-size: 12px;  margin-bottom: 0px; display: inline-block;}
#box1-video {padding:7px; margin: 0px 0px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#box1-video:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-video {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-video:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-video {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-video:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-video {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-video:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-video {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-video:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

#box1-video-afterbreak {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box1-video-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-video-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-video-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-video-afterbreak {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-video-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-video-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-video-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-video-afterbreak {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-video-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-video-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6-video-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}




/*************************** Glossary *************************/


#search-glossary { width: 15px !important; margin-top: 2px; margin-left: 25px; float: right;} 
.glossary-letter { font-weight: bold;  font-size: 16px; margin-left: 3px; color: #ac1f2d !important; text-transform: uppercase; }
.glossary-term { color: black; font-weight: 600; font-size: 20px; margin-top: -20px;}

.highlighted-word {border-left: 7px solid #ac1f2d; box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.6); position: relative; z-index: 9999; pointer-events:  auto; pointer-events:  none;}

.image-glossary { width: 90px; float: right; margin-left: 10px; margin-bottom: 10px}

.box1-glossary {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
.box1-glossary:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box2-glossary {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box2-glossary:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.afterbreak {margin-top: 7px !important;}






/*************************** Podcasts *************************/

.podcast-description {font-size: 12px;  margin-bottom: 0px; display: inline-block;}
#box1-podcast {padding:7px; margin: 0px 0px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#box1-podcast:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-podcast {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-podcast:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-podcast {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-podcast:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-podcast {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-podcast:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-podcast {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-podcast:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.podcast-button {margin: 15px 10px 10px 0px; color: #ac1f2d; }
.podcast-button span {padding: 10px 10px 10px 10px; margin-right: 5px; background-color: #ac1f2d;  color: white; }
.podcast-button i {padding: 11px 10px 11px 10px;; background-color: rgba(172,31,45,.9);  color: white; font-family: FontAwesome;  }
.podcast-button span:hover {background-color: rgba(172,31,45,.9); }

.podcast-quote {width: 75%; padding: 10px 5px 5px 10px; position: absolute; top: 15px; left: 15px; font-size: 14px; text-decoration: none; font-style: italic; color: white !important; }




/*************************** White Papers *************************/
   

#whitepaper-box { padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white;}
#whitepaper-box li { margin: 0px 0px 10px 30px; }

.whitepaper-title { color: black; font-weight: 550; font-size: 26px; }
.whitepaper-cover {border: 1px solid grey;}

.whitepaper-image { border: 1px solid grey;} 
.whitepaper-text {color: black; float: left; margin-left: 10px;}
.whitepaper-description {font-size: 12px;  margin-bottom: 5px; display: inline-block;}

#box1-whitepaper {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box1-whitepaper:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-whitepaper {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-whitepaper:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-whitepaper {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-whitepaper:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-whitepaper {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-whitepaper:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-whitepaper{padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-whitepaper:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-whitepaper {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6-whitepaper:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}


#box1-whitepaper-afterbreak {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box1-whitepaper-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-whitepaper-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-whitepaper-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-whitepaper-afterbreak {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-whitepaper-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-whitepaper-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-whitepaper-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-whitepaper-afterbreak {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-whitepaper-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-whitepaper-afterbreak {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6-whitepaper-afterbreak:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}




/*************************** Newsletters *************************/
   
.newsletters-text {color: black; float: left; margin-left: 10px; }
.newsletters-description {font-size: 16px;  margin-bottom: 5px; display: inline-block;}
.newsletter-link { text-decoration: none; color: #ac1f2d !important; font-size: 14px; padding: 5px 0px;  cursor: pointer;}
.newsletter-link:hover {opacity: .7 !important;}

#box1-newsletters {padding:7px; margin: 0px 10px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box1-newsletters:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box2-newsletters {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box2-newsletters:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box3-newsletters {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box3-newsletters:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box4-newsletters {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box4-newsletters:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box5-newsletters {padding:7px; margin: 0px 5px 10px 0px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box5-newsletters:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#box6-newsletters {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#box6-newsletters:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

#newsletter-header { padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white;}
.newsletter-description {font-size: 16px; margin-top: -10px;}
.newsletter-date {font-size: 12px; margin-bottom: 5px; margin: 0px 0px 0px 5px !important;}
.newsletter-image { padding: 0px 0px 10px 20px !important; }
.box1-newsletter {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box1-newsletter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box2-newsletter {padding:7px; margin: 0px 5px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box2-newsletter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box3-newsletter {padding:7px; margin: 0px 0px 10px 5px;   background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box3-newsletter:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.box1-newsletter .headline-5 {margin: 10px 0px 0px 5px; font-size: 12px;}
.box2-newsletter .headline-5 {margin: 10px 0px 0px 5px; font-size: 12px;}
.box3-newsletter .headline-5 {margin: 10px 0px 0px 5px; font-size: 12px;}





/*************************** Events *************************/

.event-date-left {float: left;  padding: 0px 15px 0px 0px; margin: 5px 15px 5px 10px ; border-right:  3px solid rgb(172, 32, 45); text-align: right; }
.date-small { font-weight: 400; font-size: 18px; line-height: 35px !important; display: block;}
.date-large { font-weight: 600; font-size: 55px; line-height: 35px !important; display: block;}
.event-title-right {float: left; }

.save-date {font-size: 10px !important; font-weight: bolder; color: white; text-transform: uppercase; background: #ac1f2d; padding: 3px 5px; margin-bottom: -3px;}
.save-date:hover {color: white;  background: #5d001d; }

.box1-calendar {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box1-calendar:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box2-calendar {padding:7px; margin: 0px 0px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box2-calendar:hover  { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}


.event-description {font-size: 12px;  margin-top: -5px; margin-bottom: 0px; display: inline-block;}
#box1-events, #box2-events, #box3-events, #box4-events, #box5-events, #box6-events, #box7-events, #box8-events {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#box1-events:hover, #box2-events:hover, #box3-events:hover, #box4-events:hover, #box5-events:hover, #box6-events:hover, #box7-events:hover, #box8-events:hover  { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}


/* Edited by Dan 9/26/19 - copied top-story from home page css */
.event-header  {
  color: #fff; 
  padding-top: 150px; 
  padding-bottom: 150px; 
  border-bottom: 10px solid #ac1f2d; 
  background-image: background-position: center; background-repeat: no-repeat; background-size: cover; height: 100px !important; 
  margin-top: 60px;
}


#event-nav {grid-column: col-start 2 / span 8;  grid-row: 1; padding:10px;  background: #ac1f2d;   text-decoration: none;  color: white !important;   clear: both; margin: -100px 0px 10px -30px; position: -webkit-sticky !important; position: sticky !important; top: 59px; z-index: 100}

#event-nav-afterbreak {grid-column: col-start 2 / span 8;  grid-row: 1; padding:10px;  background: #ac1f2d;   text-decoration: none;  color: white !important;   clear: both; margin: 6px 0px 10px -30px; position: -webkit-sticky !important; position: sticky !important; top: 59px; z-index: 100}

#event-nav a {padding: 0px 15px; color: white; font-size: 18px;}
#event-nav a:hover {opacity: .7 !important;}
#event-nav a.active{opacity: .7 !important; }

#event-nav-afterbreak a {padding: 0px 15px; color: white; font-size: 18px;}
#event-nav-afterbreak a:hover {opacity: .7 !important;}
#event-nav-afterbreak a.active{ opacity: .7 !important; }

.event-content a {display: revert;}
.mexico-toggle {position: relative; z-index:3; font-size: 12px; float: right; text-align: center; width: 70px;}
.flag { width: 50px;}




/*************************** Events - about *************************/

#event-about { padding:10px; margin: 0px 0px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
#about {  display: block; content: " "; margin-top: -114px; height: 114px; visibility: hidden; }

#event-about iframe {width: 100% !important}

/*************************** Events - agenda *************************/

#event-agenda { padding:10px; margin: 0px 0px 0px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#agenda {  display: block; content: " "; margin-top: -114px; height: 114px; visibility: hidden; }

ul.tabs{ margin: 0px; padding: 0px; list-style: none; }
ul.tabs li{ background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; }
ul.tabs li.current{ border-bottom: 3px solid #ac1f2d;}
.tab-content{ display: none; padding: 15px;}
.tab-content.current{ display: inherit; }

.timeline { list-style: none; padding: 5px 0 5px; position: relative; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; left: 25%; margin-left: -10px; background: #ac1f2d;}
.timeline > li { margin-bottom: 5px; position: relative; }
.timeline > li:before,
.timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before,
.timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: 70%; text-align: left;  float: right; padding: 5px 15px 15px 15px; position: relative; }
.timeline > li > .timeline-circle { width: 15px; height: 15px; position: absolute; top: 5px; left: 22.8%;  background-color: #ac1f2d;  z-index: 8; border-top-right-radius: 50%;  border-top-left-radius: 50%;  border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.timeline-title { margin-top: -2px; font-size: 16px !important; }
.timeline-heading { margin: 0px;  font-size: 14px; }
.timeline-body { margin: 5px 0px 0px 0px;  font-size: 12px; }
.timeline .agenda-time{ position: absolute; left: 15%; margin-top: 2px; margin-left: -35px; font-size: 14px; }

.event-image {width: 150px; }

.read-more {font-size: 10px !important; font-weight: bolder; color: white; text-transform: uppercase; background: #ac1f2d; padding: 3px 5px;}
.read-more:hover {color: white;  background: #5d001d; }

/*************************** Events - speakers *************************/

#speakers {  display: block; content: " "; margin-top: -114px; height: 114px; visibility: hidden; }
.box1-speaker { padding:10px; margin: 0px 5px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.box1-speaker:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box2-speaker{ padding:10px; margin: 0px 5px 10px 5px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.box2-speaker:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.speaker { font-size: 12px;}

.webinar-time {font-size: 12px;}
.webinar-title {font-size: 14px; }

.speaker-name { color: black; font-weight: 650; font-size: 22px; }
.speaker-title { font-size: 14px; margin-top: 0px; text-decoration: none; color: #ac1f2d !important; }
.speaker-bio {font-size: 11px; margin-bottom: 5px !important; }
.speaker-headshot-withbio {width: 200px;  float: left; margin-right: 15px; margin-bottom: 5px;}
/*
.speaker-headshot-withbio {width: 45%; height: 100%; min-height: 480px; margin-left: -20px; margin-top: -20px; padding: 0px; object-fit: cover; float: left; margin-right: 15px;}*/
/* Edited by Dan 9/23/19 - added important to width, removed overflow:scrolling */
.fullbio  {max-width: 600px !important; max-height: 600px; padding: 20px !important; min-width: 400px; }

/*************************** Events - register *************************/

#register { content: " "; margin-top: -114px; height: 114px; visibility: hidden; }
#event-register { padding:10px; margin: 0px 0px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
.pricing {font-size: 14px;}
.col-1 {width: 28%; float: left; padding: 5px 20px;}
.col-2 {width: 28%; float: left; border-left: 1px solid #ac1f2d; border-right: 1px solid #ac1f2d; padding: 5px 20px;}
.col-3 {width: 28%; float: left; padding: 5px 20px;}



/*************************** Events - hotel *************************/

#hotel {display: block; content: " "; margin-top: -114px; height: 114px; visibility: hidden; }
#event-hotel { height: auto !important; padding:10px; margin: 0px 0px 10px 0px; background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
.hotel-image {float: left; width: 350px; padding: 30px 0px; margin-right: 20px;}
#hotel-left { width: 370px;left: 0; float: left;}
#hotel-right {right: 0; width: 400px; float: left;}
.clear {clear:both !important;}

/*************************** Events - sponsor *************************/

#sponsors {  display: block; content: " "; margin-top: -114px; height: 114px; visibility: hidden; }
.box-sponsors-4 { padding:10px; margin: 0px 10px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.box-sponsors-4:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box-sponsors-3 { padding:10px; margin: 0px 10px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.box-sponsors-3:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box-sponsors-2 { padding:10px; margin: 0px 10px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.box-sponsors-2:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box-sponsors-1 { padding:10px; margin: 0px 10px 10px 0px; height: auto !important; background: white; -webkit-transition: all .5s; transition: all .5s; }
.box-sponsors-1:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.sponsoring { padding: 10px 0px 15px 10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: #ac1f2d;  clear: both;}
.sponsoring h2 { color: white !important; }
.testimonial { padding: 10px 0px 15px 10px; margin: 0px 0px 10px 0px;  height: auto !important;  background: #ac1f2d;  clear: both;}
.page-title p {padding: 0px 15px 0px 5px;}

#event-sponsoring, #event-presentations  { padding:10px; margin: 0px 0px 0px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
#event-sponsoring li { margin-left: 30px;}

#event-presentations h4 {color: dimgrey;} #event-presentations h4:hover {color: #ac1f2d}
.presentation { background-color: #ac1f2d; color: white; padding: 10px 10px; margin: 15px 0px 5px 0px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none;}
.presentation:hover { opacity: 70%;  color: white;}

#sponsoring {  display: block; content: " "; margin-top: -114px; height: 114px; visibility: hidden; }


/************************* Contact Us ***********************************/

.box-staff-center {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
.box-staff-center:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.box-staff-left {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative; }
.box-staff-left:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box-staff-right {padding:7px; margin: 0px 5px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box-staff-right:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.headshot-staff {  width: 110px; float: left;  padding: 0px 10px 0px 0px;  }

#contact-box {padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }
#contact-box .contact-left {width: 350px !important; float: left; font-size: 14px !important; }
#contact-box table, tr {vertical-align: top !important; }
#contact-box td {padding-top: 5px; }
.contact-map {width: 420px; height: 350px; float: right;}

.name-sales-team { width: 125px !important; float: left; }
.name-sales-team .job-title {font-size: 12px; }

.map {width: 100px;  padding-right: 10px;}
.info-right {width: 129px; margin-top: 10px; float: right; font-size: 11px;}
span.areas {font-size: 13px !important; line-height: normal}

.history { padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }
.terms-conditions { padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }

.tc-menu li {width: 50%; float: left; font-size: 12px; }
.tc-address {font-weight: 200; font-size: 18px; }


/************************* Subscribe ***********************************/

#subscribe-box {padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }
#subscribe-box .subscribe-left {width: 350px !important; float: left; margin-top: -20px; font-size: 16px !important; }
.subscribe-issues {width: 420px; float: right;}

blockquote { font-size: 18px; font-style: italic; margin: 0.25em 0; padding: 0.35em 40px; line-height: 1.45;
position: relative; color: white; }
blockquote:before { display: block; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: white;}
blockquote:after { display: block; padding-left: 10px; content: "\201D"; font-size: 80px; position: absolute; color: white; bottom: -40px; right: 20px; }

blockquote cite { color: white; font-size: 14px; display: block; margin-top: 5px; }
blockquote cite:before { content: "\2014 \2009"; }

#SubscribeForm { padding: 0px 10px 10px 10px; width: 90%;  min-width: 265px; }

input {  padding: 10px 10px; margin: 5px 5px 5px 0px; display: inline-block; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; }
input.invalid { background-color: #ffdddd;}

.tab { display: none; }
.step { height: 10px; width: 10px; background-color: #ac202d; border-radius: 50%; display: inline-block; opacity: 0.5;}
.step.active { opacity: 1; }
.step.finish { background-color: #ac202d; }

#prevBtn {background-color: #ac1f2d; color: white; padding: 10px 10px;  margin: 5px 0px; border: none;  border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#nextBtn { background-color: #ac1f2d; color: white;padding: 10px 10px; margin: 5px 0px; border: none;  border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative;   background-color: #f1f1f1; color: #ac1f2d;  top: 8px; height: 20px; width: 20px; border: 0; border-radius: 50px; cursor: pointer;    margin-right: 5px;  outline: none;}
.form-radio:checked::before { position: absolute;  font: 14px/1 'Open Sans', sans-serif; left: 5px;  top: 2px; content: '\02143';  font-weight:  600; transform: rotate(40deg); }
.form-radio:hover { background-color: #f7f7f7; }
.form-radio:checked { background-color: #f1f1f1; }

.form-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative;   background-color: #f1f1f1; color: #ac1f2d;  top: 9px; height: 20px; width: 20px; border: 0; cursor: pointer;    margin-right: 5px; outline: none;}
.form-checkbox:checked::before {
     position: absolute;  font: 14px/1 'Open Sans', sans-serif; left: 5px;  top: 2px; content: '\02143';  font-weight:  600; transform: rotate(40deg); }
.form-checkbox:hover { background-color: #f7f7f7; }
.form-checkbox:checked { background-color: #f1f1f1; }

.subscribe-forms-small { width: 100px; }
#subscribe-form {  display: block; content: " "; margin-top: -85px; height: 85px; visibility: hidden; }

.subscribe-table {padding-top: 10px; }
.subscribe-table td {padding: 7px; }
.subscribe-table .form-checkbox {margin-top: -10px; }
.subscribe-table .form-radio {margin-top: -10px; }
.subscribe-table tr:nth-child(even) { background-color: #f7f7f7; }

ul { padding: 0px 0px 0px 10px; }
ul .inner { padding-left: 1em;  overflow: hidden;  display: none;}
ul li {  margin: 0.5em 0;}
ul li a.toggle {  width: 100%;  display: block;  transition: background 0.3s ease;}


.accordion li { list-style: none !important; margin-left: -20px !important;}

/************************* My Account ***********************************/


#my-account {padding:10px 10px 20px 10px; margin: 10px 0px 10px 0px; background: white; height: auto;}
.account-headshot {  width: 210px; float: left;  padding: 0px 10px 0px 0px;  }


#login {max-width: 400px; max-height: 800px; overflow: scroll;}
#login input { width: 100% !important; text-align: center;} 
#login li {font-size: 14px;}

#profile {max-width: 400px; max-height: 700px; overflow: scroll;}
#profile input { width: 100% !important; text-align: center;} 
#profile h2 { border-bottom: 3px solid #ac1f2d; padding-bottom: 10px; width: 50%; } 

#subscriptions {max-width: 900px; max-height: 900px; overflow: scroll;}

.my-technologies { width: 45%; margin-right: 15px; float: left;}
.my-technologies li { list-style: disc !important; margin-left: 25px;}

.clearboth {clear: both;}

#my-account-info { float: left; width: 240px; }

#redbox-top-right { float: right; width: 305px; text-align: right; color: white; background: #ac1f2d; padding: 5px 10px 5px 5px; margin-top: -10px; margin-right: -10px;}
#redbox-top-right a { color: white; font-size: 12px;}

#registrations-right { float: right; width: 305px; text-align: right; padding: 3px 0px 5px 5px; }
#registrations-right a { font-size: 12px; }

.small-thumbnail { padding:7px; margin: 0px 5px 10px 5px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.small-thumbnail:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.small-image-left-box {float: left; width: 50px; padding: 0px 10px 0px 0px;}

.liked-date, .viewed-date {width:100%; clear: both; text-align:center; font-size: 10px; color: #ac1f2d;}

.lightpick { position: absolute; z-index: 99999; padding: 4px; background-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); color: #000; line-height: 1.125em; }

.lightpick--inlined { position: relative; display: inline-block;}
.lightpick, .lightpick *, .lightpick::after, .lightpick::before { box-sizing: border-box;}
.lightpick.is-hidden { display: none; }

.lightpick__months {  display: grid;  background-color: #EEE; grid-template-columns: auto; grid-gap: 1px; }
.lightpick__month {  padding: 4px; width: 288px; background-color: #FFF; }
.lightpick__month-title-bar {  display: flex;  margin-bottom: 4px; justify-content: space-between; align-items: center; }
.lightpick__month-title { margin-top: 4px; margin-bottom: 4px; margin-left: 4px; font-size: 16px; font-weight: normal; line-height: 24px; cursor: default; padding: 0 4px; border-radius: 4px;}
.lightpick__month-title > .lightpick__select { border: none; background-color: transparent; outline: none; width: 50px; padding: 3px}
.lightpick__month-title > .lightpick__select-months {font-weight: bold; font-size: 1em; margin-right: .5em; width: 110px; padding: 3px}
.lightpick__toolbar { display: flex; text-align: right; justify-content: flex-end;}
.lightpick__previous-action,.lightpick__next-action,.lightpick__close-action {display: flex; margin-left: 6px; width: 32px; height: 32px; outline: none; border: none; border-radius: 50%; background-color: #DDD; justify-content: center; align-items: center; }

.lightpick__previous-action,.lightpick__next-action { font-size: 12px;}
.lightpick__days-of-the-week {display: grid;grid-template-columns: repeat(7, 1fr);}
.lightpick__day-of-the-week {display: flex;font-size: 11px;font-weight: bold;justify-content: center;align-items: center;}
.lightpick__days {display: grid;  grid-template-columns: repeat(7, 1fr);}

.lightpick__day { display: flex; height: 40px; background-position: center center; background-size: contain; background-repeat: no-repeat; font-size: 13px; justify-content: center; align-items: center; cursor: default;}
.lightpick__day.is-today {  color: #ac1f2d;}
.lightpick__day:not(.is-disabled):hover { background-size: contain; background: rgba(172,31,45,.1); }
.lightpick__day.is-disabled.is-forward-selected { opacity: 1; }
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) { background-color: rgba(172,31,45,.1) !important; background-image: none; }
.lightpick__day.is-previous-month, .lightpick__day.is-next-month { opacity: 0.38; }
.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) { opacity: 1; }
.lightpick__day.is-in-range { border-radius: 0; background-color: rgba(172,31,45,.1); background-image: none; }
.lightpick__day.is-in-range:hover { background: rgba(172,31,45,.1); }
.lightpick__day.is-start-date.is-in-range,.lightpick__day.is-end-date.is-in-range.is-flipped {    background-color: #ac1f2d; background-image: none;}
.lightpick__day.is-end-date.is-in-range,.lightpick__day.is-start-date.is-in-range.is-flipped { background-color: #ac1f2d;  background-image: none; }
.lightpick__day.is-start-date.is-end-date {background-color: rgba(172,31,45,.1);}
.lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover { background: #ac1f2d; background-size: auto; background-position: center; color: #FFF; font-weight: bold;}

.lightpick__tooltip { position: absolute; margin-top: -4px; padding: 4px 8px; border-radius: 4px; background-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); white-space: nowrap; font-size: 11px; pointer-events: none;}






/************************* Suppliers ***********************************/

#suppliers-header { padding:10px; margin: 10px 0px 10px 0px !important; height: auto !important; background: white; position: relative;}

#suppliers-header .ad-break{ margin: 10px 0px 0px 0px !important;}

.company-name {width: 50%; }
.alpha-title { color: #212529; font-size: 14px;}

.box-suppliers {width:46%; padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;float:left;}
.box-suppliers:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.box-suppliers .headline-5 {margin: 10px 0px 0px 0px; }

.box-suppliers {padding:7px; margin: 0px 5px 10px 0px;  background: white; -webkit-transition: all .5s; transition: all .5s; position:relative;}
.box-suppliers:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.box-suppliers .headline-5 {margin: 10px 0px 0px 0px; }
.suppliers-date {font-size: 12px;  margin: 0px 0px 0px 5px !important;}

form#edit #edit-state { width: 100% !important;}
#edit-state { width: 200px !important; height: 35px !important; border-color: rgb(204, 204, 204) ; background: white !important;}
#company-state, #company-technology {margin-top: 10px !important; width: 200px !important; height: 35px !important; border-color: rgb(204, 204, 204) ; background: white !important; font: 400 system-ui !important;}

.company-map {border:0; position: absolute; right: 10px; bottom: 10px; height: 200px;}

.company-logo {position: absolute; right: 10px; top: 10px; width: 150px; }
.company-sm {font-size: 22px !important; color: #ac1f2d !important;}
.company-sm:hover {opacity: .7 !important;}

.company-thumbnail {width: 187px; margin: 6px 5px 3px 0px;}


/************************* Advertise ***********************************/

.advertise-icon {width: 35px;}
.advertise-icon-small {width: 25px; vertical-align: middle;}
.indent {margin-left: 10px;}
.indent-2 {margin-left: 25px;}

.advertise-box {padding:10px; margin: 10px 0px 10px 0px; height: auto !important; background: white; }
.advertise-box .advertise-left {width: 350px !important;  }
.advertise-right {width: 420px; float: right;}

.advertise-table {padding-top: 10px;}
.advertise-table td {padding: 7px; text-align: center; vertical-align: middle;}
.advertise-table tr:nth-child(even) { background-color: #f7f7f7; }

.advertise-table .fa-check {color: #ac1f2d;}
.advertise-col-1 { text-align: left !important;}

.advertise-img  {float:left; width: 150px !important;}
.advertise-img img {width: 150px;}
.advertise-copy {float:left; width: 605px !important; margin-left:10px;}
 
.highlight {background:rgba(172,31,45,.1) !important; margin-top: -10px;  }

.name-sales-rep strong { font-size: 14px;}
.name-sales-rep .job-title {font-size: 13px;}

.territory-small {    font-size: 10px; line-height: 13px !important; display: block;  margin-bottom: -20px !important; }

.bullets {list-style: disc  !important; margin-left: 40px !important;}
.numbers {list-style-type: decimal !important; margin-left: 40px !important;}
.ordered-list {list-style-type: lower-alpha !important; margin-left: 40px !important;}

/*************************** Sidebar - Right *************************/

.sidebar-right{
  grid-column: col-start 10 / span 2;
  grid-row: 1 !important;
  margin: 15px 0px 5px -30px;
}
#sidebar-right {position: -webkit-sticky; position: sticky; top: 75px; margin-bottom: 5px;}
.sidebar-right-adpage{
  grid-column: col-start 10 / span 2;
  grid-row: 1 !important;
  margin: 15px 0px 5px -30px;
}
#sidebar-right-adpage {position: -webkit-sticky; position: sticky; top: 75px; margin-bottom: 5px;}

.sidebar-right-afterbreak{
  grid-column: col-start 10 / span 2;
  grid-row: 1 !important;
  margin-top: 6px;
  margin-bottom: 5px;
  margin-left: -30px;
}
#sidebar-right-afterbreak {position: -webkit-sticky; position: sticky; top: 75px; margin-bottom: 5px;}




.sidebar-partnered-content{
  background: white;
  width: 285px !important;
  height: 208px !important;
  padding: 7px;
  margin: 5px 0px 10px 0px;
}
.sidebar-text-right {float: left; width: 170px; margin-top: -5px;}

.sidebar-partnered-content img {width: 100%;}

.sidebar-right-title { margin-bottom: 0px !important;}
.sidebar-right-box{
  background: white;
  width: 280px !important;
  height: auto;
  padding: 10px;
  margin-top: 7px; 
}
.sidebar-right-box2{
  background: white;
  width: 280px !important;
  height: auto;
  padding: 10px;
  margin: 10px 0px 0px 0px;
}
.sidebar-right-box-article{
  background: white;
  width: 280px !important;
  height: auto;
  padding: 10px;
  margin: 10px 0px 0px 0px;
  -webkit-transition: all .5s; transition: all .5s;
}
.sidebar-right-box-article:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.sidebar-right-box-ad{
  background: white;
  width: 280px !important;
  height: auto;
  padding: 10px;
}
.ad-right { margin-bottom: 7px !important; }
.most-popular {float: right; font-weight: bold;  font-size: 10px; text-decoration: none; font-style: italic; color: dimgrey !important;  text-transform: uppercase;}

.side-text-left {float: left;}

.headshot-side {width: 60px; float: left; padding: 5px 10px 5px 10px;}
.technology {
  padding: 4px 5px 7px 5px;
  font-size: 13px;
  margin: 0px 0px 0px 10px;
  width: 42% !important;
}
.technology:hover{
  border-left: solid 4px #ac1f2d !important;
  padding: 4px 5px 7px 5px;
  margin: 0px 0px 0px 6px;
  background: #f3efef;
  cursor: pointer;
}
.technology-full {
  padding: 4px 5px 7px 5px;
  font-size: 13px;
  margin: 0px 0px 0px 10px;
  width: 90% !important;
}
.technology-full:hover{
  border-left: solid 4px #ac1f2d !important;
  padding: 4px 5px 7px 5px;
  margin: 0px 0px 0px 6px;
  background: #f3efef;
  cursor: pointer;
}
.image-title2 {
  font-size: 16px;
  line-height: normal;
  text-decoration: none;
  color: black;
  text-transform: none;
  display: inline !important;
}
.image-title2:hover { opacity: .7 !important; color: black;}




/*************************** Sitemap *************************/

.sitemap li {
    list-style-type: none; /* Edited by Dan 2/6/20 */
    
}

/*************************** Footer *************************/


#footer {
  
  text-align: center;
  background: white;
  clear: both !important;
  width: 100%;
  height: auto;
  font-size: 12px;
}
.footer-twitter {margin-left: 0px;}
.sitemap-col {
  clear: both;
  display: block;
  display: inline-block;
  vertical-align: top;
  width: 80px;
  margin: auto;
  text-align: left;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 17px;
  padding-right: 18px;
  font-size:11px;
}
.sitemap-header {
  font-size: 13px !important;
  font-weight: bold;
}
#sitemap {
  margin: auto !important;
  padding-top: 25px;
  padding-bottom: 50px;
}
.sitemap-col a {
  clear:both; 
  padding-top: 5px;
  width:100%;
}

.four0four-text {font-size: 550%; font-family: 'Montserrat', sans-serif;}
.four0four {margin-top: 8px !important;}
.four0four-main {padding-bottom: 100px !important;}
.four0four-main button { background-color: #ac1f2d; color: white; padding: 15px 15px; margin: 10px 2px; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px}


/*************************** Takeover Ad *************************/

.w3-modal-content {margin:auto; background-color:#fff;  position:relative; padding:0; outline:0; max-width:600px !important;  max-height:450px !important;}
.w3-modal { z-index: 9999 !important; background: rgba(0,0,0,0.5) !important; padding-top: 150px !important; width:100%; height:100%; overflow:auto; display:none;position:fixed;left:0;top:0;}
.w3-container .w3-panel {padding: 0px !important;}
.w3-container, .w3-panel {padding: 0px !important;}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before {content:"";display:table;clear:both}

@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}}

@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}} 

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color: white;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:white;color:#000}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar .w3-button{white-space:normal}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
.w3-button:hover{color:#000!important;background-color:white !important}
.w3-display-topright{position:absolute;right:0;top:0}


@media print {
  /* All your print styles go here */
  #fb-root,
  .article, 
  .event-header,
  #top,
  .navbar,
  #fixed-nav,
  .menu-wrap,
  #open-button,
  .pma-top-logo,
  #breadcrumbs,
  #red-form, 
  .featured-article,
  .comments-icon-wrap,
  .sidebar-right-adpage,
  .sidebar-right-afterbreak,
  .socialmedia-left,
  #comment-wrap,
  .related-articles,
  .center-articles,
  #newsletter,
  #newsletter-afterbreak,
  #footer,
  .popup-box,
  .ad-break, 
  .comment-wrap, 
  .related-articles,
  #more-boxes-box,
   .dropdown-buttons {
    display: none !important;
  }
}