/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/* ==========================================================================
	 HTML5 Boilerplate Styles
	 ========================================================================== */

html {
    color: #222;
    font-size: 1rem;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1rem 0;
    padding: 0;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
	 Thinkdm2 Styles
	 ========================================================================== */

/* =======================
	 1. Bootstrap Elements
	 2. Typography
	 3. Form Elements
	 4. Global Classes
	 5. Header
	 6. Navigation
	 7. Footer
	 8. Content
	 9. Compare Chart - IEEE
	 ======================= */

/*__// 1. Bootstrap Elements //__*/
img {
    height: auto;
    max-width: 100%;
}

a {
    color: #1484e2;
    transition: all 200ms ease;
}

a:focus, a:hover, #view-article a:hover {
    color: #0e5b9c;
    outline: none;
}

button:hover {
    cursor: pointer;
}

button:focus {
    outline: none !important;
}

.btn {
    border-width: 2px;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.btn-primary,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.mktoForm .mktoButtonWrap.mktoSkip .mktoButton {
    background-color: #1484e2;
    border-color: #1484e2;
    color: #fff;
}

.btn-outline-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.mktoForm .mktoButtonWrap.mktoSkip .mktoButton:active,
.mktoForm .mktoButtonWrap.mktoSkip .mktoButton:focus,
.mktoForm .mktoButtonWrap.mktoSkip .mktoButton:hover {
    background-color: transparent;
    border-color: #1484e2;
    color: #1484e2;
}

.btn-secondary {
    background-color: #c24e02;
    border-color: #c24e02;
    color: #fff;
}

.form-control {
    border-color: #dae3e8;
    color: #77838f !important;
}

.form-group {
    margin-bottom: 1.5rem;
}

.modal-content, .modal-header {
    border: none;
    border-radius: 0;
}

.close {
    color: #1484e2;
    opacity: 1 !important;
}

.close:focus,
.close:hover {
    color: #0e5b9c;
}

.modal-content.orange-bg,
.modal-content.orange-bg p {
    color: #fff;
}

.orange-bg .close {
    color: #fff;
    font-weight: 400;
    opacity: 1;
    text-shadow: none;
}

.modal-header {
    padding: 1.5rem 2rem .5rem;
}

.modal-title {
    color: #00619a;
    font-size: 1.75rem;
    font-weight: 700;
}

.modal-body {
    padding: 1rem 2rem 2rem;
}

.nav-tabs {
    border-bottom: 1px solid #dae3e8;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #dae3e8 #dae3e8 #fff;
    color: #5e6a72;
}

.nav-tabs .nav-link:not(.active):focus,
.nav-tabs .nav-link:not(.active):hover {
    border-color: #dae3e8;
}

.tab-pane {
    margin-top: 1rem;
}

.sticky-top {
    top: 2rem;
}

/*__// 2. Typography //__*/
body {
    color: #333;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a {
    font-family: 'Verdana', Helvetica, Arial, sans-serif;
    line-height: 1.4;
}

h1, .h1, h3, .h3 {
    font-weight: 700;
}

h2, .h2, h4, .h4, h6, .h6 {
    font-weight: 400;
}

h3, .h3, h4, .h4 {
    color: #5e6a72;
}

h1, .h1 {
    font-size: 2em;
    margin-bottom: .75rem;
}

h2, .h2 {
    color: #00619a;
    font-size: 1.75rem;
    margin-bottom: 2rem;
}

h3, .h3 {
    font-size: 1.5rem;
    /*margin: 2.5rem 0 1rem;*/
    margin-bottom: 1rem;
}

h4, .h4 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}

h6, .h6 {
    font-size: .75rem;
    margin-bottom: 0;
}

p {
    color: #333;
    line-height: 1.625;
    margin-bottom: 1.5rem;
}

.post-body {
    line-height: 1.625;
}

p:last-child {
    margin-bottom: 0 !important;
}

/*__// 3. Form Elements //__*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #77838f !important;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #77838f !important;
    opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #77838f !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #77838f !important;
}

.form-inline {
    position: relative;
}

.mktoForm, .mktoHtmlText {
    max-width: 730px;
    width: 100% !important;
}

.mktoForm .mktoOffset, .mktoForm .mktoGutter {
    display: none;
}

.mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap {
    padding: 0;
    width: 100% !important;
}

.mktoForm .mktoFormCol {
    margin-bottom: 1.5rem !important;
}

label, .mktoForm .mktoLabel,
#search-xplore-form label,
.wufoo label.desc, .wufoo label {
    color: #77838f;
    display: block;
    float: none !important;
    font-size: 1rem;
    margin-bottom: 10px;
    padding-top: 0 !important;
}

.mktoRadioList label {
    color: #77838f;
}

label[for="FirstName"] {
    width: 115px !important;
}

label[for="LastName"] {
    width: 113px !important;
}

label[for="Title"] {
    width: 95px !important;
}

label[for="Email"] {
    width: 196px !important;
}

label[for="Company"] {
    width: 182px !important;
}

label[for="Business_Type__c"], #mktoForm_1590 label[for="Email"] {
    width: 143px !important;
}

label[for="Industry"] {
    width: 96px !important;
}

label[for="City_or_Town__c"] {
    width: 59px !important;
}

label[for="Country_Nation__c"] {
    width: 151px !important;
}

label[for="Phone"] {
    width: 147px !important;
}

label[for="Product_to_Trial__c"], label[for="Content_of_Interest__c"] {
    width: 172px !important;
}

label[for="Alternate_Email__c"], label[for="Interest_in_Subscribing__c"] {
    width: 193px !important;
}

label[for="UnsubscribedReason"] {
    width: 348px !important;
}

label[for="opt_contact"] {
    display: inline-block;
    margin-left: .5rem;
}

.mktoForm label span {
    font-size: .75rem !important;
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 400 !important;
}

.form-group .required {
    color: #c24e02;
}

.mktoForm .mktoAsterix {
    color: #c24e02 !important;
    padding-left: .625rem !important;
}

.mktoForm input[type=text], .mktoForm input[type=url],
.mktoForm input[type=email], .mktoForm input[type=tel],
.mktoForm input[type=number], .mktoForm input[type=date],
.mktoForm select.mktoField, .mktoForm textarea.mktoField {
    border-radius: .25rem !important;
    border-color: #dae3e8 !important;
    box-shadow: none !important;
    color: #77838f !important;
    font-size: 1rem !important;
    height: 2.75rem;
    line-height: 1.25 !important;
    margin-bottom: .5rem !important;
    min-height: 0 !important;
    padding: .25rem 1rem !important;
    width: 100% !important;
}

.mktoForm input[type=text]:focus, .mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus, .mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus, .mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus, .mktoForm textarea.mktoField:focus {
    border-color: #80b3d4 !important;
}

select#Content_of_Interest__c, select#Topic_of_Interest__c, select#Product_to_Trial__c {
    background: none;
    padding: .625rem 1rem !important;
}

form:not(#learn-more-form) select#Content_of_Interest__c, textarea#Questions_Comments__c {
    height: 10rem;
}

select#Topic_of_Interest__c {
    height: 6.25rem;
}

form:not(#mktoForm_2003) select#Product_to_Trial__c {
    height: 22.5rem;
}

.mktoButtonRow, #search-xplore-form .btn {
    margin-top: 1.5rem !important;
}

.mktoButtonWrap {
    margin-left: 0 !important;
}

.mktoForm .mktoButtonWrap .mktoButton {
    background-color: #1484e2 !important;
    background-image: none !important;
    border: 2px solid #1484e2 !important;
    border-radius: .25rem !important;
    font-family: 'Verdana', Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    min-width: 170px;
    padding: .5rem .75rem !important;
    text-shadow: none !important;
    text-transform: none !important;
    width: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: all 200ms ease;
}

.mktoForm .mktoButtonWrap .mktoButton:active,
.mktoForm .mktoButtonWrap .mktoButton:focus,
.mktoForm .mktoButtonWrap .mktoButton:hover {
    background-color: transparent !important;
    background-image: none !important;
    border-color: #1484e2 !important;
    color: #1484e2 !important;
}

#mktoForm_2003, #mktoForm_1590, .wufoo {
    font-family: 'Verdana' !important;
}

#mktoForm_1198 {
    margin-bottom: 2.5rem;
}

#mktoForm_1665 label[for="Email"] {
    width: 130px !important;
}

.modal-body form .btn {
    margin-top: .5rem;
}

.email-page-error.text-muted, .error-message {
    color: #e51b00 !important;
    font-size: .875rem;
    margin: .5rem .75rem 0;
}

.form-control.is-invalid, #learn-more-form .error {
    border-color: #e51b00;
}

#email-page-form + p {
    font-size: .75rem;
}

/*__// 4. Global Classes //__*/
.lt-grey-bg {
    background-color: #f3f5f6;
}

.orange-bg {
    background-color: #c24e02;
}

.dk-blue-bg {
    background-color: #093347;
}

/*__// 5. Header //__*/
#top-bar {
    border-bottom: 1px solid #dae3e8;
}

.top-bar {
    margin: 12px 0;
}

.top-bar .nav-item:not(:last-child),
.compare-features > .nav-item:not(:last-child),
.footer .nav-item:not(:last-child) {
    border-right: 1px solid transparent;
    margin-right: 15px;
    padding-right: 15px;
}

.top-bar .nav-item:not(:last-child) {
    border-color: #80b3d4;
}

.top-bar .nav-item, .top-bar .nav-link, .footer .nav-link {
    color: #80b3d4;
    font-size: 12px;
    line-height: 16px;
}

.top-bar .nav-link, .footer .nav-link {
    padding: 0;
}

.top-bar .nav-link:active,
.top-bar .nav-link:focus,
.top-bar .nav-link:hover,
.footer .nav-link:active,
.footer .nav-link:focus,
.footer .nav-link:hover {
    outline: none;
    text-decoration: underline;
}

.social {
    margin: 5px 0;
}

.share {
    float: left;
}

.social-link, .share-link {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    opacity: 1;
    text-align: center;
    width: 30px;
    transition: all 200ms ease;
}

.social-link.facebook, .share-link.facebook {
    background-color: #3b5998;
}

.social-link.twitter, .share-link.twitter {
    background-color: #00aced;
}

.social-link.linkedin, .share-link.linkedin {
    background-color: #007bb6;
}

.social-link.youtube {
    background-color: #ff0000;
}

.social-link.google-plus, .share-link.google-plus {
    background-color: #dd4b39;
}

.share-link.email {
    background-color: #77838f;
    font-size: 16px;
}

.social .nav-item:not(:last-child) .social-link,
.share .nav-item:not(:last-child) .share-link {
    margin-right: 10px;
}

.social-link:active, .social-link:focus, .social-link:hover,
.share-link:active, .share-link:focus, .share-link:hover {
    color: #fff;
    opacity: .85;
    outline: none;
}

a.logo {
    display: inline-block;
    margin: 25px 0;
}

.logo img {
    max-width: 468px;
    width: 100%;
}

img.logo {
    margin: 33px 0;
    max-height: 38px;
}

/*__// 6. Navigation //__*/
.navbar-toggleable-md .navbar-nav .nav-link, .mobile-search {
    padding: .625rem 1rem;
}

li.menu-item a:focus {
    text-decoration: none;
}

#menu-main-menu .menu-item a {
    color: #00619a !important;
    font-size: .875rem;
    transition: all 200ms ease;
}

#menu-main-menu .nav-link:active,
#menu-main-menu .nav-link:focus,
#menu-main-menu .nav-link:hover,
#menu-main-menu .show > .nav-link {
    cursor: pointer;
}

#menu-main-menu .nav-link.learn-more {
    background-color: #c24e02;
    border-color: #c24e02;
    color: #fff !important;
}

.dropdown-toggle::after {
    margin-left: .5rem;
}

.dropdown-menu {
    background: #fff;
    border-color: #f3f5f6;
    border-radius: 0;
    margin: 0;
    min-width: 20rem;
    transition: all 200ms ease;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #00619a;
}

#menu-main-menu .dropdown-menu .nav-item:not(:last-child),
.compare-features .dropdown-menu .nav-item:not(:last-child) {
    border-bottom: 1px solid #f3f5f6;
}

#menu-main-menu .dropdown-menu .dropdown-item,
.compare-features .dropdown-menu .dropdown-item {
    border: none !important;
    padding: .5rem 1rem;
}

#menu-main-menu .dropdown-menu .dropdown-item:active,
#menu-main-menu .dropdown-menu .dropdown-item:focus,
#menu-main-menu .dropdown-menu .dropdown-item:hover,
#menu-main-menu .dropdown-menu .current-menu-item .dropdown-item,
#menu-main-menu .dropdown-menu .current-menu-ancestor .dropdown-item,
#menu-main-menu .dropdown-menu .current-menu-parent .dropdown-item,
.compare-features .dropdown-menu .dropdown-item:active,
.compare-features .dropdown-menu .dropdown-item:focus,
.compare-features .dropdown-menu .dropdown-item:hover,
/*.page-innovation-spotlight #menu-main-menu > .menu-item:last-child > .dropdown-menu .menu-item:last-child > .dropdown-item,*/
.category-spotlight #menu-main-menu > .menu-item:last-child > .dropdown-menu .menu-item:last-child > .dropdown-item {
    background-color: #f3f5f6;
}

#menu-main-menu > .menu-item > .nav-link,
#menu-main-menu .dropdown-menu .current-menu-item .dropdown-item,
#menu-main-menu .dropdown-menu .current-menu-ancestor .dropdown-item,
#menu-main-menu .dropdown-menu .current-menu-parent .dropdown-item,
/*.page-innovation-spotlight #menu-main-menu > .menu-item:last-child > .dropdown-menu .menu-item:last-child > a,*/
.category-spotlight #menu-main-menu > .menu-item:last-child > .dropdown-menu .menu-item:last-child > a {
    font-weight: 700;
}

.btn.learn-more {
    border-radius: 0;
    font-size: .875rem;
    margin-left: 1rem;
    min-height: 42px;
    padding: .625rem 1rem;
}

.btn.learn-more:active,
.btn.learn-more:focus,
.btn.learn-more:hover {
    border-color: #00619a;
}

.search .btn.dropdown-toggle {
    background-color: transparent;
    border-radius: 0;
    color: #00619a;
    min-height: 42px;
}

.btn.learn-more:active,
.btn.learn-more:focus,
.btn.learn-more:hover,
.search .btn.dropdown-toggle:active,
.search .btn.dropdown-toggle:focus,
.search .btn.dropdown-toggle:hover,
.search.show .btn.dropdown-toggle {
    background-color: #00619a;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group.search .dropdown-toggle::after {
    display: none;
}

.search .dropdown-menu {
    padding: .5rem;
}

.search input.form-control, .mobile-search input.form-control {
    font-size: .875rem;
    min-height: 36px;
    width: 100%;
}

.search .form-inline .btn, .form-inline.mobile-search .btn {
    background-color: transparent;
    border: none;
    color: #77838f;
    position: absolute;
    right: 0;
    top: 0;
}

.form-inline.mobile-search .btn {
    right: 1rem;
    top: .625rem;
}

.search input.form-control:focus,
.mobile-search input.form-control:focus {
    border-color: #80b3d4;
}

/*__// 7. Footer //__*/
footer {
    padding: 3rem 0;
    -webkit-box-shadow: inset 0 10px 20px #dae3e8;
    box-shadow: inset 0 10px 20px #dae3e8;
}

footer h4 {
    color: #1484e2;
    margin-bottom: 2rem;
}

.footer, .copyright p {
    margin-bottom: 1rem;
}

.footer .nav-item:not(:last-child) {
    border-color: #81888d;
}

.copyright p, .footer .nav-link {
    color: #81888d;
    font-size: .75rem;
}

/*__// 8. Content //__*/
#content {
    margin-bottom: 3.75rem;
}

#home-carousel {
    background: url('../img/home-carousel-bg.png') no-repeat 50% 0 #000;
    margin-bottom: 3.75rem;
    min-height: 350px;
}

.carousel-post {
    display: table;
    height: 350px;
    padding: 0 10%;
    width: 100%;
}

.carousel-post-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.carousel-post h2 {
    font-size: 2.25rem;
    margin-bottom: 1rem;
}

.carousel-post h2 a, .carousel-post h4 {
    color: #fff;
    line-height: inherit;
}

.carousel-post h2 a:hover {
    text-decoration: none;
}

.carousel-post h4 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.carousel-indicators li {
    width: 30px;
}

.bucket h3 {
    background-color: #1484e2; /* #00619a */
    color: #fff;
    font-size: 1rem; /* 1.125rem */
    /*font-weight: 400;
    line-height: 1.25;*/
    margin: 0;
    padding: .5rem .375rem;
    text-align: center;
}

.bucket h3 a {
    color: #fff;
    line-height: inherit;
    text-decoration: none!important;
}

.bucket .featured-image {
    background-position: 50%;
    background-size: cover;
    margin-bottom: 1.25rem;
    overflow: hidden;
    padding-top: 67%;
    text-align: center;
}

/*.bucket .featured-image img {
    min-height: 233px;
    -o-object-fit: cover;
    object-fit: cover; /* DOES NOT WORK IN IE *//*
}*/

h4.featured-title {
    margin-bottom: .75rem;
}

h1.featured-title {
    border-bottom: 1px solid #dae3e8;
    color: #1484e2;
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
    padding-bottom: .95rem;
}

/*.home .featured-image, .home .featured-content {
	float: left;
	padding: 0 15px;
}

.home .featured-image {
	width: 25%;
}

.home .featured-content {
	width: 75%;
}*/

/*#facebook-feed-content,
#twitter-feed-content,
#linkedin-feed-content {
	height: 360px;
	overflow-y: scroll;
	word-break: normal;
	word-wrap: normal;
}

.feed-loading {
	background-image: url('../img/spinner.gif');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 120px;
	margin: 0 auto;
	width: 160px;
}

.facebook-text, .facebook-date a,
.twitter-text, .twitter-date a,
.linkedin-text, .linkedin-date {
	color: #5e6a72;
	font-size: .75rem;
}

.facebook-text, .twitter-text, .linkedin-text {
	padding: .5rem 0 .5rem 1.5rem;
}

.linkedin-link {
	clear: both;
}

.linkedin-thumb {
	float: left;
	margin: .625rem 0 1.5rem;
}

.linkedin-text {
	float: right;
	width: calc(100% - 80px);
}

#facebook-feed-content .facebook-text:not(:last-child),
#twitter-feed-content .twitter-text:not(:last-child),
#linkedin-feed-content .linkedin-text:not(:last-child) {
	margin-bottom: 1rem;
}*/

.breadcrumb {
    background-color: transparent;
}

.breadcrumb, .share-page {
    font-size: .75rem;
    padding: 1rem;
}

.breadcrumb a, .share-page a {
    color: #77838f;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #77838f;
    content: '\203A';
}

.breadcrumb-item.active {
    color: #999;
}

.share-page {
    list-style: none;
    margin-bottom: 1rem;
}

.share-page-item {
    float: left;
}

.share-page-item + .share-page-item::before {
    color: #77838f;
    content: '/';
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
}

.share-page i {
    padding-right: .5rem;
}

.hero {
    background: url('../img/page-header-bg.jpg') no-repeat 50% 0 #000;
    height: 200px;
    padding: 0 2rem;
}

.hero h3 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 400;
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}

#featured-content {
    padding-bottom: .5rem !important;
}

#featured-content header, #featured-content header p,
#upcoming-events header, #upcoming-events header p {
    color: #77838f;
}

#featured-content header h4,
#upcoming-events header h4 {
    display: inline-block;
    margin: 0 1rem 1rem 0;
}

#featured-content header p,
#upcoming-events header p {
    border-top: 1px solid #dae3e8;
    padding: 1rem 0 2rem;
}

.widget:not(.free-trial) {
    border-top: 3px solid #77838f;
    margin: 0 0 2.5rem 0;
    -webkit-box-shadow: 1px 1px 3px 2px #dae3e8;
    box-shadow: 1px 1px 3px 2px #dae3e8;
}

.widget:not(.free-trial) > div:not(.widget-title):not(.filter-widget-item) {
    padding: 1rem;
}

.widget div.related-products-widget-intro {
    padding: .5rem 1rem 1rem!important;
}

.widget .menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget .menu > .menu-item a, .filter-widget-item a, .popular-widget-posts a, .related-products-widget-posts a {
    background-color: transparent;
    color: #1484e2;
    display: block;
    padding: .5rem;
    transition: all 200ms ease;
}

.widget #menu-content-in-ieee-xplore.menu > .menu-item a, .filter-widget-item a {
    border-left: 3px solid transparent;
}

.widget .menu > .menu-item:not(:last-child), .filter-widget-item,
.popular-widget-posts li:not(:last-child), .related-products-widget-posts li:not(:last-child) {
    border-bottom: 1px solid #dae3e8!important;
}

.widget .menu > .menu-item a:active,
.widget .menu > .menu-item a:focus,
.widget .menu > .menu-item a:hover,
.widget .menu > .menu-item.current-menu-item > a,
.widget .menu > .menu-item.current-menu-parent > a,
.widget .menu > .menu-item.current-menu-ancestor > a,
.widget .menu > .menu-item .sub-menu .current-menu-item a,
.filter-widget-item a:active,
.filter-widget-item a:focus,
.filter-widget-item a:hover,
.filter-widget-item.selected a {
    background-color: #f3f5f6;
    cursor: pointer;
    text-decoration: none;
}

.widget #menu-content-in-ieee-xplore.menu > .menu-item.current-menu-item > a,
.widget #menu-content-in-ieee-xplore.menu > .menu-item.current-menu-parent > a,
.widget #menu-content-in-ieee-xplore.menu > .menu-item.current-menu-ancestor > a,
.widget #menu-content-in-ieee-xplore.menu > .menu-item .sub-menu .current-menu-item a,
.filter-widget-item.selected a {
    border-color: #00619a;
}

.widget #menu-content-in-ieee-xplore.menu > .menu-item > a > .toggler::before {
    content: '+';
    margin-right: .5rem;
}

.widget #menu-content-in-ieee-xplore.menu > .menu-item.open > a > .toggler::before,
.widget #menu-content-in-ieee-xplore.menu > .menu-item.current-menu-item > a > .toggler::before {
    content: '-';
}

.widget .menu .sub-menu {
    display: none;
    list-style: none;
    padding: .5rem 0 .5rem 1.875rem;
}

.widget .menu .menu-item.current-menu-item .sub-menu,
.widget .menu .menu-item.current-menu-parent .sub-menu,
.widget .menu .menu-item.current-menu-ancestor .sub-menu,
#learn-more-form .carousel-item.active,
#learn-more-form .carousel-item-next,
#learn-more-form .carousel-item-prev,
body.category-whats-new .filter-widget,
body.widget-filter-active .filter-widget,
body.page-innovation-spotlight .filter-widget {
    display: block;
}

.widget-title {
    background-color: #77838f;
    color: #fff;
    font-weight: 700;
    padding: .5rem .5rem .5rem 1.5rem;
}

/*.search #sidebar .widget:not(:last-child), #featured-content .post-image,*/
.filter-widget, #email-page-form-success, #learn-more-form-success,
.in-category-subscription-option.in-category-academic #menu-content-in-ieee-xplore .sub-menu li:not(.category-academic),
.in-category-subscription-option.in-category-corporations #menu-content-in-ieee-xplore .sub-menu li:not(.category-corporations),
.in-category-subscription-option.in-category-government #menu-content-in-ieee-xplore .sub-menu li:not(.category-government),
.in-category-subscription-option.in-category-individuals #menu-content-in-ieee-xplore .sub-menu li:not(.category-individuals),
.category-academic #menu-content-in-ieee-xplore .sub-menu li:not(.category-academic),
.category-corporations #menu-content-in-ieee-xplore .sub-menu li:not(.category-corporations),
.category-government #menu-content-in-ieee-xplore .sub-menu li:not(.category-government),
.category-individuals #menu-content-in-ieee-xplore .sub-menu li:not(.category-individuals),
.category-featured-content-academic #menu-content-in-ieee-xplore .sub-menu li:not(.category-academic),
.category-featured-content-corporations #menu-content-in-ieee-xplore .sub-menu li:not(.category-corporations),
.category-featured-content-government #menu-content-in-ieee-xplore .sub-menu li:not(.category-government),
.category-featured-content-individuals #menu-content-in-ieee-xplore .sub-menu li:not(.category-individuals),
body:not(.category-whats-new):not(.in-category-whats-new) .post-tags {
    display: none;
}

.filter-widget-heading, .popular-widget-heading, .related-products-widget-heading {
    color: #77838f;
    font-weight: 700;
}

.filter-widget-item, .popular-widget-posts li, .related-products-widget-posts li {
    margin: 0 1rem;
    padding: 0;
}

.popular-widget-posts, .related-products-widget-posts {
    list-style-type: none;
    margin: 0;
    padding: 0 0 1rem;
}

.post-title a:not(.post-edit-link), .page-heading,
.archive-title a:not(.post-edit-link),
.xplore-search-results .title a {
    color: #00619a;
}

.post-title a:not(.post-edit-link):hover,
.archive-title a:not(.post-edit-link):hover,
.xplore-search-results .title a:hover {
    text-decoration: none;
}

a.post-edit-link {
    font-size: 0.4375em;
    font-weight: 400;
    margin-left: .5rem;
}

.post-date, .post-categories, .post-tags,
.xplore-search-results .totals,
.xplore-search-results .authors {
    color: #77838f;
    font-size: .875rem;
    line-height: 30px;
}

.post-date, .post-categories, .post-tags {
    display: inline;
}

#main-content .post-content, .xplore-search-results,
#related-spotlight-articles, #view-article {
    margin-top: 2.5rem;
}

.post-tags, .card-text, .featured-text {
    margin-top: 1.25rem;
}

.page-heading {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: .75rem;
}

.archive-content,
.xplore-search-results .result {
    border-bottom: 1px solid #dae3e8;
    margin-bottom: 2.5rem;
    padding-bottom: 3rem;
}

.archive-title,
.xplore-search-results .title,
#featured-content .post-title {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: .75rem;
}

.post-body, .post-image,
.xplore-search-results .result,
.xplore-search-results .abstract {
    margin-top: 2rem;
}

.keep-reading a,
.abstract_url a,
.read-more a {
    background-color: #1484e2;
    border-radius: .25rem;
    border: 2px solid #1484e2;
    color: #fff;
    display: inline-block;
    margin-top: 2rem;
    padding: .5rem 1rem;
    text-transform: capitalize;
    transition: all 200ms ease;
}

.keep-reading a:active,
.keep-reading a:focus,
.keep-reading a:hover,
.abstract_url a:active,
.abstract_url a:focus,
.abstract_url a:hover,
.read-more a:active,
.read-more a:focus,
.read-more a:hover {
    background-color: transparent;
    border-color: #1484e2;
    color: #1484e2;
    text-decoration: none;
}

.archive #main-content .page-heading,
.search-results #main-content .page-heading,
#featured-content .read-more {
    margin-bottom: 2.5rem;
}

.xplore-search-results .pdf_url {
    display: inline-block;
}

.post-content table, #email-page-form,
.web-content-accordion .accordion:not(:last-of-type) {
    margin-bottom: 1.5rem;
}

.accordion .panel-body {
    padding: 1rem 1.25rem;
}

#featured-content .post-image {
    margin: 0;
}

#featured-content .post-image img {
    margin: 2rem 0 0;
}

#spotlight-hero #featured-article {
    background: url('../img/spotlight-featured-article-image.jpg') no-repeat 50%; /* TEMP - FOR DEV ONLY */
    min-height: 350px;
}

#featured-article .featured-title {
    background-color: rgba(0, 97, 154, .8);
    bottom: 5px;
    padding: 1rem;
    position: absolute;
    width: calc(100% - 30px);
}

#featured-article .featured-title h2 {
    margin: 0;
}

#featured-article .featured-title h2 a {
    color: #fff;
}

#spotlight-intro {
    height: 100%;
    padding: 1.875rem 1rem;
}

#spotlight-hero .page-heading,
#spotlight-hero .page-content {
    color: #fff;
   /* font-weight: 400;
    margin-bottom: 1.875rem;*/
}

#free-trial {
    margin-bottom: 2.5rem;
    padding: 1.875rem 1.25rem;
}

#free-trial img.logo {
    margin: 0 0 1.25rem;
    max-height: none;
    max-width: 225px;
    width: 100%;
}

#free-trial h5 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.35;
    margin: 0;
}

.share-article h6 {
    color: #77838f;
    display: inline-block;
    float: left;
    font-size: .875rem;
    line-height: 30px;
    margin: 0 1rem 0 0;
}

/*
<div id="spotlight-logo">
	<h2><span>IEEE <em>Xplore</em></span><br>Innovation Spotlight</h2><h4>Examining the Impact of IEEE <em>Xplore</em> Research</h4>
</div> <!-- /#spotlight-logo -->

#spotlight-logo {
	padding: 0 1rem;
}

#spotlight-logo h2 {
	color: #e97501;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

#spotlight-logo h2 span {
	font-size: 0.75rem;
	font-weight: normal;
}

#spotlight-logo h4 {
	font-size: .825em;
	line-height: 1.2;
	margin-bottom: 30px;
}*/

.card {
    /*background-color: #f3f5f6;*/
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 1px 3px 2px #dae3e8;
    box-shadow: 1px 1px 3px 2px #dae3e8;
}

.card-image, .share-article {
    overflow: hidden;
}

.card-body {
    padding: 1.25rem 1rem;
}

.card-title a, h4.featured-title a {
    color: #00619a;
}

#view-article {
    background: url('../img/view-article-icon2x.png') no-repeat 12px 10px;
    background-color: #1484e2;
    background-size: 78px;
    /*border: 1px solid #dae3e8;*/
    min-height: 120px;
    padding: 1rem 1rem 1rem 106px;
}

#view-article p,
#view-article a {
    color: #fff;
}

#view-article a {
    text-decoration: underline;
}

#post-featured-image {
    background-image: url('../img/shutterstock_352036433.jpg'); /* TEMP - FOR DEV ONLY */
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 500px;
}

#sub-post-featured-image {
    background: url('../img/article-bg.jpg') no-repeat 50% 0;
    background-size: 100% auto;
    height: 100px;
}

.page-innovation-spotlight .spotlight-related-products-widget,
.article-template-default.single .spotlight-filter-widget,
.article-template-default.single .spotlight-popular-posts-widget {
    display: none;
}

#load-more {
    cursor: pointer;
}

#top-content-anchor {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
}


/*__// 9. Compare Chart – IEEE //__*/

/* Begin: TEMP - Hide Generate PDF */
.compare-features li.nav-item:nth-child(2) {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.compare-features li.nav-item:last-child {
    display: none;
}
/* End: TEMP - Hide Generate PDF */

#compare-features {
    margin: auto;
    padding: 0 15px;
    width: 930px;
}

#compare-features h3 {
    color: #333;
    font-size: .875rem;
    font-weight: 400;
    margin: 0 0 .5rem;
}

#compare-features h6 {
    line-height: 1.25;
}

.compare-features {
    margin: 3rem auto;
}

.compare-features > .nav-item:not(:last-child) {
    border-color: #333;
}

.compare-features a {
    color: #1484e2;
    font-size: .875rem;
    padding: 0;
}

.compare-features a.nav-link:hover {
    color: #0e5b9c;
}

#compare-features a i, .compare-features .dropdown-menu i {
    color: #f1894f;
}

.compare-features i {
    margin-right: .5rem;
}

.div-header-td h6 {
    margin-bottom: .5rem;
}

.div-header-iel h6 {
    font-size: .625rem;
    padding: .25rem;
}

div.content-c table td, div.content-lc table td, div.content-lr table td, div.content-c table td ul li, div.content-lc table td ul li, div.content-lr table td ul li {
    font-size: 100%;
    line-height: 130%;
}

.box-lc-indent {
    padding: 12px 19px 10px 19px;
}

.box-lc-top-indent {
    padding: 21px 19px 15px 19px;
}

div.clearit {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    padding: 0;
}

/*#pdfBox {
	position: absolute;
	display: block;
	width: 240px;
	display: none;
	margin-top: 6px;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #1b79a8;
	font-size: 11px;
}

#pdfBox a {
	color: #0663d7;
}

#pdfBox ul {
	list-style-image: url(/ieee/groups/webassets/@ieee/@web/@org/documents/images/arrow-link.gif);
	margin-left: 15px;
	padding: 0px;
}

#pdfBox li { 
	padding: 0px;
	line-height: 25px;
	list-style-image: inherit;
}*/

/*.div-pdf-icon {
	float: right;
	right:0px;
	width: 260px;
	padding: 0 15px 0 0;
}*/

td#tdpdfIcon {
    text-align: center; /* right */
    /*vertical-align: middle;*/
}

.colp-spacer {
    height: 1px;
}

.div-header {
    height: 85px;
    float: left;
    overflow: hidden;
    border: 1px solid darkgray;
    border-right: none;
    border-bottom: none;
}

.div-header-title {
    height: 85px;
    float: left;
    overflow: hidden;
    border: 1px solid white;
    border-bottom: none;
    border-right: none;
}

.div-header-title1 {
    height: 85px;
    float: left;
    overflow: hidden;
    border: 1px solid white;
    border-right: none;
    border-bottom: none;
}

.div-header-last {
    height: 85px;
    float: left;
    overflow: hidden;
    border: 1px solid darkgray;
    border-bottom: none;
}

.div-header-empty {
    width: 40px;
    height: 85px;
    float: left;
    overflow: hidden;
    padding: 0px;
}

.div-header-empty-iel {
    width: 40px;
    height: 35px;
    float: left;
    overflow: hidden;
}

.div-header-iel {
    background-color: #346f90;
    color: #fff;
    /*font-size: 95%;*/
    float: left;
    overflow: hidden;
    /*padding: 0;*/
    width: 843px; /* 851px */
}

.div-header-td-title {
    text-align: left;
    vertical-align: bottom;
}

.div-header-td {
    text-align: center;
    vertical-align: bottom;
}

.div-header-table {
    width: 100%;
    height: 100%;
}

.div-data {
    height: 120px;
    float: left;
    overflow: hidden;
}

.div-data-title {
    height: 120px;
    float: left;
    overflow: hidden;
}

.div-data-last {
    height: 120px;
    float: left;
    overflow: hidden;
}

.div-data-td-title {
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px 0px 3px;
}

.div-data-td {
    text-align: center;
    vertical-align: middle;
}

.div-data-table {
    width: 100%;
    height: 100%;
}

.div-data-colp1 {
    width: 40px;
    height: 30px;
    float: left;
    overflow: hidden;
    padding: 0px;
}

.div-data-colp2 {
    width: 850px;
    height: 30px;
    float: left;
    overflow: hidden;
    padding: 0px;
}

.div-data-td-colp1 {
    text-align: center;
    vertical-align: middle;
}

.div-data-td-colp2 {
    text-align: left;
    vertical-align: middle;
}

.div-data-exp {
    width: 40px;
    height: 30px;
    float: left;
    overflow: hidden;
    padding: 0px;
}

/* ==========================================================================
	 HTML5 Boilerplate Classes
	 ========================================================================== */

.hidden {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.invisible {
    visibility: hidden;
}

.clearfix::before,
.clearfix::after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix::after {
    clear: both;
}

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */

@media only screen and (max-width: 1200px) {
    /*__// 8. Content //__*/
    .carousel-post h2 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .carousel-post h4 {
        font-size: 1rem;
        margin-bottom: 1.875rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /*__// 5. Header //__*/
    .navbar-toggleable-md .navbar-nav .nav-link {
        padding: .625rem;
    }
}

@media only screen and (min-width: 992px) {
    #menu-main-menu > .nav-item > .nav-link {
        border-bottom: 3px solid transparent;
    }

    #menu-main-menu > .nav-item:active > .nav-link,
    #menu-main-menu > .nav-item:focus > .nav-link,
    #menu-main-menu > .nav-item:hover > .nav-link,
    #menu-main-menu > .nav-item.show > .nav-link,
    #menu-main-menu > .nav-item.current-menu-ancestor > .nav-link,
    #menu-main-menu > .nav-item.current-menu-parent > .nav-link,
    .in-category-whats-new #menu-main-menu > .nav-item:last-child > .nav-link,
    /*.page-innovation-spotlight #menu-main-menu > .nav-item:last-child > .nav-link,*/
    .category-spotlight #menu-main-menu > .nav-item:last-child > .nav-link {
        border-color: #00619a;
    }

    #menu-main-menu li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        padding-bottom: 0;
        -webkit-box-shadow: 0 6px 8px -6px #dae3e8;
        box-shadow: 0 6px 8px -6px #dae3e8;
    }

    #spotlight-hero #featured-article {
        border-right: 5px solid #fff;
    }

    #featured-article .featured-title {
        bottom: 0;
        width: calc(100% - 20px);
    }

    #spotlight-intro {
        padding: 1.875rem;
    }

    #spotlight-intro .spotlight-intro-inner {
        position: relative;
        top: 50%;
        transform: perspective(1px) translateY(-50%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    /*__// 1. Bootstrap Elements //__*/
    .btn {
        font-size: .875rem;
        padding: .5rem .75rem;
    }

    /*__// 8. Content //__*/
    .share-page-item i {
        display: none;
    }
}

@media only screen and (max-width: 992px) {    
    /*__// 5. Header //__*/
    .top-bar .nav-item:not(:last-child) {
        margin-right: 8px;
        padding-right: 8px;
    }

    .social .nav-item:not(:last-child) .social-link,
    .share .nav-item:not(:last-child) .share-link {
        margin-right: 8px;
    }

    .btn.learn-more {
        margin-left: 0;
        min-height: 40px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .navbar-light .navbar-toggler {
        border: none;
        min-height: 40px;
    }

    .navbar-light .navbar-toggler:hover {
        cursor: pointer;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,97,154,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    #mobile-menu {
        background: #fff;
        border: 1px solid #f3f5f6;
        /*-webkit-box-shadow: 0 6px 8px -6px #dae3e8;
        box-shadow: 0 6px 8px -6px #dae3e8;*/
    }

    .dropdown-menu {
        border: 0;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .navbar-nav.main .dropdown-menu .nav-item:last-child {
        border-bottom: 1px solid #f3f5f6;
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        border-left: 3px solid transparent;
        padding-left: calc(1rem - 3px);
    }

    #menu-main-menu > .nav-item.current-menu-ancestor > .nav-link,
    #menu-main-menu > .nav-item.current-menu-parent > .nav-link,
    .in-category-whats-new #menu-main-menu > .nav-item:last-child > .nav-link,
    .category-spotlight #menu-main-menu > .nav-item:last-child > .nav-link {
        border-color: #00619a;
    }

    /*__// 8. Content //__*/
    .carousel-post h4 {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }

    #spotlight-hero #featured-article {
        border-bottom: 5px solid #fff;
    }

    .share-article {
        margin-top: .625rem;
    }
}

@media only screen and (min-width: 768px) {
    /*.navbar-toggleable-md .navbar-nav .nav-link, .mobile-search {
        padding: .625rem 1rem;
    }

    .bucket .featured-image {
        max-height: 233px;
    }*/

    .category-spotlight .breadcrumb,
    .category-spotlight .share-page {
        margin-bottom: 0;
    }

    .category-spotlight #inner-content {
        z-index: 100;
        margin-top: -525px;
    }

    .category-spotlight #inner-content .container {
        background: #fff;
        padding-top: 2rem;
    }
}

@media only screen and (max-width: 767px) {
    /*__// 1. Bootstrap Elements //__*/
    .flex-first, .flex-last {
        -webkit-box-ordinal-group: 0;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    /*__// 7. Footer //__*/
    .nav.footer {
        display: inline-block;
    }

    .nav.footer .nav-item {
        border: none;
        margin: 0 0 .75rem;
        padding: 0;
    }

    /*__// 8. Content //__*/
    #home-carousel {
        background-size: cover;
    }

    .carousel-post {
        height: 450px;
    }

    .carousel-post h2 {
        font-size: 1.75rem;
        line-height: 1.3;
    }

    .home #inner-content .row .col-md-4:not(:first-child) .bucket {
        margin-top: 3.75rem;
    }

    /*.bucket .featured-image {
        max-height: 340px;
    }*/

    .breadcrumb {
        padding-bottom: 0;
    }

    .share-page {
        float: none !important;
        overflow: hidden;
        padding-top: 0;
    }

    #main-content {
        margin-bottom: 3.75rem;
        overflow: hidden;
    }

    #post-featured-image,
    #sub-post-featured-image {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    /*__// 8. Content //__*/
    .carousel-post h2 {
        font-size: 1.5rem;
    }
}

/*@media only screen and (min-width: 576px) {
	.modal-dialog {
		margin: 100px auto;
	}
}*/

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 http://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */

@media print {
    *,
    *::before,
    *::after {
        background: transparent !important;
        /* color: #000 !important; Black prints faster: http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #top-bar,
    #masthead nav,
    #hero,
    #breadcrumbs,
    .left-sidebar,
    .right-sidebar,
    #content section:not(#inner-content) img,
    footer h4,
    footer ul.nav,
    #spotlight-hero,
    .card-image,
    #spotlight-articles .post-categories > a[href]:not([rel*="tag"])::after,
    #post-featured-image,
    #sub-post-featured-image,
    .share-article,
    #related-spotlight-articles,
    .load-more {
        display: none;
    }

    #spotlight-articles .col-lg-6.spotlight-article {
        left: 0!important;
        top: 0!important;
        position: relative!important;
        width: 100%;
    }

    .post-content a[href]:not([rel*="tag"])::after,
    #spotlight-articles a[href]:not([rel*="tag"])::after {
        color: #000;
        content: " <" attr(href) ">";
        display: inline;
        font-size: .875em;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}