html,body{font-family:'Lato', sans-serif;width:100%;height:100%;margin:0;padding:0;font-size:15px;line-height:1.5rem;font-weight:300;background-color:#959ba5}img{max-width:100%}h1{font-size:32px;margin:2rem 0;line-height:30px}h2{font-size:28px;line-height:26px;margin:1.5rem 0}h3{font-size:24px;font-size:22px;font-weight:300;margin:.5rem 0}h4{font-size:20px;font-size:18px;font-weight:300;margin:.5rem 0}h5{font-size:20px;font-size:16px;color:#660066}a,a:link,a:visited{color:#ff8800;text-decoration:none}h3 a,h3 a:link,h3 a:visited{color:#660066;text-decoration:none}h3 a:hover,h3 a:active,h3 a:focus{color:#ff8800;text-decoration:none}.content-floating{max-width:1000px;margin-left:12.5%;padding-left:250px;padding-top:90px;padding-right:12.5%;display:block}.floating-right{max-width:1000px;margin-left:12.5%;padding-left:250px;padding-right:12.5%;display:block}.float-left{padding-left:12.5%}.flex-wrap-centered{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}#mqtt-logo-header{width:300px;padding-top:30px}footer{background-color:#959ba5;color:#fff;width:100%;padding:5px 0;font-size:16px;box-sizing:border-box;margin-top:100px}.major-cta{padding:10px;border-radius:8px;color:#ffffff;font-size:18px;cursor:pointer}.major-cta-tranpsparent{background-color:transparent;border:1px solid #fff}.major-cta-black{padding:10px;border-radius:8px;color:#585858;font-size:18px;cursor:pointer;border:2px solid #969696}.major-cta-orange{background-color:#ff8800;border:1px solid #afafaf}.major-cta:hover,.major-cta:active,.major-cta:focus{transition:all 0.5s;outline:none}.major-cta-tranpsparent:hover,.major-cta-tranpsparent:active,.major-cta-tranpsparent:focus{background-color:rgba(255,255,255,0.2);outline:none}.round-number{height:36px;width:36px;background-color:#660066;color:#fff;font-size:20px;padding:5px;box-sizing:border-box;text-align:center;border-radius:18px;float:left;position:relative;top:-5px;z-index:0}.indented{padding-left:60px}#main-nav.default-nav{position:fixed;top:100px}.nav-item a,.nav-item a:visited,.nav-item a:active{text-decoration:none;color:#660066}.nav-item a:hover,.nav-item a:focus{color:#ff8800}.nav-item{font-size:16px;padding:10px;border-bottom:1px solid #660066}.nav-item:last-child{border-bottom:none}.default-nav .nav-item{background-color:rgba(255,255,255,0.7)}#mobile-nav{display:none;position:fixed;top:80px;width:100%;text-align:center;z-index:10}#mobile-nav.mobile-nav-home{position:absolute}.mobile-nav-item{font-size:22px;line-height:4rem;background-color:#333;border-top:1px solid #999}a .mobile-nav-item,a:link .mobile-nav-item,a:visited .mobile-nav-item{color:#fff}#burger-menu{width:32px;position:fixed;top:30px;left:50%;margin-left:-16px;cursor:pointer;z-index:20}.mobile-nav-home>#burger-menu{position:absolute;top:-50px;z-index:20}.accordion-wrapper{width:90%}.accordion-wrapper.software{width:90%}.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:0.4s}.active,.accordion:hover{background-color:#660066;color:#fff}.accordion:after{content:'\002B';color:#444;font-weight:bold;float:right;margin-left:5px}.active,.accordion:hover:after{color:#fff}.active:after{content:"\2212";color:#fff}.panel{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}.subhead{background-color:#959ba5;color:#fff;width:100%;padding:5px 15px}#homepage-header{background-color:#660066;height:530px;padding:0}#homepage-header-img{background-image:url("/assets/img/homepage-gradient.jpg");background-repeat:no-repeat;background-size:cover;width:100%;height:530px}#main-nav.homepage-nav{position:absolute;top:100px}.homepage-nav a,.homepage-nav a:visited{color:#fff}.homepage-nav a:hover{color:#ff8800}.homepage-nav .nav-item{border-bottom:1px solid #fff}.homepage-nav .nav-item:last-child{border-bottom:none}#homepage-intro{color:#fff;width:40%;margin:30px 30%;text-align:center;line-height:32px;font-size:16px}@media all and (min-width: 1366px){#header-hr{width:100%;max-width:unset}}#homepage-content{padding-top:25px}#keyfeature-list{width:100%;margin:25px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.keyfeature{flex-basis:33%;padding-left:0;padding-right:8%;margin-bottom:30px;display:block;box-sizing:border-box}.keyfeature.mid{padding-left:4%;padding-right:4%}.keyfeature.last{padding-left:8%;padding-right:0}#pub-sub-graphic{text-align:center}#mqtt-in-action{background-color:#eceeef;padding:25px 10% 150px;margin-bottom:-100px;text-align:center}.mqtt-in-action-box{width:282px;height:202px;margin:5px;padding:2px 10px;box-sizing:border-box;color:#fff;text-align:left}main{background-color:#fff}#default-header{background-image:url("/assets/img/header-gradient.jpg");background-size:cover;width:100%;height:80px;position:fixed;box-shadow:0 2px 4px rgba(153,153,153,0.5);z-index:10}.width-container{width:75%;max-width:1366px;margin:0 auto;box-sizing:border-box}.panel-item{padding:5px 25px 15px 0}.panel-item-description{display:block;margin-left:200px}.panel-item:not(.last){border-bottom:#afafaf 1px dotted}.software-logo{width:150px;height:65px;margin:0 10px;float:left}.software-logo.mqtt-logo{transform:scale(0.8)}.panel-item h3{color:#660066;font-size:18px;font-weight:bold;line-height:20px;margin:10px 0 5px 0}.community-contributions{width:100%;background-size:cover;text-align:center;color:#fff;padding:25px 0 75px;box-sizing:border-box;margin:50px 0 0}.spec-hl{display:flex;width:100%;margin:20px 0 5px}.specs-logo{width:100px;height:40px;margin-right:15px}.technical-committee{width:100%;background-color:#eceef0;text-align:left;padding:25px 0 50px;margin-top:50px}#tc-members{background-color:#fff;display:flex;justify-content:space-around;justify-items:center;flex-wrap:wrap;padding:25px;box-sizing:border-box;box-shadow:2px 2px 4px rgba(153,153,153,0.5)}.tc-logo{width:190px;height:60px;margin:10px 5px}#mqtt-logos div{display:inline-block;margin:25px 2.5% 25px 0}.logo-container{width:45%;box-sizing:border-box}.use-case{display:flex;align-items:flex-start;margin-bottom:10px}.use-case-description{margin-left:40px}.use-case-description h2{margin-top:0}.use-case-img{margin-bottom:20px;display:block;width:282px !important;height:202px !important}@media all and (max-width: 1366px){.content-floating{max-width:1000px;margin-left:12.5%;padding-right:12.5%}.float-left{padding-left:12.5%}.width-container{width:75%}}@media all and (max-width: 1280px){.content-floating{max-width:900px;margin-left:10%;padding-right:10%}.float-left{padding-left:10%}.width-container{width:80%}#homepage-intro{width:50%;margin:30px 30%;text-align:left;line-height:30px;font-size:15px}#homepage-header-img{background-size:cover;width:100%;height:100%}}@media all and (max-width: 1024px){.content-floating,.floating-right{max-width:800px;margin-left:5%;padding-right:5%}.float-left{padding-left:5%}.width-container{width:90%}.keyfeature,.keyfeature.mid,.keyfeature.last{flex-basis:45%;padding-left:0;padding-right:5%}#homepage-header{height:500px}#homepage-header-img{background-image:url("/assets/img/homepage-gradient-mobile.jpg")}#homepage-intro{width:65%}.use-case-img{width:220px !important;height:125px !important}}@media all and (max-width: 890px){#main-nav{display:none}.content-floating,.floating-right{padding-left:0}#mobile-nav{display:block}#mobile-nav-open{display:none}#homepage-intro{width:90%;margin:60px 5%}#keyfeature-list{flex-direction:column}.keyfeature,.keyfeature.mid,.keyfeature.last{flex-basis:90%;padding-left:0;padding-right:0%}}@media all and (max-width: 768px){#homepage-intro{width:90%;margin:50px 5%;font-size:14px;line-height:24px}.logo-container{width:90%}.accordion-wrapper{width:100%}.accordion-wrapper.software{width:100%}}@media all and (max-width: 600px){.software-logo{float:none;margin:5px 0 5px -15px}.panel-item-description{margin-left:0}.use-case{flex-direction:column;margin-bottom:25px}.use-case-img{width:282px !important;height:202px !important}.use-case-description{margin:0}}.profile{display:flex;align-items:flex-start;gap:20px}.profile img.profile-photo{margin-top:15px;width:125px;height:150px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 6px 10px rgba(0,0,0,0.5)}.profile .profile-body{flex:1}.social-links{display:flex;align-items:center;gap:10px;margin-top:6px}.social-links a img{width:20px;height:20px;display:inline-block}.members-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px;margin:10px 0 10px}.member-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.06);overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 10px}.member-card img.member-photo{width:96px;height:96px;border-radius:8px;object-fit:cover;box-shadow:0 3px 6px rgba(0,0,0,0.2)}.member-name{font-weight:700;margin-top:8px;font-size:0.98rem}.member-role{color:#666;font-size:0.85rem;margin-top:2px}.member-affiliation{color:#555;font-size:0.82rem;margin-top:2px}.member-social{margin-top:4px;display:flex;gap:6px;justify-content:center}@media all and (max-width: 600px){.profile{flex-direction:column}.profile img.profile-photo{width:160px;height:160px}}.pub-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:10px}.pub-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.06);display:flex;align-items:stretch}.pub-card img{width:300px;height:200px;object-fit:cover;display:block}.pub-meta{padding:12px 14px 14px 14px;flex:1}.pub-title{font-weight:700;margin-bottom:4px}.pub-venue{color:#555;font-size:0.95rem;margin-bottom:4px}.pub-authors{color:#666;font-size:0.9rem;margin-bottom:6px}.pub-links a{color:#0066cc;text-decoration:none}.pub-links a:hover{text-decoration:underline}@media all and (max-width: 600px){.pub-card{flex-direction:column}.pub-card img{width:100%;height:160px}}.tag-badge{display:inline-block;background:#f0f2f5;color:#333;border:1px solid #e2e8f0;border-radius:12px;padding:2px 8px;margin-right:6px;font-size:12px}.pub-tags{margin:6px 0}.pub-filter{margin:10px 0 12px 0}.pub-filter label{margin-right:6px}.seminar-list{list-style:none;padding-left:0}.seminar-list li{padding:8px 0;border-bottom:1px dashed #e2e8f0}.seminar-list li:last-child{border-bottom:none}.seminar-date{color:#555;font-family:monospace;margin-right:6px}.seminar-speaker{color:#666;margin-left:6px}.seminar-links a{color:#0066cc;text-decoration:none;margin-left:8px}.seminar-links a:hover{text-decoration:underline}