body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400; line-height:1.3; color:#212529;text-align:left;background-color: #eae9e9; } h1,h2,h3,h4,h5,h6{margin-top:0; margin-bottom:.5rem; font-family: 'Roboto', sans-serif; } p{margin-top:0;margin-bottom:1rem} a{text-decoration: none;background-color:transparent;-webkit-text-decoration-skip:objects; cursor: pointer !important;} a:hover{color:#ac1f2d; text-decoration: none; cursor: pointer !important; } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:sans-serif !important;line-height:1.2;color:inherit;} .h1,h1{font-size: 28px; letter-spacing: normal !important; font-weight: bold; color: #ac1f2d; } @-moz-document url-prefix() {.h1,h1{font-weight: bold; }} .h2,h2{font-size: 24px;} .h3,h3{font-size: 20px} .h4,h4{font-size: 17px; color: #ac202d;} .h5,h5{font-size: 14px} .h6,h6{font-size: 12px} /**************** Mobile Styles **********************/ /**************** 2560px - 1330px **********************/ @media all and (max-width: 2560px) and (min-width: 1330px) { .mobile-only {display: none;} .featured-article { margin-top: 40px;} .navbar { font-size: 14px; margin-top: 11px !important; -webkit-transition: all .5s; transition: all .5s; } .mf-author-box-col-1 {width: 378px; float: left; height: 249px !important;} .mf-author-box-col-2 {width: 378px; float: left; height: 249px !important;} .mf-author-box-col-1-2 {width: 780px; clear: both; } .author-box-1 {width: 240px; float: left;} .author-box-2 {width: 240px; float: left;} .author-box-3 {width: 240px; float: left;} .dropdown-side {display:none !important;} .technologies-dropdown-side {display:none !important;} #breadcrumbs {width: 775px; } #main-content {width: 775px;} #main-content-continued {width: 775px;} #article-content {width: 775px; } #article-content-continued {width: 775px;} .related-articles {width: 785px;} .comments {width: 785px; } .page-title {width: 785px; } .mobile-nav {display: none;} #my-account {width: 775px; height: auto !important;} #tech-showcase-box {width: 775px;} .more-box {width: 775px !important; } #newsletter {width: 775px; } #newsletter-afterbreak {width: 775px; } #newsletter-content {width: 775px; } #newsletter-content-afterbreak {width: 775px; } .featured-content{ width: 775px} #featured-content table {max-width: 350px !important; width: 100% !important; } .article-content table {max-width: 350px !important; width: 100% !important;} .article-content-continued table {max-width: 350px !important; width: 100% !important;} .ABody img { max-width: 350px !important; width: 100% !important;} .NewsBody img { max-width: 350px !important; width: 100% !important;} .ComBody img { max-width: 350px !important; width: 100% !important;} .DeptBody img { max-width: 350px !important; width: 100% !important;} .WHBody img { max-width: 350px !important; width: 100% !important;} .VidBody img { max-width: 350px !important; width: 100% !important;} #box1 {width: 445px; height: 228px; float: left;} #box2 {width: 312px; height: 228px; float: left;} #box3 {width: 345px; height: 140px; float: left;} #box4 {width: 413px; height: 110px; float: left;} #box5 {width: 345px; height: 140px; clear: left;} #box6 {width: 413px; height: 170px; float: right; margin: -194px 31px 10px 0px; } #box7 {width: 284px; height: 239px; float: left;} #box8 {width: 473px; height: 239px; float: left;} #box1-afterbreak {width: 312px; height: 226px; float: left;} #box2-afterbreak {width: 445px; height: 226px; float: left;} #box3-afterbreak {width: 413px; height: 110px; float: left;} #box4-afterbreak {width: 345px; height: 140px; float: left;} #box5-afterbreak {width: 413px; height: 170px; float: left; margin: -30px 5px 10px 0px;} #box6-afterbreak {width: 345px; height: 140px; float: left;} #box7-afterbreak {width: 470px; height: 239px; float: left;} #box8-afterbreak {width: 287px; height: 239px; float: left;} .small-thumbnail {width: 175px; height: 110px; float: left;} .small-text-right {width: 100px; float: left;} .text-left {width: 200px;} .text-right {width: 170px; float: left;} #box3-afterbreak .text-right {width: 290px;} #box5-afterbreak .text-left {width: 230px;} #current-issue { width: 775px;} .current-cover { float: right; height: 350px;} .cover-text-left { float: left; width: 60%;} #featured-content iframe {height: 400px !important} .article-content iframe {height: 400px !important} .article-content-continued iframe {height: 400px !important} .cover {width: 240px;} #box1-issue {width: 238px; height: 390px !important; float: left;} #box2-issue {width: 238px; height: 390px !important; float: left;} #box3-issue {width: 238px; height: 390px !important; float: left;} #box4-issue {width: 238px; height: 390px !important; float: left;} #box5-issue {width: 238px; height: 390px !important; float: left;} #box6-issue {width: 238px; height: 390px !important; float: left;} #box7-issue {width: 238px; height: 390px !important; float: left;} #box8-issue {width: 238px; height: 390px !important; float: left;} #box9-issue {width: 238px; height: 390px !important; float: left;} #box10-issue {width: 238px; height: 390px !important; float: left;} #box11-issue {width: 238px; height: 390px !important; float: left;} #box12-issue {width: 238px; height: 390px !important; float: left;} .sp-issues .cover {width: 171px;} .sp-issues #box1-issue, .sp-issues #box2-issue, .sp-issues #box3-issue, .sp-issues #box4-issue, .sp-issues #box5-issue, .sp-issues #box6-issue, .sp-issues #box7-issue, .sp-issues #box8-issue, .sp-issues #box9-issue, .sp-issues #box10-issue, .sp-issues #box11-issue, .sp-issues #box12-issue {width: 171px; height: 260px !important; float: left;} .featured-content #box1-video {width: 765px;} .video-top-box {height: 350px; } #box1-video {width: 780px; height: auto !important; float: left;} #box2-video {width: 379px; height: 250px !important; float: left;} #box3-video {width: 379px; height: 250px !important; float: left;} #box4-video {width: 379px; height: 250px !important; float: left;} #box5-video {width: 379px; height: 250px !important; float: left;} #box1-video-afterbreak {width: 379px; height: 250px !important; float: left; margin-top: 5px;} #box2-video-afterbreak {width: 379px; height: 250px !important; float: left; margin-top: 5px;} #box3-video-afterbreak {width: 379px; height: 250px !important; float: left;} #box4-video-afterbreak {width: 379px; height: 250px !important; float: left;} #box5-video-afterbreak {width: 379px; height: 250px !important; float: left;} #box6-video-afterbreak {width: 379px; height: 250px !important; float: left;} .box1-glossary {width: 379px; height: 130px !important; float: left;} .box2-glossary {width: 379px; height: 130px !important; float: left;} .highlighted-word {width: 372px; } .afterbreak2 {margin-top: 7px !important;} #box1-infocenter {width: 379px; height: 260px !important; float: left;} #box2-infocenter {width: 379px; height: 260px !important; float: left;} #box3-infocenter {width: 379px; height: 260px !important; float: left;} #box4-infocenter {width: 379px; height: 260px !important; float: left;} #box5-infocenter {width: 379px; height: 260px !important; float: left;} #box6-infocenter {width: 379px; height: 260px !important; float: left;} .podcast-top-box {height: 350px; } #box1-podcast {width: 780px; height: auto !important; float: left;} #box2-podcast {width: 379px; height: 250px !important; float: left;} #box3-podcast {width: 379px; height: 250px !important; float: left;} #box4-podcast {width: 379px; height: 250px !important; float: left;} #box5-podcast {width: 379px; height: 250px !important; float: left;} #whitepaper-box { width: 775px;} .whitepaper-cover { float: right; height: 350px; margin-left: 20px;} .whitepaper-image { width: 175px; border: 1px solid grey; float: left;} .whitepaper-text {width: 180px;} #box1-whitepaper {width: 379px; height: 250px !important; float: left;} #box2-whitepaper {width: 379px; height: 250px !important; float: left;} #box3-whitepaper {width: 379px; height: 250px !important; float: left;} #box4-whitepaper {width: 379px; height: 250px !important; float: left;} #box5-whitepaper {width: 379px; height: 250px !important; float: left;} #box6-whitepaper {width: 379px; height: 250px !important; float: left;} #box1-whitepaper-afterbreak {width: 379px; height: 250px !important; float: left; margin-top: 6px;} #box2-whitepaper-afterbreak {width: 379px; height: 250px !important; float: left; margin-top: 6px;} #box3-whitepaper-afterbreak {width: 379px; height: 250px !important; float: left;} #box4-whitepaper-afterbreak {width: 379px; height: 250px !important; float: left;} #box5-whitepaper-afterbreak {width: 379px; height: 250px !important; float: left;} #box6-whitepaper-afterbreak {width: 379px; height: 250px !important; float: left;} .newsletters-image { width: 220px; float: left;} .newsletters-text {width: 520px; } #box1-newsletters {width: 780px; height: 300px !important;} #newsletter-header { width: 775px; min-height: 270px; height: auto !important; padding-right: 10px;} .newsletter-image { float: right; height: 270px;} .box1-newsletter {width: 244px; height: 60px !important; float: left;} .box2-newsletter {width: 244px; height: 60px !important; float: left;} .box3-newsletter {width: 244px; height: 60px !important; float: left;} .box1-calendar {width: 379px; height: 120px !important; float: left;} .box2-calendar {width: 379px; height: 120px !important; float: left;} .event-date-left {width: 80px;} .event-title-right {width: 250px; } #box1-events, #box2-events, #box3-events, #box4-events, #box5-events, #box6-events, #box7-events, #box8-events {width: 379px; height: 250px !important; float: left;} #event-about iframe {height: 400px !important} .event-content{ width: 775px;} .event-content-afterbreak{ width: 795px;} #event-nav{ width: 775px; height: 25px;} #event-nav-afterbreak{ width: 775px; height: 25px;} #event-about { width: 775px;} #event-sponsoring { width: 775px;} #event-presentations { width: 775px;} #event-agenda { width: 775px;} #event-register { width: 775px; clear: both;} .speaker-headshot {width: 180px; margin-bottom: -3px; margin-left: -15px; margin-top: -10px; height: 100%; min-height: 200px; object-fit: cover;} .speaker-wrapper {width: 180px; float: right;} .box1-speaker {width: 372px; height: 180px !important; float: left; margin: 0px 10px 10px 0px;} .box2-speaker {width: 372px; height: 180px !important; float: left; margin: 0px;} #event-hotel { background: white; } .sponsor-logo {width: 170px; margin: auto !important; text-align: center;} .box-sponsors-4 {width: 171px; height: auto !important; float: left; } .box-sponsors-4.center-4 {margin-right: 0px !important; } .box-sponsors-3 {width: 238px; height: auto !important; float: left;} .box-sponsors-3.center-3{margin-right: 0px !important; } .box-sponsors-2 {width: 372px; height: auto !important; float: left;} .box-sponsors-2.center-2 {margin-right: 0px !important;} .box-sponsors-1 {width: 775px; height: auto !important; float: left;} #contact-box {width: 775px; height: 365px !important;} .contact-map {margin-top: -42px;} .box-staff-center {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-left {width: 379px; height: 110px !important; float: left; } .box-staff-right {width: 379px; height: 110px !important; float: left;} .box-sales {height:125px !important;} .history {width: 775px; height: auto;} .terms-conditions {width: 775px; height: auto;} #subscribe-box {width: 775px; height: auto;} .subscribe-issues {margin-top: -42px;} .testimonial { width: 785px;} #login {width: 400px !important;} #profile {width: 400px !important;} #suppliers-header { width: 775px; padding-right: 10px; height: auto !important;} .box-suppliers {width: 379px; height: 60px !important; float: left;} .advertise-box {width: 775px; height: auto !important;} .advertise-right {margin-top: -42px;} .box1-showcase {width: 379px; height: 145px; float: left;} .box2-showcase {width: 379px; height: 145px; float: left;} .dropdown-button.space {margin-top: 0px !important;} .dropdown-button {width: 795px; margin-top: 10px !important;} .dropdown-buttons {width: 795px;} .dropdown-buttons #type-of-technology {width: 49.7%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-news {width: 49.7%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-content {width: 49.7%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-category {width: 49.7%; margin: auto !important; float: none !important; display: inline-block !important;} #type-of-content { display: inline-block !important; width: 285px; margin-left: 10px;} #type-of-category { display: inline-block !important; width: 285px; margin-left: 10px;} .dropdown-button #type-of-technology { float: left; width: 320px; margin-top: 0px; margin-left: 0px;} #main-content #type-of-technology { float: none; width: 320px; margin-top: 10px; margin-left: 0px;} #type-of-technology { float: none; width: 320px; margin-left: 0px;} #year {margin-top: 0px; float: left; width: 180px; } .issue-type {float: right; margin-right: 10px; padding: 10px; display: inline-block; } #sub-categories { display: inline-block !important; width: 320px; margin-top: 10px;} .custom-select { position: relative; padding-bottom: 5px; text-decoration: none; font-style: italic; margin-top: -10px; margin-right: -10px;} .custom-select select { display: none; } .select-selected { text-transform: uppercase; background-color: #ac1f2d; font-weight: bold !important; font-size: 16px !important;} .select-selected.dropdown-column {text-transform: uppercase; background-color: red !important; font-weight: bold !important; font-size: 16px !important;} .select-items div.column-1 { width: 100px !important; float: left; background-color: red;} .select-items div .column-2 { width: 100px !important; float: left;} .select-selected:after { position: absolute; content: "\f101"; font-family: FontAwesome; font-weight: 100 !important; right: 15px; border-color: #fff transparent transparent transparent;} .select-selected.select-arrow-active:after { content: "\f103"; font-family: FontAwesome; border-color: transparent transparent #fff transparent; } .select-items div,.select-selected { color: #ffffff; padding: 9px 10px; font-size: 12px; font-weight: 300; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: #ac1f2d; top: 100%; left: 0; right: 0; z-index: 1001;} .select-hide { display: none;} .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} #arrow-dropdown {display: none;} } /**************** 1329px - 1024px **********************/ @media all and (max-width: 1329px) and (min-width: 1024px) { .mobile-only {display: none;} .like-button {display: none;} .featured-article { margin-top: 40px;} .article { padding-top: 75px; } nav { height: 90px !important; } .navbar { font-size: 14px; top: 46px !important; -webkit-transition: all .5s; transition: all .5s; } .logo { width: 120px !important; position: absolute; top: 7px !important; left: 90px !important; -webkit-transition: all .5s; transition: all .5s; } #top-right-nav { display: none; font-size: 10px; } .menu-button { width: 30px !important; height: 20px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s;transition: all .5s; } .menu-button span:nth-child(1) {top: 0px !important; height: 2px !important;} .menu-button span:nth-child(2) {top: 9px !important; height: 2px !important;} .menu-button span:nth-child(3) {top: 18px !important; height: 2px !important;} .dropdown-side {display:none !important; } .technologies-dropdown-side {display:none !important; } body { padding: 0px !important; } #search { width: 35px; top: 55px; right: 15px; -webkit-transition: all .5s ; transition: all .5s ; } #search-top input[type="text"] { height: 40px; top: 10px; font-size: 1px; } #search-body input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #search-body input[type="text"]:focus { width: 520px !important; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: white; margin-right: 25px !important; } .wrapper{ width: 880px; margin: auto !important; height: auto !important; } .socialmedia-left{ margin-left: -20px !important;} .socialmedia-left-afterbreak { margin-left: -20px !important;} .main-content{ margin-left: -33px !important; width: 600px} .main-content-continued { margin-left: -33px !important; width: 600px} .article-content-continued { margin-left: -33px !important; width: 600px} .article-content{ margin-left: -33px !important; width: 600px} .newsletter-content{ margin-left: -33px !important; width: 600px} .newsletter-content-continued { margin-left: -33px !important; width: 600px} #main-content {width: 550px;} #article-content {width: 550px;} #featured-content table {max-width: 280px !important; width: 100% !important; } .article-content table {max-width: 280px !important; width: 100% !important;} .article-content-continued table {max-width: 280px !important; width: 100% !important;} .ABody img { max-width: 280px !important; width: 100% !important;} .NewsBody img { max-width: 280px !important; width: 100% !important;} .ComBody img { max-width: 280px !important; width: 100% !important;} .DeptBody img { max-width: 280px !important; width: 100% !important;} .WHBody img { max-width: 280px !important; width: 100% !important;} .VidBody img { max-width: 280px !important; width: 100% !important;} .dynamic-caption {max-width: 280px !important; width: 100% !important; clear:both; padding:0px 10px 10px 10px; margin-left: 15px;} .mf-author-box-col-1 {width: 266px; float: left; height: 268px !important;} .mf-author-box-col-2 {width: 266px; float: left; height: 268px !important;} .mf-author-box-col-1-2 {width: 555px; clear: both;} .mf-author-box-col-1 .category-tag-article {font-size: 12px;} .mf-author-box-col-2 .category-tag-article {font-size: 12px;} .mf-author-box-col-1-2 .category-tag-article {font-size: 12px;} .author-box-1 {width: 260px; float: left;} .author-box-2 {width: 260px; float: left;} .author-box-3 {width: 260px; float: left;} #br {display: none;} .banner-ad { margin-left: -35px;} #main-content-continued {width: 550px;} #article-content-continued {width: 550px;} #breadcrumbs {width: 550px;} .page-title {width: 560px; } .mobile-nav {display: none;} .related-articles {width: 560px; } .comments {width: 560px; } #my-account {width: 550px; height: auto !important;} #tech-showcase-box {width: 550px;} .liked-date, .viewed-date {clear:none; } .more-box {width: 550px !important; } #newsletter {width: 550px; } #newsletter-afterbreak {width: 550px; } #newsletter-content {width: 550px; } #newsletter-content-afterbreak {width: 550px; } #newsletter-email {width:35%;} #newsletter-fname, #newsletter-lname {width:30%;} #subscribe {width:45%;} .featured-content{ margin-left: -33px !important; width: 550px} .sidebar-right { margin-left: -45px !important;} .sidebar-right-adpage { margin-left: -45px !important;} .sidebar-right-afterbreak { margin-left: -45px !important; } #advertise {margin-top: -465px !important; margin-left: 905px !important; } .image-title { font-size: 33px; text-decoration: none; color: white; text-transform: none;} #box1 {width: 555px; height: 275px;} #box2 {width: 555px; height: auto; margin: 0px 0px 10px 0px;} #box3 {width: 555px; height: 140px; margin: 0px 0px 10px 0px;} #box4 {width: 555px; height: auto; margin: 0px 0px 10px 0px;} #box5 {width: 555px; height: 140px; margin: 0px 0px 10px 0px;} #box6 {width: 555px; height: 140px; margin: 0px 0px 10px 0px; float: none;} #box7 {width: 555px; height: auto; margin: 0px 0px 10px 0px;} #box8 {width: 555px; height: 275px; margin: 0px 0px 10px 0px;} #box1-afterbreak {width: 555px; height: auto; margin: 5px 0px 10px 0px;} #box2-afterbreak {width: 555px; height: 275px; margin: 0px 0px 10px 0px;} #box3-afterbreak {width: 555px; height: 120px; margin: 0px 0px 10px 0px;} #box4-afterbreak {width: 555px; height: 140px; margin: 0px 0px 10px 0px;} #box5-afterbreak {width: 555px; height: 140px; margin: 0px 0px 10px 0px; } #box6-afterbreak {width: 555px; height: 140px; margin: 0px 0px 10px 0px;} #box7-afterbreak {width: 555px; height: 275px; margin: 0px 0px 10px 0px;} #box8-afterbreak {width: 555px; height: auto; margin: 0px 0px 10px 0px;} .headline-1 { color: black; font-weight: 650; font-size: 27px;} .headline-2 { color: black; font-weight: 550; font-size: 25px;} .headline-3 { color: black; font-weight: 450; font-size: 24px;} .headline-4 { color: black; font-weight: 500; font-size: 22px;} .headline-5 { color: black; font-weight: 650; font-size: 20px;} .headline-6 { color: black; font-weight: 550; font-size: 17px;} .headline-7 { color: black; font-weight: 550; font-size: 14px;} .headline-8 { color: black; font-weight: 650; font-size: 12px;} .small-thumbnail {width: 261px; height: 90px; float: left;} .small-text-right {width: 160px; float: left; height: auto !important;} .small-image-left-box { width: 90px} .text-left {width: 400px;} .text-right {width: 400px; float: left;} #current-issue { height: auto !important; width: 550px;} .current-cover { float: right; height: auto; width: 200px; margin: 0px 0px 5px 10px; } .cover-text-left { float: none; text-align: left;} .cover-article { width: 340px;} .cover {width: 260px;} #box1-issue {width: 260px; height: 415px !important; float: left;} #box2-issue {width: 260px; height: 415px !important; float: left;} #box3-issue {width: 260px; height: 415px !important; float: left; margin: 0px 5px 10px 0px;} #box4-issue {width: 260px; height: 415px !important; float: left; margin: 0px 0px 10px 5px;} #box5-issue {width: 260px; height: 415px !important; float: left; margin: 0px 5px 10px 0px;} #box6-issue {width: 260px; height: 415px !important; float: left; margin: 0px 0px 10px 5px;} #box7-issue {width: 260px; height: 415px !important; float: left; margin: 7px 5px 10px 0px;} #box8-issue {width: 260px; height: 415px !important; float: left; margin: 7px 0px 10px 5px;} #box9-issue {width: 260px; height: 415px !important; float: left; margin: 0px 5px 10px 0px;} #box10-issue {width: 260px; height: 415px !important; float: left; margin: 0px 0px 10px 5px;} #box11-issue {width: 260px; height: 415px !important; float: left; margin: 0px 5px 10px 0px;} #box12-issue {width: 260px; height: 415px !important; float: left;} .sp-issues #box1-issue, .sp-issues #box2-issue, .sp-issues #box3-issue, .sp-issues #box4-issue, .sp-issues #box5-issue, .sp-issues #box6-issue, .sp-issues #box7-issue, .sp-issues #box8-issue, .sp-issues #box9-issue, .sp-issues #box10-issue, .sp-issues #box11-issue, .sp-issues #box12-issue {width: 260px; height: auto !important; float: left;} .sp-issues #box3-issue, .sp-issues #box7-issue, .sp-issues #box11-issue {margin: 0px 5px 10px 0px;} .sp-issues #box4-issue, .sp-issues #box8-issue, .sp-issues #box12-issue {margin: 0px 0px 10px 5px;} .featured-content #box1-video {width: 535px;} .video-top-box {height: 275px; } #box1-video {width: 555px; height: auto !important; float: left;} #box2-video {width: 265px; height: 240px !important; float: left;} #box3-video {width: 265px; height: 240px !important; float: left;} #box4-video {width: 265px; height: 240px !important; float: left;} #box5-video {width: 265px; height: 240px !important; float: left;} #box1-video-afterbreak {width: 265px; height: 240px !important; float: left; margin-top: 5px;} #box2-video-afterbreak {width: 265px; height: 240px !important; float: left; margin-top: 5px;} #box3-video-afterbreak {width: 265px; height: 240px !important; float: left;} #box4-video-afterbreak {width: 265px; height: 240px !important; float: left;} #box5-video-afterbreak {width: 265px; height: 240px !important; float: left;} #box6-video-afterbreak {width: 265px; height: 240px !important; float: left;} .box1-glossary {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box2-glossary {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .highlighted-word {width: 548px; } #box1-infocenter {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-infocenter {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-infocenter {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-infocenter {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-infocenter {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-infocenter {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box1-podcast {width: 555px; height: auto !important; float: left;} #box2-podcast {width: 265px; height: 240px !important; float: left;} #box3-podcast {width: 265px; height: 240px !important; float: left;} #box4-podcast {width: 265px; height: 240px !important; float: left;} #box5-podcast {width: 265px; height: 240px !important; float: left;} .podcast-image-text { font-size:1.1em; } .podcast-image-text-top {font-size:1.5em; } #whitepaper-box { height: auto !important; width: 550px;} .whitepaper-cover { float: right; height: auto; width: 200px; margin: 0px 0px 5px 20px; } .whiterpaper-title { color: black; font-weight: 550; font-size: 25px; width: 305px;} .whitepaper-image { width: 150px; float: left;} .whitepaper-text {width: 390px;} #box1-whitepaper {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-whitepaper {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-whitepaper {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-whitepaper {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-whitepaper {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-whitepaper {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box1-whitepaper-afterbreak {width: 555px; height: auto !important; float: left; margin-top: 6px;} #box2-whitepaper-afterbreak {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-whitepaper-afterbreak {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-whitepaper-afterbreak {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-whitepaper-afterbreak {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-whitepaper-afterbreak {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .newsletters-image { width: 200px; float: left;} .newsletters-text {width: 340px;} #box1-newsletters {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-newsletters {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-newsletters {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-newsletters {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-newsletters {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-newsletters {width: 555px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #newsletter-header { width: 550px; height: 370px !important; padding-right: 10px;} .newsletter-image { float: right; width: 220px;} .box1-newsletter {width: 266px; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box2-newsletter {width: 266px; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box3-newsletter {width: 266px; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box1-newsletter .headline-5 { font-size: 16px; margin: 10px 0px 0px 5px;} .box2-newsletter .headline-5 { font-size: 16px;margin: 10px 0px 0px 5px;} .box3-newsletter .headline-5 { font-size: 16px;margin: 10px 0px 0px 5px;} #newsletter-content table { max-width: 550px !important; margin: 0 !important; } #newsletter-content img { max-width: 550px !important; margin: auto !important; } .box1-calendar {width: 265px; height: 120px !important; float: left;} .box2-calendar {width: 265px; height: 120px !important; float: left;} .box1-calendar .headline-4 {font-size: 14px;} .box2-calendar .headline-4 {font-size: 14px;} .event-date-left {width: 75px;} .event-title-right {width: 140px; } #box1-events, #box2-events, #box3-events, #box4-events {width: 265px; height: 220px !important; float: left;} .event-content{margin-left: -34px; width: 572px;} .event-content-afterbreak{margin-left: -34px; width: 572px;} #event-nav{margin-left: -34px; width: 552px; height: 25px;} #event-nav a{padding: 0px 10px; font-size: 15px;} #event-nav-afterbreak{margin-left: -34px; width: 552px; height: 25px;} #event-nav-afterbreak a{padding: 0px 10px; font-size: 15px;} #event-about { width: 552px;} #event-sponsoring { width: 552px;} #event-presentations { width: 552px;} #event-agenda { width: 552px;} .timeline:before {width: 4px; left: 20%; margin-left: -11px; } .timeline > li > .timeline-panel { width: 75%; text-align: left; float: right; padding: 5px 15px 15px 15px; position: relative; } .timeline > li > .timeline-circle { top: 5px; left: 17%; } .timeline .agenda-time{ left: 5%; margin-left: -25px; font-size: 14px; } .speaker-headshot {width: 120px; margin-bottom: -3px;} .speaker-wrapper {width: 420px; float: right;} .box1-speaker {width: 552px; height: auto !important; float: left; margin: 0px 10px 10px 0px;} .box2-speaker {width: 552px; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #event-register {width: 552px; clear: both;} .col-1 {margin: auto !important; width: 100%; padding: 0px 5px 10px 5px; text-align: center;} .col-2 {width: 100%; border-left: none; border-top: 1px solid #ac1f2d; border-bottom: 1px solid #ac1f2d; border-right: none; padding: 20px 0px; text-align: center;} .col-3 {width: 100%; padding: 20px 5px 10px 5px; text-align: center;} .register {margin: 10px 10px 10px 20px !important; clear: both;} .register-now {margin: 10px 10px 10px 20px !important; clear: both;} #event-hotel { width: 552px; background: white; } .hotel-image {float: left; width: 400px; padding: 10px 0px;} #hotel-left { width: 100%; left: 0; float: left;} #hotel-right {right: 0; width: 100%; float: left;} .sponsor-logo {width: 115px; margin: auto !important; text-align: center;} .box-sponsors-4 {width: 115px; height: auto !important; float: left; } .box-sponsors-4.center-4 {margin-right: 0px !important; } .box-sponsors-3 {width: 163px; height: auto !important; float: left;} .box-sponsors-3.center-3{margin-right: 0px !important; } .box-sponsors-2 {width: 260px; height: auto !important; float: left;} .box-sponsors-2.center-2 {margin-right: 0px !important;} .box-sponsors-1 {width: 552px; height: auto !important; float: left;} .sponsoring { width: 560px;} .testimonial { width: 560px;} #contact-box .contact-left {width: 100% !important; float: none; font-size: 14px !important; } #contact-box table, tr { width: 550px; } .contact-map {width: 100%; float: none;} .map {width: 100px; margin-top: 5px; padding-right: 10px;} .info-right {width: 129px; float: right; font-size: 11px; text-align: right;} span.areas {font-size: 12px !important; line-height: normal} #contact-box {width: 550px; height: auto !important;} .box-staff-center {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-left {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-right {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .history {width: 550px; height: auto;} .terms-conditions {width: 550px; height: auto;} #subscribe-box .subscribe-left {width: 100% !important; float: none; } #subscribe-box { width: 550px; } .subscribe-issues {width: 320px; float: none;} #login {width: 400px !important;} #profile {width: 400px !important;} #my-account-info { float: left; width: 330px; } .liked-date, .viewed-date {clear:none; } #redbox-top-right { clear:both; width: 101%; text-align: center; color: white; background: #ac1f2d; padding: 5px 10px 5px 5px; margin-top: 0px !important; margin-right: -10px;} #redbox-top-right a { color: white; font-size: 12px;} #registrations-right { clear: both; width: 100%; text-align: left; padding: 10px 0px 5px 5px; } #suppliers-header { width: 550px; height: auto !important; padding-right: 10px;} .box-suppliers {width: 555px; height: auto !important; float: left;} .box-suppliers .headline-5 {margin: 0px; } .box1-showcase {width: 555px; height: auto !important; float: left;} .box2-showcase {width: 555px; height: auto !important; float: left; margin-left: 0px;} .box1-showcase .headline-5 {margin: 0px; } .box2-showcase .headline-5 {margin: 0px; } .company-map {border:0; position: static ; width: 100%; margin: 20px 0px -5px 0px;} .company-logo {float: right; position: static; width: 140px; } .company-thumbnail {width: 130px; margin: 6px 5px 3px 0px;} .advertise-table td {font-size: 11px; } .advertise-box .advertise-left {width: 100% !important; float: none; font-size: 14px !important; } .advertise-box { width: 550px; } .advertise-right {width: 100%; float: none;} .advertise-img {float:left; text-align: center; width: 100% !important;} .advertise-img img {width: 50%;} .advertise-copy {width: 90% !important; margin:0 auto; text-align: center;} .dropdown-button.space {margin-top: 0px !important;} .dropdown-button {width: 570px; height: 38px !important; margin-top: 20px !important;} .dropdown-buttons {width: 570px; height: 38px !important;} .dropdown-buttons #type-of-technology {width: 54.5%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-news {width: 44.7%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-content {width: 44.7%; margin: auto !important; float: none !important; display: inline-block !important;} #type-of-content { display: inline-block !important; width: 50%; margin-left: 10px;} #type-of-content .select-selected {font-size: 12px !important;} .dropdown-buttons #type-of-category {width: 44.7%; margin: auto !important; float: none !important; display: inline-block !important;} #type-of-category { display: inline-block !important; width: 50%; margin-left: 10px;} #type-of-category .select-selected {font-size: 12px !important;} #main-content #type-of-technology { float: none; width: 300px; margin-top: 10px;} #type-of-technology { float: none; width: 300px;} #type-of-technology .select-selected {font-size: 12px !important;} #type-of-news { float: right; width: 250px;} #type-of-news .select-selected {font-size: 14px !important;} #year {margin-top: 0px; float: left; width: 150px; } #year .select-selected {font-size: 14px !important;} .issue-type {float: right; margin-right: 10px; padding: 10px; display: inline-block ; } #sub-categories {display: inline-block !important; width: 49.5%; margin-top: 10px;} #sub-categories .select-selected {font-size: 14px !important;} .custom-select { position: relative; padding-bottom: 5px; text-decoration: none; font-style: italic; margin-right: -10px;} .custom-select select { display: none; } .select-selected {text-transform: uppercase; background-color: #ac1f2d; font-weight: bold !important; font-size: 16px !important;} .select-selected:after { position: absolute; content: "\f101"; font-family: FontAwesome; font-weight: 100 !important; right: 15px; border-color: #fff transparent transparent transparent;} .select-selected.select-arrow-active:after { content: "\f103"; font-family: FontAwesome; border-color: transparent transparent #fff transparent; } .select-items div,.select-selected {color: #ffffff; padding: 11px 10px; font-size: 12px; font-weight: 300; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; margin-top: -2px;} .select-items { position: absolute; background-color: #ac1f2d; top: 100%; left: 0; right: 0; z-index: 1001;} .select-hide { display: none;} .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} #arrow-dropdown {display: none;} } /**************** 1023px - 770px **********************/ @media all and (max-width: 1023px) and (min-width: 771px) { .mobile-only {display: none;} .like-button {display: none;} .container{margin: -35px 10px 10px 50px; width: 600px; } .article { padding-top: 35px; } nav { height: 50px !important; } .logo { width: 120px !important; position: absolute; top: 7px !important; left: 80px !important; -webkit-transition: all .5s; transition: all .5s; } #top-right-nav { display: none; font-size: 10px; } #search { width: 25px !important; margin-top: 5px !important; -webkit-transition: height .5s, line-height .5s; /* Safari */ transition: height .5s, line-height .5s; border-bottom: solid white !important; } #search-top input[type="text"] { position: fixed; top: 65px; right: 15px; height: 40px; font-size: 1px; margin-top: 15px; } input.searchbar {width: 20px !important; margin-right: -8px !important;} #search-top input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #search-top input[type="text"]:focus { width: 275px !important; z-index: 1; border-bottom: 1px solid #BBB !important; cursor: text; background: white; margin-right: 35px !important; font-size: 18px !important; } #search-body input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #search-body input[type="text"]:focus { width: 235px !important; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: white; margin-right: 15px !important; } .scrolled-nav #search { margin-top: -1px !important;} .dropdown { display: none !important; } .menu-button { width: 30px !important; height: 20px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s;transition: all .5s; } .menu-button span:nth-child(1) {top: 0px !important; height: 2px !important;} .menu-button span:nth-child(2) {top: 9px !important; height: 2px !important;} .menu-button span:nth-child(3) {top: 18px !important; height: 2px !important;} .dropdown-side {display:block !important;} .technologies-dropdown-side {display:block !important;} .on-this-page { display: none ;} .side-nav-item { margin-top: -40px; display: block !important; } body { padding: 0px !important;} wrapper{ width: 780px; margin: auto !important; height: auto !important;} .socialmedia-left{ grid-column: col-start 2 / span 1; margin-left: 25px !important;} .socialmedia-left-afterbreak { grid-column: col-start 2 / span 1; margin-left: 25px;} .main-content{ grid-column: col-start 3 / span 8; margin-left: 0px; } .main-content-continued { grid-column: col-start 3 / span 8; margin-left: 0px; } .article-content-continued { grid-column: col-start 3 / span 8; margin-left: 0px; } .article-content{ grid-column: col-start 3 / span 8; margin-left: 0px; } .newsletter-content{ grid-column: col-start 3 / span 8; margin-left: 0px; } .newsletter-content-continued { grid-column: col-start 3 / span 8; margin-left: 0px; } .mf-author-box-col-1 {margin: 0px 0px 10px 0px; } .mf-author-box-col-2 {margin: 0px 0px 10px 0px; } .mf-author-box-col-1-2 {margin: 0px 0px 10px 0px;} .center-authors {margin: auto !important; } .author-box-1 {width: 45%; float: left;} .author-box-2 {width: 45%; float: left;} .author-box-3 {width: 45%; float: left;} #featured-content table {width: 100% !important; float: none !important; margin-left: 0px !important;} .article-content table {width: 100% !important; float: none !important; margin-left: 0px !important;} .article-content-continued table {width: 100% !important; float: none !important; margin-left: 0px !important;} #featured-content table img {float: none !important; max-height: 250px; object-fit: cover; } #main-content table {width: 98% !important; } #main-content-continued table {width: 98% !important; } .ABody img { max-width: none; width: 95% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .NewsBody img {max-width: none; width: 95% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .ComBody img {max-width: none; width: 95% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .DeptBody img {max-width: none; width: 95% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .WHBody img {max-width: none; width: 95% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .VidBody img {max-width: none; width: 95% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .top {object-position: top !important;} .bottom {object-position: bottom !important;} .dynamic-caption {max-width: none; width: 95% !important; margin: -17px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover; clear:both; padding:0px 10px 10px 10px; margin-left: 3px;} .caption-wrap {position:relative; padding:10px; max-width: none;} .article-content table img { max-height: 250px; object-fit: cover;} .article-content-continued table img { max-height: 250px; object-fit: cover;} #featured-content .lightred-tableleft {width: 100% !important;} .article-content-continued .lightred-tableleft {width: 100% !important;} .article-content .lightred-tableleft {width: 100% !important;} #featured-content .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .article-content-continued .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .article-content .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .featured-content { grid-column: col-start 3 / span 8; margin-left: 0px;} .sidebar-right{ grid-row: 2 !important; grid-column: col-start 5 / span 3; margin-top: -9px;} .sidebar-right-adpage{ display: none;} .sidebar-right-afterbreak{ grid-row: 2 !important; grid-column: col-start 5 / span 3; margin-top: -9px;} #sidebar-right { top: 0px; margin-bottom: 6px;} #my-account {margin: 0px 0px 10px 0px; height: auto;} .liked-date, .viewed-date {clear:none; } #past-events {display: none !important;} .more-box { margin: 0px 0px 10px 0px; } #newsletter-afterbreak { margin: 0px 0px 10px 0px; } #newsletter-content-afterbreak {margin: 0px 0px 10px 0px;} #newsletter-email {width:35%;} #newsletter-fname, #newsletter-lname {width:30%;} #subscribe {width:45%;} #sidebar-right-afterbreak { top: 0px; margin-bottom: 6px;} #advertise { margin-top: -375px !important; margin-right: 390px !important; } #suppliers { margin-top: -270px !important;} .image-title { font-size: 32px; text-decoration: none; color: white; text-transform: none; } #box1 {width: 98%; height: 275px;} #box2 {width: 98%; height: auto; margin: 0px 0px 10px 0px;} #box3 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box4 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box5 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box6 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box7 {width: 98%; height: auto; margin: 0px 0px 10px 0px;} #box8 {width: 98%; height: 275px; margin: 0px 0px 10px 0px;} #box1-afterbreak {width: 98%; height: auto; margin: 5px 0px 10px 0px;} #box2-afterbreak {width: 98%; height: 275px; margin: 0px 0px 10px 0px;} #box3-afterbreak {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box4-afterbreak {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box5-afterbreak {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box6-afterbreak {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box7-afterbreak {width: 98%; height: 275px; margin: 0px 0px 10px 0px; } #box8-afterbreak {width: 98%; height: auto; margin: 0px 0px 10px 0px;} .headline-1 { color: black; font-weight: 650; font-size: 25px;} .headline-2 { color: black; font-weight: 550; font-size: 23px;} .headline-3 { color: black; font-weight: 450; font-size: 22px;} .headline-4 { color: black; font-weight: 500; font-size: 20px;} .headline-5 { color: black; font-weight: 650; font-size: 18px;} .headline-6 { color: black; font-weight: 550; font-size: 16px;} .headline-7 { color: black; font-weight: 550; font-size: 14px;} .headline-8 { color: black; font-weight: 650; font-size: 12px;} .small-thumbnail {width: 45%; height: 90px; float: left;} .small-text-right {width: 55%; float: left; height: auto !important;} .small-image-left-box { width: 90px} .text-left {width: 65%;} .text-right {float: left; width: 65%;} #current-issue { height: auto !important;} .current-cover { float: right; height: auto; width: 30%; margin: 0px 0px 10px 15px;} .cover-text-left { float: none; text-align: left;} .cover-article { color: black; float: none; font-weight: 550; font-size: 25px; width: 310px;} .center-issues {margin: auto !important; } .cover {width: 100%; } #box1-issue {width: 44%; float: left; height: auto !important; margin: 0px 5px 10px 0px;} #box2-issue {width: 44%; float: left; height: auto !important; margin: 0px 0px 10px 5px;} #box3-issue {width: 44%; float: left; height: auto !important; margin: 0px 5px 10px 0px;} #box4-issue {width: 44%; float: left; height: auto !important; margin: 0px 0px 10px 5px;} #box5-issue {width: 44%; float: left; height: auto !important; margin: 0px 5px 10px 0px;} #box6-issue {width: 44%; float: left; height: auto !important; margin: 0px 0px 10px 5px;} #box7-issue {width: 44%; float: left; height: auto !important; margin: 7px 5px 10px 0px;} #box8-issue {width: 44%; float: left; height: auto !important; margin: 7px 0px 10px 5px;} #box9-issue {width: 44%; float: left; height: auto !important; margin: 0px 5px 10px 0px;} #box10-issue {width: 44%; float: left; height: auto !important; margin: 0px 0px 10px 5px;} #box11-issue {width: 44%; float: left; height: auto !important; margin: 0px 5px 10px 0px;} #box12-issue {width: 44%; float: left; height: auto !important; margin: 0px 0px 10px 5px;} .sp-issues #box3-issue, .sp-issues #box7-issue, .sp-issues #box11-issue {margin: 0px 5px 10px 0px;} .sp-issues #box4-issue, .sp-issues #box8-issue, .sp-issues #box12-issue {margin: 0px 0px 10px 5px;} #box1-infocenter {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-infocenter {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-infocenter {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-infocenter {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-infocenter {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-infocenter {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .video-top-box {height: 275px; } #box1-video {width: 97%; height: auto !important; float: left;} #box2-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box1-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 5px 0px 10px 0px;} #box2-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box1-glossary {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box2-glossary {width:98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .highlighted-word {width: 97%; } #box1-podcast { height: auto !important; float: left;} #box2-podcast {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-podcast {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-podcast {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-podcast {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .podcast-image-text {font-size:1.1em; } .podcast-image-text-top {font-size:1.3em; padding-top: 35px;} #whitepaper-box { height: auto !important;} .whitepaper-cover { float: right; height: auto; width: 30%; margin: 0px 0px 10px 15px;} .whitepaper-image { width: 150px; float: left;} .whitepaper-text {width: 65%;} #box1-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box1-whitepaper-afterbreak {height: auto !important; float: left; margin: 6px 0px 10px 0px;} #box2-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} .newsletters-image { width: 150px; float: left;} .newsletters-text {width: 65%;} #box1-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px; width: 97%;} #box2-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} .center-newsletter {margin: 0px 15px 0px 30px !important; } #newsletter-header { height: auto !important; padding-right: 10px;} .newsletter-image { float: right; width: 200px;} .box1-newsletter {width: 44%; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box2-newsletter {width: 44%; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box3-newsletter {width: 44%; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box1-newsletter .headline-5 { font-size: 14px; margin: 10px 0px 0px 5px;} .box2-newsletter .headline-5 { font-size: 14px;margin: 10px 0px 0px 5px;} .box3-newsletter .headline-5 { font-size: 14px;margin: 10px 0px 0px 5px;} #newsletter-content table { max-width: 750px !important; width: 100% !important; margin: auto !important; } #newsletter-content img { max-width: 750px !important; width: 100% !important; margin: auto !important; } .box1-calendar {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box2-calendar {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .event-date-left {width: 80px;} .event-title-right {width: 73%; } #box1-events, #box2-events, #box3-events, #box4-events {width: 98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .event-content{grid-column: col-start 3 / span 8; margin-left: 0px;} .event-content-afterbreak{grid-column: col-start 3 / span 8; margin-left: 0px;} #event-nav{grid-column: col-start 3 / span 8; margin-left: 0px; height: 25px; width: 97%;} #event-nav a{padding: 0px 10px; font-size: 14px;} #event-nav-afterbreak{grid-column: col-start 3 / span 8; margin-left: 0px; height: 25px; width: 97%;} #event-nav-afterbreak a{padding: 0px 10px; font-size: 14px;} #event-about { width: 97%;} #event-sponsoring { width: 97%;} #event-presentations { width: 97%;} #event-agenda { width: 97%;} .timeline:before {width: 4px; left: 62px; margin-left: 5%; } .timeline > li > .timeline-panel { width: 74%; text-align: left; float: right; padding: 5px 15px 15px 15px; position: relative; } .timeline > li > .timeline-circle { top: 5px; left: 57px; margin-left: 5%} .timeline .agenda-time{ left: 5%; margin-left: -25px; font-size: 14px; } .speaker-headshot {width: 120px; margin-bottom: -3px; float: left;} .speaker-wrapper { width: 72%; float: left; margin: 0px 0px 0px 15px;} .box1-speaker { width: 97%; height: auto !important; float: left; margin: 0px 10px 10px 0px;} .box2-speaker { width: 97%; height: auto !important; float: left; margin: 0px 10px 10px 0px;} #event-register {width: 97%; clear: both;} .col-1 {margin: auto !important; width: 100%; padding: 0px 5px 10px 5px; text-align: center;} .col-2 {width: 100%; border-left: none; border-top: 1px solid #ac1f2d; border-bottom: 1px solid #ac1f2d; border-right: none; padding: 20px 0px; text-align: center;} .col-3 {width: 100%; padding: 20px 5px 10px 5px; text-align: center;} .register {margin: auto !important; float: none !important; margin-bottom: 10px !important;} .register-now {margin: auto !important; float: none !important; margin-bottom: 10px !important;} #event-hotel {width: 97%; background: white; } .hotel-image {float: none !important; width: 400px; padding: 10px 0px;} #hotel-left { width: 100%; left: 0; float: none !important;} #hotel-right {right: 0; width: 100%; float: none !important;} .sponsor-logo {width: 115px; margin: auto !important; text-align: center;} .box-sponsors-4 {width: 44%; height: auto !important; float: left; } .box-sponsors-4.center-4 {margin-right: 0px !important; } .box-sponsors-3 {width: 44%; height: auto !important; float: left;} .box-sponsors-3.center-3{width: 93%; height: auto !important; float: left; } .box-sponsors-2 {width: 44%; height: auto !important; float: left;} .box-sponsors-2.center-2 {margin-right: 0px !important;} .box-sponsors-1 {width: 96.5%; height: auto !important; float: left;} .center-sponsors {margin: 0px -10px 0px 10px !important; } .sponsoring { width: 98.7%;} #contact-box {width: 97%; height: auto !important;} #contact-box .contact-left {width: 100% !important; float: none; font-size: 14px !important; } #contact-box table, tr { width: 98%; } .contact-map {width: 100%; float: none;} .map {width: 100px; margin-top: 5px; padding-right: 10px;} .info-right {width: 129px; float: right; font-size: 11px; text-align: right;} span.areas {font-size: 11px !important; line-height: normal} .box-staff-center {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-left {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-right {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .history {width: 97%; height: auto;} .terms-conditions {width: 97%; height: auto;} #subscribe-box {width: 97%; height: auto !important;} #subscribe-box .subscribe-left {width: 100% !important; float: none; font-size: 14px !important; } .subscribe-issues {width: 320px; float: none;} #login {width: 400px !important;} #profile {width: 400px !important;} #my-account-info { width: 250px; } .liked-date, .viewed-date {float: left !important; width: 55% !important} #redbox-top-right { clear:both; width: 101%; text-align: center; color: white; background: #ac1f2d; padding: 5px 10px 5px 5px; margin-top: 0px !important; margin-right: -10px;} #redbox-top-right a { color: white; font-size: 12px;} #registrations-right { clear: both; width: 100%; text-align: left; padding: 10px 0px 5px 5px; } #suppliers-header { height: auto !important; padding-right: 10px;} .box-suppliers {width: 97%; height: auto !important; float: left;} .box-suppliers .headline-5 {margin: 0px; } .box1-showcase {width: 97%; height: auto !important; float: left;} .box2-showcase {width: 97%; height: auto !important; float: left; margin-left: 0px;} .box1-showcase .headline-5 {margin: 0px; } .box2-showcase .headline-5 {margin: 0px; } .company-logo {float: right; position: static; width: 140px; } .company-map {border:0; position: static ; width: 100%; margin: 20px 0px -5px 0px;} .company-thumbnail {width: 23.25%; margin: 6px 5px 3px 0px;} .advertise-table td {font-size: 11px; padding: 6px !important; } .advertise-icon { width: 25px;} .advertise-box {width: 97%; height: auto !important;} .advertise-box .advertise-left {width: 100% !important; float: none; font-size: 14px !important; } .advertise-right {width: 100%; float: none;} .advertise-img {float:left; text-align: center; width: 100% !important;} .advertise-img img {width: 50%;} .advertise-copy {width: 90% !important; margin:0 auto; text-align: center;} .name-sales-rep strong { font-size: 13px;} .territory-small {font-size: 10px !important;} .dropdown-button.space {margin-top: 0px !important;} .dropdown-button {width: 100%; height: 38px !important; margin-top: 20px !important;} .dropdown-buttons {width: 100%; height: 38px !important;} .dropdown-buttons #type-of-technology {width: 52.5%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-technology .select-selected { font-size: 12px !important;} .dropdown-buttons #type-of-news {width: 46.5%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-news .select-selected { font-size: 14px !important;} .dropdown-buttons #type-of-content {width: 46.5%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-content .select-selected { font-size: 12px !important;} .dropdown-buttons #type-of-category {width: 46.5%; margin: auto !important; float: none !important; display: inline-block !important;} .dropdown-buttons #type-of-content .select-selected { font-size: 12px !important;} #sub-categories {display: inline-block !important; width: 49.5%; margin-top: 10px;} #sub-categories .select-selected {font-size: 14px !important;} #type-of-content { width: 300px; margin-top: 10px; margin-left: 0px;} #type-of-content .select-selected {font-size: 12px !important;} #type-of-category { width: 300px; margin-top: 10px; margin-left: 0px;} #type-of-category .select-selected {font-size: 12px !important;} #main-content #type-of-technology { float: none; width: 280px; margin-top: 10px;} #type-of-technology { float: none; width: 280px;} #type-of-technology .select-selected {font-size: 14px !important;} #type-of-news { float: right; width: 250px;} #type-of-news .select-selected {font-size: 14px !important;} #year {margin-top: 0px; float: left; width: 150px; } #year .select-selected {font-size: 14px !important;} .issue-type {float: right; padding: 10px; font-size: 14px; display: inline-block; } .custom-select { position: relative; padding-bottom: 5px; text-decoration: none; font-style: italic; margin-top: -10px; margin-right: -10px;} .custom-select select { display: none; } .select-selected {text-transform: uppercase; background-color: #ac1f2d; font-weight: bold !important; font-size: 16px !important;} .select-selected:after { position: absolute; content: "\f101"; font-family: FontAwesome; font-weight: 100 !important; right: 15px; border-color: #fff transparent transparent transparent;} .select-selected.select-arrow-active:after { content: "\f103"; font-family: FontAwesome; border-color: transparent transparent #fff transparent; } .select-items div,.select-selected { color: #ffffff; padding: 9px 10px; font-size: 12px; font-weight: 300; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: #ac1f2d; top: 100%; left: 0; right: 0; z-index: 1001;} .select-hide { display: none;} .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} #arrow-dropdown {display: none;} } /**************** 771px - 481px **********************/ @media all and (max-width: 771px) and (min-width: 481px) { .embed_1, .embed_2, .embed_3, .embed_4 {width:100%;float:left;padding:1%;} .desktop-only {display: none;} .like-button {display: none;} .container{margin: -55px 10px 10px 30px; width: 450px; } .article { padding-top: 35px; } nav { height: 50px !important; } .logo { width: 110px !important; position: absolute; top: 10px !important; -webkit-transition: all .5s; transition: all .5s; } #top-right-nav { display: none; font-size: 10px; } #search { position: fixed; right: 20px; top: 20px; width: 25px !important; margin-top: 5px !important; -webkit-transition: height .5s, line-height .5s; /* Safari */ transition: height .5s, line-height .5s; border-bottom: none !important; } .scrolled-nav #search { position: fixed; right: 20px; top: 20px; width: 25px !important; margin-top: 5px !important; -webkit-transition: height .5s, line-height .5s; /* Safari */ transition: height .5s, line-height .5s; border-bottom: none !important; } input.searchbar {width: 20px !important; margin-right: 10px;} #search-top input[type="text"] { height: 45px !important; font-size: 1px; height: 50px; top: 20px; right: 20px; position: fixed; } #search-top input[type="text"]:focus:hover { border-bottom: 1px solid #BBB;} #search-top input[type="text"]:focus { width: 205px !important; z-index: 1; border-bottom: 1px solid #BBB !important; cursor: text; background: white; margin-right: 45px; margin-top: -5px !important; font-size: 16px;} #search-body input[type="text"]:focus:hover { border-bottom: 1px solid #BBB;} #search-body input[type="text"]:focus { width: 235px !important; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: white; margin-right: 15px; } .dropdown { display: none !important; } .menu-button { width: 30px !important; height: 20px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s; transition: all .5s; } .menu-button span:nth-child(1) {top: 0px !important; height: 2px !important;} .menu-button span:nth-child(2) {top: 9px !important; height: 2px !important;} .menu-button span:nth-child(3) {top: 18px !important; height: 2px !important;} .dropdown-side {display: block !important;} .technologies-dropdown-side {display: block !important;} .side-nav-item { margin-top: -40px; display: block !important;} .on-this-page { display: none !important;} .hide {display: none;} body { padding: 0px !important; } wrapper{ width: 430px; margin: auto !important; height: auto !important;} .socialmedia-left{ display: none !important;} .socialmedia-left-afterbreak{ display: none !important;} .main-content{ grid-column: col-start 2 / span 10; margin: 0px;} .main-content-continued { grid-column: col-start 2 / span 10; margin: 0px;} .article-content-continued { grid-column: col-start 2 / span 10; margin: 0px;} .article-content{ grid-column: col-start 2 / span 10; margin: 0px;} .newsletter-content { grid-column: col-start 2 / span 10; margin: 0px;} .newsletter-content-continued { grid-column: col-start 2 / span 10; margin: 0px;} .mf-author-box-col-1 {margin: 0px 0px 10px 0px; } .mf-author-box-col-2 {margin: 0px 0px 10px 0px; } .mf-author-box-col-1-2 {margin: 0px 0px 10px 0px;} .center-authors {margin: auto !important; } .author-box-1 {width: 280px; margin: auto !important; margin-bottom: 10px !important;} .author-box-2 {width: 280px; margin: auto !important; margin-bottom: 10px !important;} .author-box-3 {width: 280px; margin: auto !important; margin-bottom: 10px !important;} #featured-content table {width: 98% !important; } #main-content table {width: 98% !important; } #main-content-continued table {width: 98% !important; } #featured-content table {width: 100% !important; float: none !important; margin-left: 0px !important;} .article-content table {width: 100% !important; float: none !important; margin-left: 0px !important;} .article-content-continued table {width: 100% !important; float: none !important; margin-left: 0px !important;} #featured-content table img {float: none !important; max-height: 250px; object-fit: cover;} #main-content table {width: 98% !important; } #main-content-continued table {width: 98% !important; } .ABody img { max-width: none; width: 94% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .NewsBody img {max-width: none; width: 94% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .ComBody img {max-width: none; width: 94% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .DeptBody img {max-width: none; width: 94% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .WHBody img {max-width: none; width: 94% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .VidBody img {max-width: none; width: 94% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .top {object-position: top !important;} .bottom {object-position: bottom !important;} .dynamic-caption {max-width: none; width: 94% !important; margin: -10px 0px 10px 0px !important; float: none !important; max-height: 250px; clear:both; padding:0px 10px 10px 10px; margin-left: 3px;} .caption-wrap {position:relative; padding:10px; max-width: none;} .article-content table img { max-height: 250px; object-fit: cover;} .article-content-continued table img { max-height: 250px; object-fit: cover;} #featured-content .lightred-tableleft {width: 100% !important;} .article-content-continued .lightred-tableleft {width: 100% !important;} .article-content .lightred-tableleft {width: 100% !important;} #featured-content .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .article-content-continued .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .article-content .lightred-tableright {width: 100% !important; margin-left: 0px !important;} #article-content {grid-column: col-start 2 / span 10; width: 96%; margin: auto; margin-bottom: 10px !important;} .featured-content{ grid-column: col-start 2 / span 10; margin: -80px 0px 10px 0px;} .sidebar-right{ grid-row: 2 !important; grid-column: col-start 7 / span 1; margin-top: -10px !important;} .sidebar-right-adpage { display: none;} .sidebar-right-afterbreak{ grid-row: 2 !important; grid-column: col-start 7 / span 1; margin-top: -10px !important;} #sidebar-right { top: 0px; margin-bottom: 6px;} #sidebar-right-afterbreak { top: 0px; margin-bottom: 6px;} .sitemap-col {width: auto !important; margin: auto; text-align: center !important; padding-left: 10px !important; padding-right: 10px !important;} .image-title { font-size: 30px; text-decoration: none; color: white; text-transform: none; } #box1 {width: 98%; height: 275px;} #box2 {width: 98%; height: auto; margin: 0px 0px 10px 0px;} #box3 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box4 {width: 98%; height: auto; margin: 0px 0px 10px 0px;} #box5 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box6 {width: 98%; height: 140px; margin: 0px 0px 10px 0px;} #box7 {width: 98%; height: auto; margin: 0px 0px 10px 0px;} #box8 {width: 98%; height: 275px; margin: 0px 0px 10px 0px;} #box1-afterbreak {width: 97%; height: auto; margin: 5px 0px 10px 0px;} #box2-afterbreak {width: 97%; height: 275px;margin: 5px 0px 10px 0px;} #box3-afterbreak {width: 97%; height: 140px; margin: 0px 0px 10px 0px;} #box4-afterbreak {width: 97%; height: 140px; margin: 0px 0px 10px 0px;} #box5-afterbreak {width: 97%; height: 140px; margin: 0px 0px 10px 0px;} #box6-afterbreak {width: 97%; height: 140px; margin: 0px 0px 10px 0px;} #box7-afterbreak {width: 97%; height: 275px; margin: 0px 0px 10px 0px;} #box8-afterbreak {width: 97%; height: auto; margin: 0px 0px 10px 0px;} .headline-1 { color: black; font-weight: 650; font-size: 23px;} .headline-2 { color: black; font-weight: 550; font-size: 21px;} .headline-3 { color: black; font-weight: 450; font-size: 20px;} .headline-4 { color: black; font-weight: 500; font-size: 19px;} .headline-5 { color: black; font-weight: 650; font-size: 18px;} .headline-6 { color: black; font-weight: 550; font-size: 16px;} .headline-7 { color: black; font-weight: 550; font-size: 14px;} .headline-8 { color: black; font-weight: 650; font-size: 12px;} .small-thumbnail {width: 60%; height: 90px; float: none; margin: auto !important; margin-bottom: 10px !important;} .small-text-right {width: 58%; float: left; height: auto !important;} .small-image-left-box { width: 90px} .text-left { float: left; width: 57%;} .text-right {float: left; width: 57%;} #current-issue { height: auto !important;} .current-cover { float: right; height: auto; width: 30%; margin: 0px 0px 10px 15px;} .cover-text-left { float: none; text-align: left;} .cover-article { color: black; float: none; font-weight: 550; font-size: 25px; width: 250px;} .cover {width: 100%; } #box1-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box7-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-top: 7px !important;} #box8-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box9-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box10-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box11-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box12-issue {width: 300px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box1-infocenter {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-infocenter {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-infocenter {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-infocenter {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-infocenter {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-infocenter {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .video-top-box {height: 255px; } #box1-video {width: 97%; height: auto !important; float: left; } #box2-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-video {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box1-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 5px 0px 10px 0px;} #box2-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-video-afterbreak {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box1-glossary {width:98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box2-glossary {width:98%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .highlighted-word {width: 97%; } #box1-podcast { height: auto !important; float: left;} #box2-podcast {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-podcast {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-podcast {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-podcast {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .podcast-image-text {font-size:.9em; } .podcast-image-text-top {font-size:1.1em; padding-top: 35px; } #whitepaper-box { height: auto !important;} .whitepaper-cover { float: right; height: auto; width: 30%; margin: 0px 0px 10px 15px;} .whitepaper-image { width: 120px; float: left;} .whitepaper-text {width: 60%;} #box1-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box2-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-whitepaper {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box1-whitepaper-afterbreak {height: auto !important; float: left; margin: 6px 0px 10px 0px;} #box2-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-whitepaper-afterbreak {height: auto !important; float: left; margin: 0px 0px 10px 0px;} .newsletters-image { width: 120px; float: left;} .newsletters-text {width: 60%;} #box1-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px; width: 97%;} #box2-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box3-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box4-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box5-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} #box6-newsletters { height: auto !important; float: left; margin: 0px 0px 10px 0px;} .center-newsletter {margin: 0px 15px 0px 30px !important; } #newsletter-header { height: auto !important; padding-right: 10px;} .newsletter-image { float: right; width: 30%; } .box1-newsletter {width: 43%; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box2-newsletter {width: 43%; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box3-newsletter {width: 43%; height: 60px !important; float: left; margin: 0px 10px 10px 0px;} .box1-newsletter .headline-5 { font-size: 14px; margin: 10px 0px 0px 5px;} .box2-newsletter .headline-5 { font-size: 14px;margin: 10px 0px 0px 5px;} .box3-newsletter .headline-5 { font-size: 14px;margin: 10px 0px 0px 5px;} #newsletter-content table { max-width: 750px !important; width: 100% !important; margin: auto !important; } #newsletter-content img { max-width: 750px !important; width: 100% !important; margin: auto !important; } .box1-calendar {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .box2-calendar {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .event-date-left {width: 75px;} .event-title-right {width: 68%; } #box1-events, #box2-events, #box3-events, #box4-events {width: 97%; height: auto !important; float: left; margin: 0px 0px 10px 0px;} .event-header { padding-top: 150px !important; padding-bottom: 150px !important; background-position: center !important; background-size: 220% !important; height: auto !important; background-color: #F6F8F7} .event-content{grid-column: col-start 2 / span 10; margin: -35px 0px 10px 0px;} .event-content-afterbreak{grid-column: col-start 2 / span 10; margin: 60px 0px 0px 0px;} #event-nav{grid-column: col-start 2 / span 10; margin: -90px 0px 10px 0px; height: 25px; width: 97%;} #event-nav a{padding: 0px 5px 10px 5px; font-size: 12px;} #event-nav-afterbreak{grid-column: col-start 2 / span 10; margin: 5px 0px 10px 0px; height: 25px; width: 97%;} #event-nav-afterbreak a{padding: 0px 5px 10px 5px; font-size: 12px;} #event-about { width: 97%;} #event-sponsoring { width: 97%;} #event-agenda { width: 97%;} .timeline .agenda-time{ margin-top: 5px; left: 15%; font-size: 12px; position: relative} .timeline:before { left: 10px; } .timeline > li > .timeline-circle { left: -5px;} .timeline > li > .timeline-panel{ width: 88%;} .speaker-headshot {width: 120px; margin-bottom: -3px; float: left;} .speaker-wrapper { width: 65%; float: left; margin: 0px 0px 0px 15px;} .box1-speaker { width: 97%; height: auto !important; float: left; margin: 0px 10px 10px 0px;} .box2-speaker { width: 97%; height: auto !important; float: left; margin: 0px 10px 10px 0px;} .fancybox-content {padding: 30px !important;} #event-register {width: 97%; clear: both;} .col-1 {margin: auto !important; width: 100%; padding: 0px 5px 10px 5px; text-align: center;} .col-2 {width: 100%; border-left: none; border-top: 1px solid #ac1f2d; border-bottom: 1px solid #ac1f2d; border-right: none; padding: 20px 0px; text-align: center;} .col-3 {width: 100%; padding: 20px 5px 10px 5px; text-align: center;} .register {margin: auto !important; float: none !important; margin-bottom: 10px !important;} .register-now {margin: auto !important; float: none !important; margin-bottom: 10px !important;} #event-hotel { width: 97%; background: white; } .hotel-image {float: none !important; width: 400px; padding: 10px 0px;} #hotel-left { width: 100%; left: 0; float: none !important;} #hotel-right {right: 0; width: 100%; float: none !important;} .sponsor-logo {width: 115px; margin: auto !important; text-align: center;} .box-sponsors-4 {width: 43%; height: auto !important; float: left; } .box-sponsors-4.center-4 {margin-right: 0px !important; } .box-sponsors-3 {width: 43%; height: auto !important; float: left;} .box-sponsors-3.center-3{width: 92%; height: auto !important; float: left; } .box-sponsors-2 {width: 43%; height: auto !important; float: left;} .box-sponsors-2.center-2 {margin-right: 0px !important;} .box-sponsors-1 {width: 96.5%; height: auto !important; float: left;} .center-sponsors {margin: 0px -10px 0px 10px !important; } .sponsoring { width: 98.7%;} #contact-box {width: 97%; height: auto !important;} #contact-box .contact-left {width: 100% !important; float: none; font-size: 14px !important; } #contact-box table, tr { width: 98%; } .contact-map {width: 100%; float: none;} .map {width: 100px; margin-top: 5px; padding-right: 10px;} .info-right {width: 129px; float: right; font-size: 11px; text-align: right;} span.areas {font-size: 12px !important; line-height: normal} .box-staff-center {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-left {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-right {width: 379px; height: 110px !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .history {width: 97%; height: auto;} .terms-conditions {width: 97%; height: auto; margin: auto !important; margin-bottom: 10px !important;} #subscribe-box {width: 97%; height: auto !important;} #subscribe-box .subscribe-left {width: 100% !important; float: none; } .subscribe-issues {width: 320px; float: none;} #login {width: 400px !important;} #profile {width: 400px !important;} #my-account-info {float: none; width: 100%; } .liked-date, .viewed-date {width: 55%; float: left; clear: none;} #redbox-top-right { float: none; width: 101%; text-align: center; color: white; background: #ac1f2d; padding: 5px 10px 5px 5px; margin-top: 15px !important; margin-left: -10px;} #redbox-top-right a { color: white; font-size: 12px;} #registrations-right { float: none; width: 100%; text-align: left; padding: 10px 0px 5px 5px; } #my-account { text-align: center; margin: auto !important; margin-bottom: 10px !important; margin-top: 100px !important;} .account-headshot {margin-top: -100px !important; float: none; margin-left: 5px !important; margin-bottom: 10px; } #past-events {display: none !important;} #suppliers-header { height: auto !important; padding-right: 10px;} .box1-suppliers {width: 97%; height: auto !important; float: left;} .box2-suppliers {width: 97%; height: auto !important; float: left; margin-left: 0px;} .box-suppliers .headline-5 {margin: 0px; } .box1-showcase {width: 97%; height: auto !important; float: left;} .box2-showcase {width: 97%; height: auto !important; float: left; margin-left: 0px;} .box1-showcase .headline-5 {margin: 0px; } .box2-showcase .headline-5 {margin: 0px; } .company-logo {position: static; width: 140px; } .company-map {border:0; position: static ; width: 100%; margin: 20px 0px -5px 0px;} .company-thumbnail {width: 22.8%; margin: 6px 5px 3px 0px;} .advertise-table td {font-size: 12px; } .advertise-box {width: 97%; height: auto !important;} .advertise-box .advertise-left {width: 100% !important; float: none; font-size: 14px !important; } .advertise-right {width: 100%; float: none;} .advertise-icon { width: 30px;} .advertise-type {clear:both; height:auto !important; width: 97%; padding:10px; margin-bottom:5px; text-align: center; background-color:#fff;} .advertise-img {clear:both; width:100%; float: none;} .advertise-copy {clear:both; text-align: center; width:100%;} .advertise-copy .red-button {float: none;} .dropdown-button.space { height: 90px !important;} .dropdown-button {padding: 0px 10px; height: 60px !important;} .dropdown-buttons {padding: 0px 10px 10px 10px; height: auto !important;} .issue-type {float: none !important;margin: auto !important; } #edit-state { margin-top: 15px !important; font-weight: normal !important; padding-bottom: 10px; height: 40px !important;} input[type=calendar], select { color: black !important;} .red-select {color: white !important;} select {width: 100%; background: #ac1f2d; color: white; text-decoration: none; font-weight: bold !important; font-size: 16px !important; font-style: italic; margin-top: -10px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select { position: relative; padding-bottom: 5px; text-decoration: none; font-style: italic; margin-top: -10px; margin-right: -10px;} .custom-select select { display: none; } .select-selected {text-transform: uppercase; background-color: #ac1f2d; font-weight: bold !important; font-size: 16px !important; margin: 5px 10px 5px 0px; } .select-selected:after { position: absolute; content: "\f101"; font-family: FontAwesome; font-weight: 100 !important; right: 25px; border-color: #fff transparent transparent transparent;} .select-selected.select-arrow-active:after { content: "\f103"; font-family: FontAwesome; border-color: transparent transparent #fff transparent; } .select-items div,.select-selected { color: #ffffff; padding: 9px 10px; font-size: 12px; font-weight: 300; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: #ac1f2d; top: 100%; left: 0; right: 0; z-index: 1001; margin-right: 10px;} .select-hide { display: none;} .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} #arrow-dropdown {display: none;} } /**************** 480px - 320px **********************/ @media all and (max-width: 480px) and (min-width: 320px) { .embed_1, .embed_2, .embed_3, .embed_4 {width:100%;float:left;padding:1%;} .desktop-only {display: none;} .like-button {display: none;} .container{margin: -95px 10px 10px 20px; width: 300px; } .article { padding-top: 45px; } nav { height: 70px !important; } .logo { width: 160px !important; top: 10px !important; -webkit-transition: all .5s !important; transition: all .5s !important; } #top-right-nav { display: none; font-size: 10px; } #search { position: fixed; top: 20px; right: 20px; width: 35px !important; -webkit-transition: all .5s !important; transition: all .5s !important; border-bottom: none !important; } #search-top input[type="text"] { height: 50px; top: 20px; right: 20px; position: fixed; } .scrolled-nav #search { position: fixed !important; top: 20px; right: 20px; width: 35px !important; -webkit-transition: all .5s !important; transition: all .5s !important; border-bottom: none !important;} input[type=calendar] { width: 200px !important; float: none; padding: 10px 10px; margin: auto !important; margin-bottom: 10px !important; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;} input[type=calendar], select { color: black !important;} .red-select {color: white !important;} input.searchbar {width: 20px !important; margin-right: 10px;} #search-top input[type="text"] { height: 55px !important; width: 10px !important; font-size: 1px; margin-right: -10px; margin-top: 5px; padding-bottom: 0 !important; } #search-top input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #search-top input[type="text"]:focus { width: 220px !important; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: white; opacity: .95; margin-right: 20px; font-size: 16px; margin-top: -4px !important;} #search-body input[type="text"] { height: 55px !important; font-size: 16px; margin-right: -10px; margin-top: -10px; padding-bottom: 0 !important; } #search-body input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #search-body input[type="text"]:focus { width: 250px !important; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: white; opacity: .95; margin-right: 20px; } input { font-size: 100% !important; } #company-state { font-size: 100% !important; color: grey !important; padding-top: 6px !important;} .scrolled-nav #search-top input[type="text"] { height: 45px !important; margin-right: -8px; margin-top: -10px !important; padding-bottom: 0 !important; } .scrolled-nav #search-top input[type="text"]:focus { width: 220px !important; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: white; margin-right: 20px; } .dropdown {display: none !important; } .menu-button { width: 35px !important; height: 30px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s !important; transition: all .5s !important; } .menu-button span:nth-child(1) {top: 4px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .menu-button span:nth-child(2) {top: 16px !important; width: 25px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .menu-button span:nth-child(3) {top: 28px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .dropdown-side {display: block !important;} .technologies-dropdown-side {display: block !important;} .side-nav-item { margin-top: -40px; display: block !important;} .on-this-page { display: none !important;} .scrolled-nav .menu-button { width: 30px !important; height: 20px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s !important; transition: all .5s !important; } .scrolled-nav .menu-button span:nth-child(1) {top: 0px !important; height: 2px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .scrolled-nav .menu-button span:nth-child(2) {top: 9px !important; width: 40px !important; height: 2px !important; -webkit-transition: all .5s !important;transition: all .5s !important;} .scrolled-nav .menu-button span:nth-child(3) {top: 18px !important; height: 2px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .hide {display: none;} body { padding-top: 50px !important;} wrapper { width: 330px; display: grid; grid-template-columns: repeat(12, [col-start] 1fr);} .mf-author-box-col-1 { min-width: 280px; margin: auto !important; margin-bottom: 10px !important; } .mf-author-box-col-2 { min-width: 280px; margin: auto !important; margin-bottom: 10px !important; } .mf-author-box-col-1-2 {min-width: 280px; margin: auto !important; margin-bottom: 10px !important; } .author-box-1 { width: 280px; margin: auto !important; margin-bottom: 10px !important;} .author-box-2 { width: 280px; margin: auto !important; margin-bottom: 10px !important;} .author-box-3 { width: 280px; margin: auto !important; margin-bottom: 10px !important;} #search-body {height: 50px;} #newsletter { width: 95%; min-width: 280px; margin: auto !important; margin-bottom: 10px !important;} #newsletter-afterbreak {width: 95%; min-width: 280px; margin: auto !important; margin-bottom: 10px !important; } #newsletter-content { width: 95%; min-width: 280px; margin: auto !important; margin-bottom: 10px !important;} #newsletter-content-afterbreak { width: 95%; min-width: 280px; margin: auto !important; margin-bottom: 10px !important;} #newsletter-email {width:99%;} #newsletter-fname, #newsletter-lname {width:47%;} #subscribe {width:99%;} .socialmedia-left{ display: none !important;} .socialmedia-left-afterbreak{ display:none !important;} .main-content { grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .main-content-continued { grid-column: col-start 1 / span 12; margin: 0px 25px 0px 25px;} .article-content-continued { grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .article-content{ grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .newsletter-content { grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .newsletter-content-continued { grid-column: col-start 1 / span 12; margin: 0px 25px 0px 25px;} #featured-content table {width: 98% !important; } #main-content table {width: 98% !important; } #main-content-continued table {width: 98% !important; } #featured-content table {width: 100% !important; float: none !important; margin-left: 0px !important;} .article-content table {width: 100% !important; float: none !important; margin-left: 0px !important;} .article-content-continued table {width: 100% !important; float: none !important; margin-left: 0px !important;} #featured-content table img {float: none !important; } #main-content table {width: 98% !important; } #main-content-continued table {width: 98% !important; } .ABody img { max-width: none; width: 92% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .NewsBody img {max-width: none; width: 92% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .ComBody img {max-width: none; width: 92% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .DeptBody img {max-width: none; width: 92% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .WHBody img {max-width: none; width: 92% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .VidBody img {max-width: none; width: 92% !important; margin: 10px 0px 10px 0px !important; float: none !important; max-height: 250px; object-fit: cover;} .top {object-position: top !important;} .bottom {object-position: bottom !important;} .dynamic-caption { max-width: none; width: 92% !important; margin: -10px 0px 10px 0px !important; float: none !important; max-height: 250px; clear:both; padding:0px 10px 10px 10px; margin-left: 3px;} .caption-wrap {position:relative; padding:10px; max-width: none;} .article-content table img { max-height: 250px; object-fit: cover;} .article-content-continued table img { max-height: 250px; object-fit: cover;} #featured-content .lightred-tableleft {width: 100% !important;} .article-content-continued .lightred-tableleft {width: 100% !important;} .article-content .lightred-tableleft {width: 100% !important;} #featured-content .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .article-content-continued .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .article-content .lightred-tableright {width: 100% !important; margin-left: 0px !important;} .lightred-tableleft .ABody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableleft .NewsBody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableleft .ComBody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableleft .DeptBody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableright .ABody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableright .NewsBody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableright .ComBody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} .lightred-tableright .DeptBody img {width: 240px !important; object-fit: scale-down !important; float: none !important;} #main-content-continued { width: 80%; margin: auto !important; } #main-content {width: 95%; margin: auto !important; margin-bottom: 10px !important; } #article-content-continued { width: 95% !important; margin: auto !important; margin-top: 40px !important; } #article-content {width: 95% !important; margin: auto !important; margin-bottom: 10px !important; } .featured-content{ width: 80%; margin: auto !important; margin-top: -80px !important; margin-bottom: 10px !important; grid-column: col-start 1 / span 12; min-width: 285px;} .sidebar-right { grid-row: 2 !important; grid-column: col-start 1 / span 12; margin: auto !important;} .sidebar-right-adpage { display: none !important;} .sidebar-right-afterbreak{ grid-row: 2 !important; grid-column: col-start 1 / span 12; margin: auto !important;} #sidebar-right { top: 0px; margin-bottom: 10px;} #sidebar-right-adpage {margin-top: -7px !important; margin-bottom: 10px !important;} #sidebar-right-afterbreak { top: 0px; margin-bottom: 10px;} .sitemap-col {width: auto !important; margin: auto; text-align: center !important; padding-left: 7px !important; padding-right: 7px !important; } input[type=text], select { width: 46%;} input[type=submit] { width: 97%;} /** On Article page **/ .image-right {clear: both; float: none; padding: 5px; width: 95%; margin: auto; } .image-left {clear: both; float: none; padding: 5px; width: 95%; margin: auto;} .PullQuote {float: inline-start; width: 90%; margin: auto; } .image-title { font-size: 27px; text-decoration: none; color: white; text-transform: none; } #box1 {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box2 {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box3 {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box4 {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box5 {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box6 {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box7 {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box8 {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box1-afterbreak {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box2-afterbreak {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box3-afterbreak {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box4-afterbreak {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box5-afterbreak {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important;min-width: 285px;} #box6-afterbreak {width: 96%; height: 140px; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box7-afterbreak {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} #box8-afterbreak {width: 96%; height: auto; margin: auto !important; margin-bottom: 10px !important; min-width: 285px;} .headline-3 { color: black; font-weight: 450; font-size: 13px;} .headline-6 { color: black; font-weight: 550; font-size: 14px;} .small-thumbnail {width: 96%; height: 80px; float: none; margin: auto !important; margin-bottom: 10px !important;} .small-text-right {width: 190px; float: left; height: auto !important;} .small-image-left-box { width: 80px} .text-left { float: left; width: 40%;} .text-right {float: left; width: 40%;} #my-account { width: 96%; text-align: center; margin: auto !important; margin-bottom: 10px !important; margin-top: 100px !important; min-width: 280px;} .account-headshot {margin-top: -100px !important; float: none; margin-left: 15px !important; margin-bottom: 10px;} .liked-date, .viewed-date {width: 190px; float: left; clear: none;} #my-account-info {float: none; width: 100%; } #redbox-top-right { float: none; width: 101%; text-align: center; color: white; background: #ac1f2d; padding: 5px 10px 5px 5px; margin-top: 15px !important; margin-left: -10px;} #redbox-top-right a { color: white; font-size: 12px;} #registrations-right { float: none; width: 100%; text-align: left; padding: 10px 0px 5px 5px; } #past-events {display: none !important;} .more-box { width: 95%; margin: auto !important; margin-bottom: 10px !important; min-width: 280px;} .related-articles {width: 97.5%; margin: auto !important; margin-bottom: 10px !important; margin-top: 10px !important; min-width: 290px;} .page-title {width: 96%; margin: auto !important; margin-bottom: 10px !important; min-width: 290px;} .comments {width: 96%; margin: auto !important; margin-top: -20px !important; margin-bottom: 10px !important; min-width: 290px;} .mobile-nav {width: 96%; margin: auto !important; margin-bottom: 10px !important; min-width: 290px;} .mobile-nav a {padding-top: 10px;} .displaynone {display:none;} #current-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .current-cover { float: none; height: auto; width: 100%; max-width: 250px; } .cover-text-left { float: none; text-align: left;} .cover {min-width: 280px; width: 100%; float: none; object-fit: cover; height: 300px; object-position: top;} #box1-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box7-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-top: 47px !important;} #box8-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box9-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box10-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box11-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box12-issue {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box1-infocenter {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-infocenter {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-infocenter {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-infocenter {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-infocenter {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-infocenter {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box1-infocenter.afterbreak {margin-top: 47px !important;} .video-top-box {height: 205px; } #box1-video {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-video {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-video {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-video {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-video {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box1-video-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-top: 45px !important;} #box2-video-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-video-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-video-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-video-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-video-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .box1-glossary {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .box2-glossary {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .highlighted-word {width: 273px; } .afterbreak {margin-top: 47px !important;} #box1-podcast {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-podcast {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-podcast {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-podcast {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-podcast {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .podcast-image-text {font-size: 12px; } .podcast-image-text-top {font-size: 14px; padding-top: 35px;} #whitepaper-box {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .whitepaper-cover { float: none; height: auto; width: 100%; } .whitepaper-image {width: 100%; float: none; margin-bottom: 10px; object-fit: cover; height: 200px; object-position: top;} .whitepaper-text {width: 100%; clear: both; float: none; margin-left: 0px !important;} #box1-whitepaper {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-whitepaper {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-whitepaper {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-whitepaper {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-whitepaper {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-whitepaper {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box1-whitepaper-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-top: 47px !important; margin-bottom: 10px !important;} #box2-whitepaper-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-whitepaper-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-whitepaper-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-whitepaper-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-whitepaper-afterbreak {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .newsletters-image {width: 100%; float: none; margin-bottom: 10px; object-fit: cover; height: 200px; object-position: top;} .newsletters-text {width: 100%; clear: both; float: none; margin-left: 0px !important;} #box1-newsletters {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box2-newsletters {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box3-newsletters {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box4-newsletters {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box5-newsletters {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #box6-newsletters {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} #newsletter-header {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .newsletter-image {width: 100%; float: none; padding: 0px !important;} .box1-newsletter {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .box2-newsletter {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .box3-newsletter {min-width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .box1-newsletter .headline-5 { font-size: 15px; margin: 0px 0px 0px 5px;} .box2-newsletter .headline-5 { font-size: 15px;margin: 0px 0px 0px 5px;} .box3-newsletter .headline-5 { font-size: 15px;margin: 0px 0px 0px 5px;} #newsletter-content table { max-width: 400px !important; width: 100% !important; margin: auto !important; } #newsletter-content img { max-width: 400px !important; width: 100% !important; margin: auto !important; } .box1-calendar {min-width: 285px; float: left; height: auto !important; margin: auto !important; margin-bottom: 10px !important; width: 96%;} .box2-calendar {min-width: 285px; float: left; height: auto !important; margin: auto !important; margin-bottom: 10px !important; width: 96%;} .box1-calendar .headline-4 {font-size: 14px;} .box2-calendar .headline-4 {font-size: 14px;} .event-date-left {width: 75px;} .event-title-right {width: 140px; } #box1-events, #box2-events, #box3-events, #box4-events {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .event-header { padding-top: 120px !important; padding-bottom: 130px !important; background-position: top !important; background-size: 220% !important; height: auto !important; background-color: #F6F8F7} .event-content{ margin: auto !important; margin-top: -35px !important; margin-bottom: 10px !important; grid-column: col-start 1 / span 12; width: 80%; min-width: 280px; } .event-content-afterbreak{ margin: auto !important; margin-top: 90px !important; margin-bottom: -10px !important; grid-column: col-start 1 / span 12; width: 80%; min-width: 280px;} #event-nav{ padding: 5px 10px; width: 75%; min-width: 280px; margin: auto !important; margin-top: -120px !important; height: auto; grid-column: col-start 1 / span 12;} #event-nav a{padding: 7px 7px 5px 7px; font-size: 17px; font-weight: 550;} #event-nav-afterbreak{ padding: 5px 10px; width: 75%; min-width: 280px; margin: auto !important; margin-top: 5px !important; height: auto; grid-column: col-start 1 / span 12;} #event-nav-afterbreak a{padding: 7px 7px 5px 7px; font-size: 16px; font-weight: 550;} #about { margin-top: -145px; height: 145px;} #agenda { margin-top: -145px; height: 145px;} #speaker { margin-top: -144px; height: 144px;} #register { margin-top: -154px; height: 154px;} #hotel { margin-top: -144px; height: 144px;} #sponsors { margin-top: -144px; height: 144px;} #event-about { margin: auto !important; margin-bottom: 10px !important;} #event-sponsoring, #event-presentations { margin: auto !important; margin-bottom: 10px !important;} #event-agenda { margin: auto !important;} .timeline .agenda-time{ margin-top: 5px; left: 22%; width: 150px; font-size: 12px; position: relative} .timeline:before { left: 10px; } .timeline > li > .timeline-circle { left: -5px;} .timeline > li > .timeline-panel{ width: 86%;} .speaker-headshot { width: 200px; float: none; margin-left: 40px !important; margin-bottom: 10px; align-content: center !important;} .speaker-headshot-withbio { width: 260px !important; float: none !important; margin-bottom: 10px; align-content: center !important;} .fullbio {min-width: 280px !important; max-height: 520px; overflow: scroll; padding-bottom: 15px !important; margin: 0px 15px !important; } .speaker-wrapper {width: 100%; float: none; margin-left: 0px !important;} .box1-speaker {min-width: 280px; margin: auto !important; margin-bottom: 10px !important;} .box2-speaker {min-width: 280px; margin: auto !important; margin-bottom: 10px !important;} .fancybox-content {padding: 15px !important;} #event-register { margin: auto !important; margin-bottom: 10px !important;} .col-1 {margin: auto !important; width: 100%; padding: 0px 5px 10px 5px; text-align: center;} .col-2 {width: 100%; border-left: none; border-top: 1px solid #ac1f2d; border-bottom: 1px solid #ac1f2d; border-right: none; padding: 20px 0px; text-align: center;} .col-3 {width: 100%; padding: 20px 5px 10px 5px; text-align: center;} .register {margin: auto !important; float: none !important; margin-bottom: 10px !important;} .register-now {margin: auto !important; float: none !important; margin-bottom: 10px !important;} #event-hotel { margin: auto !important; margin-bottom: 10px !important; } .hotel-image {float: none !important; width: 100%; padding: 10px 0px;} #hotel-left { width: 100%; left: 0; float: none !important;} #hotel-right {right: 0; width: 100%; float: none !important;} .sponsor-logo {width: 150px; margin: auto !important; text-align: center; } .box-sponsors-4 {width: 300px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important;} .box-sponsors-3 {width: 300px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important;} .box-sponsors-2 {width: 300px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important;} .box-sponsors-1 {width: 300px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important;} .center-sponsors {margin: auto !important; } .sponsoring { margin: auto !important; margin-bottom: 10px !important;} #contact-box {min-width: 285px; margin: auto !important; height: auto !important; margin-bottom: 10px !important;} #contact-box .contact-left {width: 100% !important; float: none; font-size: 14px !important; } #contact-box table, tr { width: 98%; } .contact-map {width: 100%; max-height: 250px !important; float: none;} .info-right {width: 28% !important; float: right !important; font-size: 11px; text-align: left;} .map {width: 90px; margin-top: 0px !important; padding-right: 10px;} span.areas {font-size: 11px !important; line-height: normal} .name-sales-team {width:100px !important;} .box-staff-center {min-width: 280px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-left {min-width: 280px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-staff-right {min-width: 280px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .history {width: 95%; min-width: 280px; height: auto; margin: auto !important; margin-bottom: 10px !important;} .terms-conditions {width: 95%; min-width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important;} #subscribe-box {width: 94%; min-width: 280px; margin: auto !important; height: auto !important; margin-bottom: 10px !important;} #subscribe-box .subscribe-left {width: 100% !important; float: none; } .subscribe-issues {width: 100%; float: none;} #login {max-height: 500px !important; overflow: scroll;} #profile {max-height: 500px !important; overflow: scroll;} .my-technologies { width: 100%; margin-right: 15px; float: left;} #suppliers-header {min-width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important;} .box-suppliers {width: 280px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box-suppliers .headline-5 {margin: 0px; } .box1-showcase {width: 280px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important;} .box2-showcase {width: 280px; height: auto !important; float: none; margin-left: 0px; margin: auto !important; margin-bottom: 10px !important;} .box1-showcase .headline-5 {margin: 0px; } .box2-showcase .headline-5 {margin: 0px; } .dropdown-button.space { height: auto !important; padding-bottom: 10px;} .dropdown-button {padding: 0px 10px 5px 10px; min-width: 280px;} .dropdown-buttons {padding: 0px 10px 5px 10px; height: auto !important; min-width: 280px;} select {width: 100%; background: #ac1f2d; color: white; text-decoration: none; font-weight: bold !important; font-size: 14px !important; font-style: italic; margin-top: -10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-selected {} .select-hide { } .custom-select { position: relative; padding-bottom: 5px; text-decoration: none; font-style: italic; margin-top: -10px; margin-right: -10px;} .custom-select select { display: none; } .select-selected {text-transform: uppercase; background-color: #ac1f2d; font-weight: bold !important; font-size: 16px !important; margin: 5px 10px 5px 0px; } .select-selected:after { position: absolute; content: "\f101"; font-family: FontAwesome; font-weight: 100 !important; right: 25px; border-color: #fff transparent transparent transparent;} .select-selected.select-arrow-active:after { content: "\f103"; font-family: FontAwesome; border-color: transparent transparent #fff transparent; } .select-items div,.select-selected { color: #ffffff; padding: 9px 10px; font-size: 12px; font-weight: 300; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: #ac1f2d; top: 100%; left: 0; right: 0; z-index: 1001; margin-right: 10px;} .select-hide { display: none;} .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} #arrow-dropdown {display: none;} /** #arrow-dropdown {position: relative; font-size: 16px !important; font-family: FontAwesome; font-weight: 100 !important; color: white; float: right; top: 20px; right: 20px; z-index: 800; } **/ .company-logo {position: static; width: 140px; } .company-map {border:0; position: static ; width: 100%; margin: 20px 0px -5px 0px;} .company-thumbnail {width: 135px; margin: 6px 5px 3px 0px;} .advertise-table td {font-size: 12px; } .advertise-box {min-width: 280px; margin: auto !important; height: auto !important; margin-bottom: 10px !important;} .advertise-box .advertise-left {width: 100% !important; float: none; font-size: 14px !important; } .advertise-right {width: 100%; float: none;} .advertise-icon { width: 20px;} .advertise-img {float:left; text-align: center; width: 100% !important;} .advertise-img img {width: 50%;} .advertise-copy {width: 90% !important; margin:0 auto; text-align: center;} #edit-state { margin-top: 15px !important; font-weight: normal !important; padding-bottom: 10px; height: 40px !important;} } @media all and (max-width: 321px) and (min-width: 0px) { .embed_1, .embed_2, .embed_3, .embed_4 {width:100% !important;float:left;padding:1%;} .desktop-only {display: none;} .like-button {display: none;} .container{margin: -95px 10px 10px 20px; width: 280px; margin-left: -15px !important; } .article { padding-top: 45px; } nav { height: 70px !important; } .logo { width: 160px !important; top: 10px !important; -webkit-transition: all .5s !important; transition: all .5s !important; } #top-right-nav { display: none; font-size: 10px; } #search { position: fixed; top: 20px; right: 20px; width: 35px !important; -webkit-transition: all .5s !important; transition: all .5s !important; border-bottom: none !important; } .scrolled-nav #search { position: fixed !important; top: 20px !important; right: 20px !important; width: 35px !important; -webkit-transition: all .5s !important; transition: all .5s !important; border-bottom: none !important; } #search-top input[type="text"] { height: 50px; top: 20px; right: 20px; position: fixed; } #top-right-nav { display: none; font-size: 10px; } .dropdown {display: none !important; } .menu-button { width: 35px !important; height: 30px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s !important; transition: all .5s !important; } .menu-button span:nth-child(1) {top: 4px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .menu-button span:nth-child(2) {top: 16px !important; width: 25px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .menu-button span:nth-child(3) {top: 28px !important; height: 3px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .dropdown-side {display: block !important;} .technologies-dropdown-side {display: block !important;} .side-nav-item { margin-top: -40px; display: block !important;} .on-this-page { display: none !important;} .scrolled-nav .menu-button { width: 30px !important; height: 20px !important; position: fixed; left: 15px !important; margin-top: 13px !important; -webkit-transition: all .5s !important; transition: all .5s !important; } .scrolled-nav .menu-button span:nth-child(1) {top: 0px !important; height: 2px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .scrolled-nav .menu-button span:nth-child(2) {top: 9px !important; width: 40px !important; height: 2px !important; -webkit-transition: all .5s !important;transition: all .5s !important;} .scrolled-nav .menu-button span:nth-child(3) {top: 18px !important; height: 2px !important; -webkit-transition: all .5s !important; transition: all .5s !important;} .hide {display: none;} body { padding-top: 50px !important;} wrapper { width: 330px; display: grid; grid-template-columns: repeat(12, [col-start] 1fr);} #breadcrumbs {margin-left: -15px !important; width: 280px; } #tech-showcase-box {margin-left: -15px !important; width: 280px;} .mf-author-box-col-1 { width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .mf-author-box-col-2 {width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .mf-author-box-col-1-2 {width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .author-box-1 { width: 285px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .author-box-2 { width: 285px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .author-box-3 { width: 285px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } #newsletter { width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } #newsletter-afterbreak { width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } #newsletter-content { width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } #newsletter-content-afterbreak { width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .socialmedia-left{ display: none !important;} .socialmedia-left-afterbreak{ display:none !important;} .main-content{ grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .main-content-continued { grid-column: col-start 1 / span 12; margin: 0px 25px 0px 25px;} .article-content-continued { grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .article-content{ grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} #main-content-continued { width: 280px; margin: auto !important; margin-top: 45px !important; margin-left: -15px !important; } #main-content {width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } #article-content-continued { width: 280px !important; margin: auto !important; margin-top: 40px !important; margin-left: -15px !important; } #article-content {width: 280px !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .newsletter-content{ grid-column: col-start 1 / span 12; margin: -40px 25px 0px 25px;} .newsletter-content-continued { grid-column: col-start 1 / span 12; margin: 0px 25px 0px 25px;} .featured-content{ width: 280px; margin: auto !important; margin-top: -80px !important; margin-bottom: 10px !important; grid-column: col-start 1 / span 12; } .sidebar-right { grid-row: 2 !important; grid-column: col-start 1 / span 12; margin: auto !important;} .sidebar-right-adpage { display: none !important;} .sidebar-right-afterbreak{ grid-row: 2 !important; grid-column: col-start 1 / span 12; margin: auto !important; } #sidebar-right { top: 0px; margin-bottom: 10px;} #sidebar-right-adpage {margin-top: -10px !important; margin-bottom: 10px !important;} #sidebar-right-afterbreak { top: 0px; margin-bottom: 10px;} .sitemap-col {width: auto !important; margin: auto; text-align: center !important; padding-left: 7px !important; padding-right: 7px !important; } input[type=text], select { width: 46%;} input[type=submit] { width: 97%;} /** On Article page **/ .image-right {clear: both; float: none; padding: 5px; width: 95%; margin: auto; } .image-left {clear: both; float: none; padding: 5px; width: 95%; margin: auto;} .PullQuote {float: inline-start; width: 90%; margin: auto; margin-left: 15px !important; } .image-title { font-size: 27px; text-decoration: none; color: white; text-transform: none; } #box1 {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2 {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3 {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4 {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5 {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6 {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box7 {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box8 {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box1-afterbreak {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-afterbreak {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-afterbreak {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-afterbreak {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-afterbreak {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-afterbreak {width: 285px; height: 140px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box7-afterbreak {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box8-afterbreak {width: 285px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .headline-3 { color: black; font-weight: 450; font-size: 13px;} .headline-6 { color: black; font-weight: 550; font-size: 14px;} .small-thumbnail {width: 285px; height: 80px; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .small-text-right {width: 190px; float: left; height: auto !important;} .small-image-left-box { width: 80px} .text-left { float: left; width: 40%;} .text-right {float: left; width: 40%;} #my-account { width: 280px; text-align: center; margin: auto !important; margin-bottom: 10px !important; margin-top: 100px !important; margin-left: -15px !important;} .account-headshot {margin-top: -100px !important; float: none; margin-left: 15px !important; margin-bottom: 10px; } .liked-date, .viewed-date {clear:none; } #my-account-info {float: none; width: 100%; } #redbox-top-right { float: none; width: 101%; text-align: center; color: white; background: #ac1f2d; padding: 5px 10px 5px 5px; margin-top: 15px; margin-left: -10px;} #redbox-top-right a { color: white; font-size: 12px;} #registrations-right { float: none; width: 100%; text-align: left; padding: 10px 0px 5px 5px; } .related-articles {width: 290px; margin: auto !important; margin-bottom: 10px !important; margin-top: 10px !important; margin-left: -15px !important;} .more-box { width: 280px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .related-articles {width: 290px; margin: auto !important; margin-bottom: 10px !important; margin-top: 10px !important; margin-left: -15px !important;} .page-title {width: 290px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .comments {width: 290px; margin: auto !important; margin-bottom: 10px !important; margin-top: -20px !important; margin-left: -15px !important; } .mobile-nav {width: 290px; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .mobile-nav a {padding-top: 10px;} .displaynone {display:none;} #current-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .current-cover { float: none; height: auto; width: 100%; } .cover-text-left { float: none; text-align: left;} .cover {width: 100%; } #box1-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-issue {width: 280px; height: auto!important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box7-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-top: 47px !important; margin-left: -15px !important;} #box8-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box9-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box10-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box11-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box12-issue {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box1-infocenter {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-infocenter {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-infocenter {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-infocenter {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-infocenter {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-infocenter {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .video-top-box {height: 205px; } #box1-video {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-video {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-video {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-video {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-video {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box1-video-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-video-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-video-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-video-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-video-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-video-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box1-glossary {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box2-glossary {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .highlighted-word {width: 273px; } #box1-podcast {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-podcast {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-podcast {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-podcast {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-podcast {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .podcast-image-text {font-size: 12px; } .podcast-image-text-top {font-size: 14px; padding-top: 35px; } #whitepaper-box {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; } .whitepaper-cover { float: none; height: auto; width: 100%; } .whitepaper-image { width: 200px; float: none; margin-left: 40px !important; margin-bottom: 10px; align-content: center !important;} .whitepaper-text {width: 100%; float: none; margin-left: 0px !important;} #box1-whitepaper {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-whitepaper {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-whitepaper {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-whitepaper {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-whitepaper {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-whitepaper {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box1-whitepaper-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-top: 45px !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-whitepaper-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-whitepaper-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-whitepaper-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-whitepaper-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-whitepaper-afterbreak {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .newsletters-image { float: none; margin-bottom: 10px; align-content: center !important;} .newsletters-text {width: 100%; float: none; margin-left: 0px !important;} #box1-newsletters {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box2-newsletters {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box3-newsletters {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box4-newsletters {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box5-newsletters {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #box6-newsletters {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #newsletter-header {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .newsletter-image {width: 100%; float: none; padding: 0px !important; } .box1-newsletter {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box2-newsletter {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box3-newsletter {width: 285px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box1-newsletter .headline-5 { font-size: 15px; margin: 0px 0px 0px 5px;} .box2-newsletter .headline-5 { font-size: 15px;margin: 0px 0px 0px 5px;} .box3-newsletter .headline-5 { font-size: 15px;margin: 0px 0px 0px 5px;} #newsletter-content img {max-width: 280px !important; float: none !important;} #newsletter-content th img {max-width: 90px !important; padding: 5px;} .box1-calendar {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box2-calendar {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box1-calendar .headline-4 {font-size: 14px;} .box2-calendar .headline-4 {font-size: 14px;} .event-date-left {width: 75px;} .event-title-right {width: 140px; } #box1-events, #box2-events, #box3-events, #box4-events {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .event-header { padding-top: 120px !important; padding-bottom: 130px !important; background-position: top !important; background-size: 280% !important; height: auto !important; background-color: #F6F8F7; min-width: 380px;} .event-content{width: 300px; margin: auto !important; margin-top: -15px !important; margin-bottom: 10px !important; grid-column: col-start 1 / span 12; margin-left: 25px !important; } .event-content-afterbreak{width: 300px; margin: auto !important; margin-top: 90px !important; margin-bottom: -10px !important; grid-column: col-start 1 / span 12; margin-left: 25px !important;} #event-nav{ padding: 5px 10px; width: 300px; margin: auto !important; margin-top: -100px !important; height: auto; grid-column: col-start 1 / span 12; margin-left: 25px !important;} #event-nav a{padding: 7px 7px 5px 7px; font-size: 16px; font-weight: 550;} #event-nav-afterbreak{ padding: 5px 10px; width: 300px; margin: auto !important; margin-top: 5px !important; height: auto; grid-column: col-start 1 / span 12; margin-left: 25px !important;} #event-nav-afterbreak a{padding: 7px 7px 5px 7px; font-size: 16px; font-weight: 550;} #about { margin-top: -145px; height: 145px;} #agenda { margin-top: -145px; height: 145px;} #speaker { margin-top: -144px; height: 144px; } #register { margin-top: -154px; height: 154px;} #hotel { margin-top: -144px; height: 144px;} #sponsors { margin-top: -144px; height: 144px;} #event-about {width: 300px; margin: auto !important; margin-bottom: 10px !important;} #event-sponsoring, #event-presentations {width: 300px; margin: auto !important; margin-bottom: 10px !important;} #event-agenda {width: 300px; margin: auto !important;} .timeline .agenda-time{ margin-top: 5px; left: 22%; width: 150px; font-size: 12px; position: relative} .timeline:before { left: 10px; } .timeline > li > .timeline-circle { left: -5px;} .timeline > li > .timeline-panel{ width: 86%;} .speaker-headshot { width: 200px; float: none; margin-left: 40px !important; margin-bottom: 10px; align-content: center !important;} .speaker-headshot-withbio { width: 230px !important; float: none !important; margin-bottom: 10px; align-content: center !important;} .fullbio { max-width: 280px !important;max-height: 450px !important; overflow: scroll; } .speaker-wrapper {width: 100%; float: none; margin-left: 0px !important;} .box1-speaker {width: 300px; margin: auto !important; margin-bottom: 10px !important; margin-left: 0px !important;} .box2-speaker {width: 300px; margin: auto !important; margin-bottom: 10px !important; margin-left: 0px !important;} .fancybox-content {padding: 15px !important;} #event-register {width: 300px; margin: auto !important; margin-bottom: 10px !important; margin-left: 0px !important;} .col-1 {margin: auto !important; width: 100%; padding: 0px 5px 10px 5px; text-align: center;} .col-2 {width: 100%; border-left: none; border-top: 1px solid #ac1f2d; border-bottom: 1px solid #ac1f2d; border-right: none; padding: 20px 0px; text-align: center;} .col-3 {width: 100%; padding: 20px 5px 10px 5px; text-align: center;} .register {margin: auto !important; float: none !important; margin-bottom: 10px !important;} .register-now {margin: auto !important; float: none !important; margin-bottom: 10px !important;} #event-hotel {width: 300px; margin: auto !important; margin-bottom: 10px !important; margin-left: 0px !important;} .hotel-image {float: none !important; width: 100%; padding: 10px 0px;} #hotel-left { width: 100%; left: 0; float: none !important;} #hotel-right {right: 0; width: 100%; float: none !important;} .sponsor-logo {width: 150px; margin: auto !important; text-align: center; } .box-sponsors-4 {width: 320px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important; margin-left: 0px !important;} .box-sponsors-3 {width: 320px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important; margin-left: 0px !important;} .box-sponsors-2 {width: 320px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important; margin-left: 0px !important;} .box-sponsors-1 {width: 320px; margin: auto !important; margin-bottom: 10px !important; padding: 0px !important; margin-left: 0px !important;} .center-sponsors {margin: auto !important;} .sponsoring { width: 310px; margin: auto !important; margin-bottom: 10px !important; margin-left: 0px !important;} .event-content-afterbreak .page-title {width: 310px !important; margin-left: 0px !important;} #contact-box {min-width: 280px; margin: auto !important; height: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #contact-box .contact-left {width: 100% !important; float: none; font-size: 14px !important; } #contact-box table, tr { width: 98%; } .contact-map {width: 100%; max-height: 250px !important; float: none;} .name-sales-team {width:150px !important;} .info-right {width: 100% !important; float: left !important; font-size: 11px; text-align: ri;} .map {width: 100px; margin-top: 5px !important; padding-right: 10px; } span.areas {font-size: 11px !important; line-height: normal} .box-staff-center {width: 285px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box-staff-left {width: 285px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box-staff-right {width: 285px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .history {width: 280px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .terms-conditions {width: 385px; height: auto; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #subscribe-box {width: 280px; margin: auto !important; height: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} #subscribe-box .subscribe-left {width: 100% !important; float: none; } .subscribe-issues {width: 100%; float: none;} #login {max-height: 500px !important; overflow: scroll;} #profile {max-height: 500px !important; overflow: scroll;} .my-technologies { width: 100%; margin-right: 15px; float: left;} #suppliers-header {width: 280px; height: auto !important; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box-suppliers {width: 285px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box-suppliers .headline-5 {margin: 0px; } .box1-showcase {width: 285px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .box2-showcase {width: 285px; height: auto !important; float: none; margin: auto !important; margin-bottom: 10px !important; margin-left: -15px !important; margin-left: 0px;} .box1-showcase .headline-5 {margin: 0px; } .box2-showcase .headline-5 {margin: 0px; } .dropdown-button.space { height: auto !important; padding-bottom: 10px;} .dropdown-button {padding: 0px 10px 5px 10px; margin-left: -15px !important; min-width: 280px;} .dropdown-buttons {padding: 0px 10px 5px 10px; margin-left: -15px !important; min-width: 280px;} select {width: 100%; background: #ac1f2d; color: white; text-decoration: none; font-weight: bold !important; font-size: 14px !important; font-style: italic; margin-top: -10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select { position: relative; padding-bottom: 5px; text-decoration: none; font-style: italic; margin-top: -10px; margin-right: -10px;} .custom-select select { display: none; } .select-selected {text-transform: uppercase; background-color: #ac1f2d; font-weight: bold !important; font-size: 16px !important; margin: 5px 10px 5px 0px; } .select-selected:after { position: absolute; content: "\f101"; font-family: FontAwesome; font-weight: 100 !important; right: 25px; border-color: #fff transparent transparent transparent;} .select-selected.select-arrow-active:after { content: "\f103"; font-family: FontAwesome; border-color: transparent transparent #fff transparent; } .select-items div,.select-selected { color: #ffffff; padding: 9px 10px; font-size: 12px; font-weight: 300; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: #ac1f2d; top: 100%; left: 0; right: 0; z-index: 1001; margin-right: 10px;} .select-hide { display: none;} .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} #arrow-dropdown {display: none;} #arrow-dropdown {position: relative; font-size: 16px !important; font-family: FontAwesome; font-weight: 100 !important; color: white; float: right; top: 20px; right: 20px; z-index: 800; } .company-logo {position: static; width: 140px; } .company-map {border:0; position: static ; width: 100%; margin: 20px 0px -5px 0px;} .company-thumbnail {width: 135px; margin: 6px 5px 3px 0px;} .advertise-table td {font-size: 12px; } .advertise-box {width: 280px; margin: auto !important; height: auto !important; margin-bottom: 10px !important; margin-left: -15px !important;} .advertise-box .advertise-left {width: 100% !important; float: none; font-size: 14px !important; } .advertise-right {width: 100%; float: none;} .advertise-img {float:left; text-align: center; width: 100% !important;} .advertise-img img {width: 50%;} .advertise-copy {width: 90% !important; margin:0 auto; text-align: center;} #edit-state { margin-top: 15px !important; font-weight: normal !important; padding-bottom: 10px; height: 40px !important;} }