@font-face { font-family: 'QualcommWeb'; font-style: normal; font-weight: normal; src: url("../fonts/QualcommWeb-Regular.eot"); src: url("../fonts/QualcommWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/QualcommWeb-Regular.woff") format("woff"), url("../fonts/QualcommWeb-Regular.svgz#QualcommWeb-Regular") format("svg"); }
@font-face { font-family: 'QualcommWeb'; font-style: normal; font-weight: 600; src: url("../fonts/QualcommWeb-Semibold.eot"); src: url("../fonts/QualcommWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/QualcommWeb-Semibold.woff") format("woff"), url("../fonts/QualcommWeb-Semibold.svgz#QualcommWeb-Semibold") format("svg"); }
@font-face { font-family: 'QualcommWeb'; font-style: normal; font-weight: 700; src: url("../fonts/QualcommWeb-Bold.eot"); src: url("../fonts/QualcommWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/QualcommWeb-Bold.woff") format("woff"), url("../fonts/QualcommWeb-Bold.svgz#QualcommWeb-Bold") format("svg"); }
@font-face { font-family: 'Qualcomm Next'; src: url("../fonts/QualcommNext-ThinItalicWEB.eot") format("embedded-opentype"); src: url("../fonts/QualcommNext-ThinItalicWEB.woff") format("woff"), url("../fonts/QualcommNext-ThinItalicWEB.woff2") format("woff2"), url("../fonts/QualcommNext-ThinItalicWEB.svg") format("svg"); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Qualcomm Next'; src: url("../fonts/QualcommBoing-ThinWEB.eot") format("embedded-opentype"); src: url("../fonts/QualcommBoing-ThinWEB.woff") format("woff"), url("../fonts/QualcommBoing-ThinWEB.woff2") format("woff2"), url("../fonts/QualcommBoing-ThinWEB.svg") format("svg"); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Qualcomm Next'; src: url("../fonts/QualcommNext-ItalicWEB.eot") format("embedded-opentype"); src: url("../fonts/QualcommNext-ItalicWEB.woff") format("woff"), url("../fonts/QualcommNext-ItalicWEB.woff2") format("woff2"), url("../fonts/QualcommNext-ItalicWEB.svg") format("svg"); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Qualcomm Next'; src: url("../fonts/QualcommNext-RegularWEB.eot") format("embedded-opentype"); src: url("../fonts/QualcommNext-RegularWEB.woff") format("woff"), url("../fonts/QualcommNext-RegularWEB.woff2") format("woff2"), url("../fonts/QualcommNext-RegularWEB.svg") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Qualcomm Next'; src: url("../fonts/QualcommNext-MediumItalicWEB.eot") format("embedded-opentype"); src: url("../fonts/QualcommNext-MediumItalicWEB.woff") format("woff"), url("../fonts/QualcommNext-MediumItalicWEB.woff2") format("woff2"), url("../fonts/QualcommNext-MediumItalicWEB.svg") format("svg"); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Qualcomm Next'; src: url("../fonts/QualcommNext-MediumWEB.eot") format("embedded-opentype"); src: url("../fonts/QualcommNext-MediumWEB.woff") format("woff"), url("../fonts/QualcommNext-MediumWEB.woff2") format("woff2"), url("../fonts/QualcommNext-MediumWEB.svg") format("svg"); font-weight: 500; font-style: normal; }
@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes lineheight { 0% { line-height: 2; }
  100% { line-height: 1.4; } }
@keyframes slideup { 0% { top: 20px; }
  100% { top: 0; } }
.main-menu-wrap { float: left; }
@media only screen and (max-width: 1159px) { .main-menu-wrap { float: none; position: absolute; top: 80px; left: -320px; width: 320px; height: 100%; background: #fff; transition: 0.25s transform; transform: translateX(0); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } }

@media only screen and (max-width: 1159px) { .menu-open { height: 100%; overflow: hidden; }
  .menu-open .main-menu-wrap { transform: translateX(320px); } }
.main-menu { height: 60px; margin: 0; font-family: "Qualcomm Next", "Helvetica", "Arial", sans-serif; padding-inline-start: 40px; }
.main-menu ul { list-style: none; padding: 0; }
@media only screen and (max-width: 1159px) { .main-menu .has-submenu { background: url(../images/header/icon-caret-right.svg) no-repeat 100% 50%; } }
.main-menu .has-submenu > span { pointer-events: none; }
.main-menu > li { display: inline-block; height: 50px; margin: 10px 0 0; padding: 0 16px; color: #919191; font-size: 17px; line-height: 50px; cursor: pointer; }
.main-menu > li:hover, .main-menu > li.active, .main-menu > li.active-trail { color: #000; }
@media only screen and (max-width: 1159px) { .main-menu > li { padding: 0; height: 40px; line-height: 40px; } }
@media only screen and (max-width: 1159px) { .main-menu { margin-top: 0; padding: 0 20px; height: auto; }
  .main-menu li { display: block; }
  .main-menu li, .main-menu a { color: #000 !important; } }

body:not(.is-mobile-viewport) .main-menu > li:hover .submenu-wrap { display: block; }
body:not(.is-mobile-viewport).front .main-menu > li { color: #000; }
body:not(.is-mobile-viewport).front .main-menu:hover > li { opacity: 0.5; }
body:not(.is-mobile-viewport).front .main-menu > li:hover { opacity: 1 !important; }

#main-menu-toggle { display: none; }
@media only screen and (max-width: 1159px) { #main-menu-toggle { float: left; display: block; width: 40px; height: 40px; margin-top: 20px; background: url(../images/header/icon-menu.svg) no-repeat 50% 50%; text-indent: -999em; } }

.menu-open #main-menu-toggle { background: url(../images/header/icon-close.svg) no-repeat 50% 50%; }

.submenu-wrap { display: none; position: absolute; top: 80px; left: 0; width: 100%; padding: 20px 0 30px; background: #fff; border-bottom: 1px solid #ced8de; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 100; }
@media only screen and (max-width: 1159px) { .submenu-wrap { display: block; width: 320px; height: 100%; top: 0; left: 320px; transition: 0.25s transform; transform: translateX(0); box-shadow: none; overflow: auto; -webkit-overflow-scrolling: touch; } }

.submenu { width: 1160px; margin: 0 auto !important; }
.submenu li { line-height: 1.4; }
.submenu a { font-size: 14px; color: #687282; }
@media only screen and (max-width: 1159px) { .submenu { width: 320px; padding-right: 20px !important; }
  .submenu li { display: block; min-height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .submenu li, .submenu a { color: #000 !important; }
  .submenu > li { padding-left: 52px; } }

@media only screen and (max-width: 1159px) { .submenu-wrap { padding-top: 56px; } }

.close-submenu { display: none; padding-left: 36px; height: 40px; line-height: 40px; color: #000; background: url(../images/header/icon-caret-left.svg) no-repeat 20px 11px; }
@media only screen and (max-width: 1159px) { .close-submenu { display: block; } }

@media only screen and (max-width: 1159px) { .has-submenu.submenu-visible .submenu-wrap { transform: translateX(-320px); } }

@supports (display: grid) { body:not(.is-mobile-viewport) .submenu { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, auto); grid-column-gap: 20px; grid-row-gap: 0px; grid-template-areas: "c1 c2 c3 c4" "c5 c6 c7 c8" "c9 c10 c11 c12" "c13 c14 c15 c16"; }
  .col-1 { grid-area: c1; }
  .col-2 { grid-area: c2; }
  .col-3 { grid-area: c3; }
  .col-4 { grid-area: c4; }
  .col-5 { grid-area: c5; }
  .col-6 { grid-area: c6; }
  .col-7 { grid-area: c7; }
  .col-8 { grid-area: c8; }
  .col-9 { grid-area: c9; }
  .col-10 { grid-area: c10; }
  .col-11 { grid-area: c11; }
  .col-12 { grid-area: c12; }
  .col-13 { grid-area: c13; }
  .col-14 { grid-area: c14; }
  .col-15 { grid-area: c15; }
  .col-16 { grid-area: c16; } }
@supports not (display: grid) { .submenu { display: block; }
  [class^=col-] { float: left; } }
.subsection__links { margin: 0 0 20px; padding: 0; }
@media only screen and (max-width: 1159px) { .subsection__links { overflow: hidden; display: none; margin-bottom: 16px; }
  .subsection__links.visible { display: block; }
  .subsection__links li { padding-left: 16px; } }

.toggle-accordion { font-size: 15px; font-weight: 400; }
@media only screen and (max-width: 1159px) { .toggle-accordion { padding-right: 20px; background: url(../images/header/icon-caret-expand.svg) no-repeat 100% 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .toggle-accordion.active { background: url(../images/header/icon-caret-collapse.svg) no-repeat 100% 50%; } }
.toggle-accordion > span { pointer-events: none; }

.menu-shade { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 999; }

@media only screen and (max-width: 1159px) { .menu-lock { overflow: hidden !important; } }

#header { position: relative; height: 80px; background-color: #fff; border-bottom: 1px solid #ced8de; z-index: 1000; }

.searching #header { height: 127px; }
@media only screen and (max-width: 1159px) { .searching #header { height: 80px; } }

#branding { float: left; width: 160px; height: 80px; margin-left: 0; margin-right: 85px; }
@media only screen and (max-width: 1159px) { #branding { width: 160px; height: 80px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } }

#logo { width: 160px; height: 100%; background: url("../images/header/qdn-logo.png") no-repeat 50% 17px; margin-left: 0; }
@media only screen and (max-width: 1159px) { #logo { margin: 0; background-position: 50% 50%; } }
#logo img { display: none; }
#logo a { display: block; width: 100%; height: 100%; }

.header-links { display: block; float: right; width: 600px; height: 20px; font-family: "Qualcomm Next", "Helvetica", "Arial", sans-serif; font-size: 13px; text-align: right; }
.header-links a { display: inline-block; height: 20px; padding-top: 6px; padding-left: 20px; line-height: 14px; }
@media only screen and (max-width: 1159px) { .header-links { display: none; } }

#menu-bar .header-links { float: none; display: none; position: relative; width: 100%; z-index: 1000; }
@media only screen and (max-width: 1159px) { #menu-bar .header-links { display: block; height: 56px; padding: 0 20px; line-height: 56px; background-color: #fff; } }

@media only screen and (max-width: 1159px) { #menu-bar { float: left; } }

#toolbar { z-index: 1001; }

.search-link { padding: 0; border: none; border-radius: 0; outline: none; background-color: transparent; -webkit-appearance: none; appearance: none; position: relative; left: 10px; float: right; width: 40px; height: 40px; margin-top: 10px; text-indent: -999em; background: url("../images/header/icon-search.svg") no-repeat 50% 50%; cursor: pointer; }
@media only screen and (max-width: 1159px) { .search-link { margin-top: 20px; left: 0; } }

.searching .search-link { background: url("../images/header/icon-close.svg") no-repeat 50% 50%; }

#block-qdn-search-qdn-search { display: none; width: 100%; height: 46px; border-top: 1px solid #ced8de; clear: both; background-color: #fff; }
#block-qdn-search-qdn-search .block-content { width: 960px; margin: 0 auto; }
#block-qdn-search-qdn-search input[type='search'] { padding: 0; border: none; border-radius: 0; outline: none; background-color: transparent; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; padding: 12px; padding-left: 28px; line-height: 1; font-size: 24px; font-family: "Qualcomm Next", "Helvetica", "Arial", sans-serif; font-weight: 100; background: url("../images/header/icon-search.svg") no-repeat 0 13px; }
@media only screen and (max-width: 1159px) { #block-qdn-search-qdn-search input[type='search'] { padding-left: 38px; background: url("../images/header/icon-search.svg") no-repeat 10px 13px; } }
@media only screen and (max-width: 1159px) { #block-qdn-search-qdn-search { border-bottom: 1px solid #ced8de; } }

.searching { height: 100%; overflow: hidden; }
.searching #block-qdn-search-qdn-search, .searching #search-results-modal { display: block; }
.searching #block-qdn-search-qdn-search { position: relative; top: -1px; }
@media only screen and (max-width: 1159px) { .searching #block-qdn-search-qdn-search { position: absolute; top: 79px; left: 0; width: 100%; overflow: hidden; }
  .searching #block-qdn-search-qdn-search .block-content { width: 100%; } }
@media only screen and (max-width: 959px) { .searching .search-results { width: 100%; }
  .searching .search-results__filters { display: none; } }

#search-results-modal { display: none; position: fixed; top: 126px; width: 100%; height: calc(100% - 126px); background: #fff; z-index: 100; }
#search-results-modal .inner-wrap { width: 960px; height: 100%; }
#search-results-modal .inner-wrap h4 { font-weight: 500; margin: 1.33em 0; clear: both; }
@media only screen and (max-width: 1159px) { #search-results-modal .inner-wrap { width: 100%; } }
@media only screen and (max-width: 1159px) { #search-results-modal { top: 124px; height: calc(100% - 124px); } }

.search-results, .search-results__filters { float: left; }

.search-results { height: 100%; width: 60%; padding-right: 24px; border-right: 1px solid #ced8de; overflow: auto; -webkit-overflow-scrolling: touch; }
@media only screen and (max-width: 1159px) { .search-results { padding-left: 10px; } }
.search-results.search-results__empty { border-right: none; }

.search-results__num-results { display: block; margin: 16px 0; font-size: 12px; font-weight: 500; }

.search-results__filters { width: 40%; padding-left: 34px; font-size: 16px; }
.search-results__filters label { display: block; float: left; clear: both; margin-bottom: 10px; font-weight: 400; }
.search-results__filters input { margin: 3px 0.5ex; }

.animate-in { position: relative; margin-bottom: 20px; line-height: 1.4; animation: 0.4s fadein, 1s slideup, 1s lineheight; }

.search-result { margin-bottom: 30px; }
.search-result h3 { margin: 0; }

.search-result__link { font-size: 16px; font-weight: 500; }

.search-result__timestamp { display: block; font-size: 12px; }

.search-result__text { margin-top: 10px; font-size: 14px; word-wrap: break-word; }

::placeholder { color: #c5c9cf; opacity: 1; }

:ms-input-placeholder { color: #c5c9cf; }

::ms-input-placeholder { color: #c5c9cf; }

.search-loader, .search-loader:after { border-radius: 50%; width: 40px; height: 40px; }

.search-loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 4px solid #D3D9DE; border-right: 4px solid #D3D9DE; border-bottom: 4px solid #D3D9DE; border-left: 4px solid #3253DC; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 .8s infinite linear; animation: load8 .8s infinite linear; }

@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/**
GUEST BLOGS
**/
/* Homepage Spotlight of the Month Block */
.front #content section#block-views-guest-blog-posts-block-1 .views-row { background-color: transparent; padding: 0; margin: 0 0 2px; }

.front #content section#block-views-guest-blog-posts-block-1 span a { margin-top: 5px; display: block; vertical-align: middle; width: 100%; line-height: 16px; padding: 10px 0 7px; text-align: center; color: #fff; background: #3253dc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; }

.front #content section#block-views-guest-blog-posts-block-1 .views-field.views-field-title span a { background: transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #677283; margin: 0 0 5px 0; display: block; vertical-align: middle; width: 100%; line-height: 16px; padding: 0; text-align: left; }

.front #content section#block-views-guest-blog-posts-block-1 img { max-width: 260px; }

/*Upper area*/
.view-guest-blog-posts { background: #E9ECEF; }

.view-guest-blog-posts { background: #E9ECEF; margin-bottom: -60px; padding-bottom: 40px; }

.attachment .view-guest-blog-posts { margin: 0; padding: 0; }

.view-guest-blog-posts * { box-sizing: border-box; }

.page-guest-blog #columns, .page-guest-blog #columns-wrapper, .page-guest-blog #main-content { width: 100% !important; margin: 0 !important; padding: 0 !important; }

.page-guest-blog #breadcrumb, .page-guest-blog #main-content-header { width: 960px; margin: 0 auto; }

.page-guest-blog #breadcrumb .breadcrumb-wrapper { padding-left: 0; }

.page-guest-blog #main-content { padding-top: 17px !important; font-family: "Qualcomm Next", "Arial", "Helvetica", sans-serif; }

.page-guest-blog #main-content-header h1 { padding-bottom: 0; margin-bottom: -20px; }

/*Featured Article*/
.view-guest-blog-posts.feature-of-the-month { padding: 32px 0; background-color: #FFFFFF; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.2); }

.view-guest-blog-posts.feature-of-the-month .view-content { display: block; width: 960px; height: 312px; margin: 0 auto; overflow: hidden; background-color: #F6F8FA; border-radius: 4px; box-shadow: 2px 2px 4px 0 #CED8DE; }

.view-guest-blog-posts.feature-of-the-month .view-content .item-list { width: 100%; height: 100%; }

.feature-of-the-month .item-list ul { margin: 0; padding: 0; height: 100%; list-style: none; }

.feature-of-the-month .item-list li { width: 100%; height: 100%; margin: 0; padding: 0; }

.view-id-guest_blog_posts.feature-of-the-month .views-row { width: 100%; height: 100%; background: transparent; box-shadow: none; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-uri { overflow: hidden; width: 50%; float: left; height: 100%; margin-bottom: 0; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-uri .field-content { height: 100%; display: block; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-uri .guest-blog-featured-image { height: 100%; background-size: cover; background-position: 50% 50%; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-field-preview-image .field-content { width: 100%; height: 100%; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-field-preview-image .field-content img { display: block; width: 100%; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-title { width: 50%; padding: 24px 16px; line-height: 29px; font-weight: 400; float: right; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-title a { font-size: 24px; font-weight: 400; color: #222; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-body-1 { width: 50%; float: right; padding: 0 16px; font-size: 16px; line-height: 22px; color: #677283; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-title:after { display: none; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-view-node { float: right; width: 50%; margin: 0; background: transparent; border-radius: 0; text-align: center; }

.view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-view-node a { display: block; width: 100px; margin-left: 16px; text-decoration: none; background-color: #3253DC; border-radius: 4px; font-size: 16px; color: #fff; text-transform: capitalize; height: 42px; line-height: 42px; }

/*Article*/
.view-id-guest_blog_posts .view-content { width: 960px; margin: 0 auto; /*flexbox for fallback*/ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

@supports (display: grid) { .view-id-guest_blog_posts .view-content .views-row { width: auto !important; }
  /*grid for modern browser vers*/
  .view-id-guest_blog_posts .view-content { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em; } }
#views-exposed-form-guest-blog-posts-page { position: relative; }

#views-exposed-form-guest-blog-posts-page .views-submit-button .form-item { position: absolute; width: 422px; background: pink; padding: 10px; right: 50px; bottom: -68px; }

#views-exposed-form-guest-blog-posts-page .views-reset-button { position: absolute; right: -50px; bottom: -60px; display: none; }

#views-exposed-form-guest-blog-posts-page .views-reset-button.show { display: block; }

#views-exposed-form-guest-blog-posts-page .views-reset-button input { font-family: "Qualcomm Next", Arial, Helvetica, sans-serif; color: #3253dc; background: transparent; font-weight: 400; }

.view-guest-blog-posts .number-of-posts { width: 100%; max-width: 960px; margin: 25px auto -15px auto; }

.view-guest-blog-posts .number-of-posts h2 { font-family: "Qualcomm Next","Arial","Helvetica",sans-serif; font-size: 28px; font-weight: 400; line-height: 1.1; color: #677283; }

.view-guest-blog-posts .number-of-posts h2 span { font-size: 20px; }

.view-id-guest_blog_posts .view-content .views-row { width: 300px; margin-top: 24px; }

.view-id-guest_blog_posts .view-content .views-row.hide { display: none; }

.view-id-guest_blog_posts.feature-of-the-month .view-content .views-row { width: auto; margin-top: 0; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts { height: 426px; border-radius: 4px; background-color: #fff; box-shadow: 2px 2px 4px 0 #CED8DE; overflow: hidden; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts a { text-decoration: none; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-uri a { display: block; overflow: hidden; height: 196px; margin-bottom: 16px; background-color: #eee; background-size: cover; background-position: 50% 50%; background-color: #fafafa; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-field-preview-image img { display: block; width: 100%; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-title { overflow: hidden; display: block; height: 75px; padding: 0 16px; position: relative; font-size: 20px; font-weight: 300; line-height: 24px; color: #89929f; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-title a { color: #677283; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-title:after { content: ''; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 40px; background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)); }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-field-sections { position: relative; display: block; width: 158px; height: 40px; margin: 0 16px; line-height: 26px; font-size: 12px; text-align: center; background: url("/sites/all/themes/at_qdn_branded/images/icon-blog-tag.png") no-repeat 0 0; background-size: 158px 40px; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-field-sections a { color: #677283; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-view-node { display: block; width: 100px; height: 28px; margin: 16px 16px 12px; line-height: 28px; font-size: 16px; color: #fff; text-align: center; text-decoration: none; background-color: #3253DC; border-radius: 4px; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-view-node a { color: #fff; text-transform: capitalize; text-decoration: none; }

.view-id-guest_blog_posts .views-row-inner-guest_blog_posts .views-field-created { display: block; width: 100% !important; float: none; padding: 0 16px; font-size: 12px; color: #A5ADBA; }

/*Filter Area*/
.view-id-guest_blog_posts .view-filters { width: 960px; margin: 25px auto 0; padding: 37px 15px 12px 15px; border-radius: 3px; background: #fff; box-shadow: 2px 2px 4px 0 #CED8DE; }

.view-id-guest_blog_posts .view-filters .views-exposed-widgets { display: flex; flex-flow: row nowrap; }

.view-id-guest_blog_posts .view-filters .views-exposed-widget.views-submit-button { padding: 0 !important; }

#edit-submit-guest-blog-posts { height: 32px; margin: 0; }

/*Custom Dropdown/Filters*/
#edit-tid-1-wrapper, #edit-tid-wrapper { flex-grow: 0; margin-right: 16px; padding: 0; }

#edit-tid-wrapper, #edit-tid-1-wrapper { width: 258px; height: 32px; border: 1px solid #CED8DE; border-radius: 3px; background: white; position: relative; }

#edit-tid-wrapper:before { content: 'Show:'; display: block; position: absolute; top: -20px; height: 18px; color: #677283; font-family: "Qualcomm Next"; font-size: 15px; font-weight: 500; line-height: 18px; }

#edit-tid-1-wrapper:before { content: 'Display:'; display: block; position: absolute; top: -20px; height: 18px; color: #677283; font-family: "Qualcomm Next"; font-size: 15px; font-weight: 500; line-height: 18px; }

#edit-tid-wrapper > label, #edit-tid-1-wrapper > label { display: block; width: 100%; height: 32px; padding-left: 8px; font-size: 14px; font-weight: 400; color: #677283; line-height: 32px; background: url("/sites/all/themes/at_qdn_branded/images/icon-dropdown-closed.png") no-repeat calc(100% + 1px) -1px; }

#edit-tid-wrapper .views-widget, #edit-tid-1-wrapper .views-widget { display: none; width: calc(100% + 2px); padding: 8px 16px 16px; position: absolute; top: 28px; left: -1px; border: 1px solid #CED8DE; border-top: 0; border-radius: 0 0 3px 3px; background: #fff; z-index: 100; }

#edit-tid-wrapper > label.filter__list--visible, #edit-tid-1-wrapper > label.filter__list--visible { background: url("/sites/all/themes/at_qdn_branded/images/icon-dropdown-open.png") no-repeat calc(100% + 1px) -1px; }

#edit-tid-wrapper label.filter__list--visible + .views-widget, #edit-tid-1-wrapper label.filter__list--visible + .views-widget { display: block !important; }

.filter__list label { display: block; height: 16px; margin: 8px 0; font-size: 14px; line-height: 16px; }

#views-exposed-form-guest-blog-posts-page .form-radios .form-item { display: inline-block; padding-right: 5px; }

#views-exposed-form-guest-blog-posts-page .form-item.form-type-radios > label { margin-top: -27px; padding-bottom: 5px; font-size: 16px; }

/*checkboxes & radios*/
.form-type-bef-checkbox { position: relative; margin: 9px 0; }

.form-type-bef-checkbox input, .form-type-radio input { position: absolute; top: 0; left: 0; visibility: hidden; }

.form-type-bef-checkbox input:checked + label, .form-type-radio input:checked + label { background: #fff url("/sites/all/themes/at_qdn_branded/images/icon-checkbox-checked.png") no-repeat 0 0; background-size: 16px 16px; }

.form-type-radio input:checked + label { background: #fff url("/sites/all/themes/at_qdn_branded/images/icon-radio-selected.png") no-repeat 0 0; }

.form-type-bef-checkbox label, .form-type-radio label { display: block; padding-left: 24px; font-size: 14px; background: #fff url("/sites/all/themes/at_qdn_branded/images/icon-checkbox.png") no-repeat 0 50%; background-size: 16px 16px; }

.form-type-radio label { background: #fff url("/sites/all/themes/at_qdn_branded/images/icon-radio-default.png") no-repeat 0 50%; height: 16px; display: inline-block; padding-right: 7px; }

.bef-checkboxes .form-item { margin-top: .4em; margin-bottom: .4em; }

.filter__pills { width: 960px; margin: 0 auto; padding: 0; }

.filter__pill { display: inline-block; margin: 8px 24px 0 0; padding: 4px 20px 4px 8px; font-size: 12px !important; line-height: 14px; background: white; color: #4A5A75; border: 1px solid #3253DC; border-radius: 20px; background: #fff url("/sites/all/themes/at_qdn_branded/images/icon-clear-filter.png") no-repeat calc(100% - 8px) 50%; background-size: 8px 8px; }

.view-id-guest_blog_posts .views-row-after-guest_blog_posts .filter__pill { padding: 4px 8px 4px 8px; margin: 8px 8px 0 0; background: white; color: #A5ADBA; border: 1px solid #A5ADBA; background: #fff none; }

.clear__filters { appearance: none; -webkit-appearance: none; border: 0; background: transparent; font-size: 14px; color: #3253DC; float: right; }

/*more link*/
.page-guest-blog .more-link { margin: 24px 0 45px; padding-right: 30px; }

.page-guest-blog .more-link.hide { display: none; }

.page-guest-blog .more-link a { display: block; margin: 0 auto; height: 32px; width: 125px; font-size: 14px; line-height: 33px; text-align: center; text-decoration: none; border: 1px solid #3253DC; border-radius: 3px; background-color: #FFFFFF; padding-right: 20px; background-image: url(/sites/all/themes/at_qdn_branded/images/plus-button.png); background-repeat: no-repeat; background-size: 17px; background-position: right 10px center; }

/*responsive tweaks*/
@media screen and (max-width: 481px) { .page-guest-blog #breadcrumb, .page-guest-blog #main-content-header { width: auto; }
  .view-guest-blog-posts.feature-of-the-month .view-content, .view-id-guest_blog_posts .view-content, .filter__pills { width: 100%; display: block; padding: 0 20px; }
  .view-id-guest_blog_posts .view-content .views-row { width: 100%; margin-top: 24px; }
  .view-id-guest_blog_posts .view-filters { width: auto; margin: 20px; }
  .view-id-guest_blog_posts .view-filters .views-exposed-widgets { flex-direction: column; }
  .view-id-guest_blog_posts .view-filters .views-exposed-widgets .views-exposed-widget { margin: 20px 0; }
  #edit-tid-wrapper, #edit-tid-1-wrapper { width: 100%; }
  /*FotM*/
  .view-guest-blog-posts.feature-of-the-month .view-content { width: auto; height: auto; margin-left: 20px; margin-right: 20px; padding: 0; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-field-preview-image { float: none; overflow: hidden; width: auto; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-field-preview-image .field-content, .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-title, .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-view-node, .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-body-1 { float: none; width: auto; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-title { display: block; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-view-node { margin-bottom: 20px; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-uri { width: 100%; height: 196px; margin-bottom: 15px; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-body { width: 100%; float: none; }
  .view-id-guest_blog_posts.feature-of-the-month .views-row .views-field-title { padding: 10px 16px; }
  .page-guest-blog #main-content-header h1 { padding: 0 20px; }
  #views-exposed-form-guest-blog-posts-page .views-submit-button .form-item { left: -13px; bottom: -85px; width: 255px; }
  #views-exposed-form-guest-blog-posts-page .views-reset-button { bottom: -75px; }
  .view-guest-blog-posts .number-of-posts h2 { padding: 0 20px; }
  .view-guest-blog-posts { margin-bottom: -25px; } }
.node-type-solution #columns-wrapper, .node-type-solution.no-sidebars #columns-wrapper, .node-type-product #columns-wrapper, .node-type-product.no-sidebars #columns-wrapper { width: 100%; }
.node-type-solution #main-content, .node-type-solution.no-sidebars #main-content, .node-type-product #main-content, .node-type-product.no-sidebars #main-content { padding: 0; }
.node-type-solution #breadcrumb, .node-type-solution #main-content-header, .node-type-product #breadcrumb, .node-type-product #main-content-header { width: 1160px; margin: 0 auto; padding-left: 0; }
.node-type-solution nav.breadcrumb-wrapper, .node-type-product nav.breadcrumb-wrapper { padding: 10px 0 !important; }
@media screen and (max-width: 768px) { .node-type-solution nav.breadcrumb-wrapper ol#crumbs, .node-type-product nav.breadcrumb-wrapper ol#crumbs { padding: 10px 20px !important; } }

.page-solutions-resources #columns-wrapper, .page-solutions-resources.no-sidebars #columns-wrapper, .page-products #columns-wrapper, .page-products.no-sidebars #columns-wrapper { width: 100%; }
.page-solutions-resources #main-content, .page-solutions-resources.no-sidebars #main-content, .page-products #main-content, .page-products.no-sidebars #main-content { padding: 0; }
.page-solutions-resources #breadcrumb, .page-products #breadcrumb { width: 1160px; margin: 0 auto; }
.page-solutions-resources nav.breadcrumb-wrapper, .page-products nav.breadcrumb-wrapper { padding: 10px 0 !important; }
.page-solutions-resources #main-content-header, .page-products #main-content-header { width: 100%; margin-bottom: 60px; box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2); }
.page-solutions-resources #main-content-header h1, .page-products #main-content-header h1 { width: 1160px; margin: 0 auto; padding: 30px 0 40px; font-size: 30px; font-weight: 200; }
.page-solutions-resources .filter-columns, .page-products .filter-columns { width: 1160px; margin: 0 auto; display: flex; flex-direction: row; }
.page-solutions-resources .filter-sidebar, .page-products .filter-sidebar { flex-grow: 0; flex-shrink: 0; width: 294px; margin-right: 24px; }
.page-solutions-resources .filter-sidebar h4, .page-products .filter-sidebar h4 { color: #677283; font-size: 10px; font-weight: normal; letter-spacing: 1.5px; line-height: 13px; text-transform: uppercase; }
.page-solutions-resources .filter-sidebar .views-exposed-widget, .page-products .filter-sidebar .views-exposed-widget { width: 100%; margin-bottom: 12px; }
.page-solutions-resources .filter-sidebar .views-exposed-form label, .page-products .filter-sidebar .views-exposed-form label { color: #222222; font-weight: 500; height: 15px; letter-spacing: 0.5px; line-height: 15px; }
.page-solutions-resources .filter-sidebar .views-exposed-form label:not(.option), .page-products .filter-sidebar .views-exposed-form label:not(.option) { position: relative; cursor: pointer; }
.page-solutions-resources .filter-sidebar .views-exposed-form label:not(.option):after, .page-products .filter-sidebar .views-exposed-form label:not(.option):after { display: block; width: 16px; height: 16px; position: absolute; top: 0; right: 0; content: ''; background: url(../images/caret-down.svg) no-repeat 50% 50%; background-size: 16px 16px; transform: rotate(90deg); transition: 0.2s transform ease-in-out; }
.page-solutions-resources .filter-sidebar .views-exposed-form label:not(.option).collapsed:after, .page-products .filter-sidebar .views-exposed-form label:not(.option).collapsed:after { transform: rotate(-90deg); }
.page-solutions-resources .filter-sidebar .views-exposed-form .views-widget.collapsed, .page-products .filter-sidebar .views-exposed-form .views-widget.collapsed { height: 0; overflow: hidden; }
.page-solutions-resources .filter-sidebar .views-exposed-form .views-widget-sort-by, .page-solutions-resources .filter-sidebar .views-exposed-form .views-widget-sort-order, .page-products .filter-sidebar .views-exposed-form .views-widget-sort-by, .page-products .filter-sidebar .views-exposed-form .views-widget-sort-order { display: none; }
.page-solutions-resources .filter-sidebar .views-exposed-form label.option, .page-products .filter-sidebar .views-exposed-form label.option { color: #677283; font-weight: normal; height: 15px; letter-spacing: 0.5px; line-height: 15px; }
.page-solutions-resources .filter-sidebar .views-exposed-form label.option, .page-solutions-resources .filter-sidebar .views-exposed-form .form-type-bef-checkbox input:checked + label, .page-solutions-resources .filter-sidebar .views-exposed-form .form-type-radio input:checked + label, .page-products .filter-sidebar .views-exposed-form label.option, .page-products .filter-sidebar .views-exposed-form .form-type-bef-checkbox input:checked + label, .page-products .filter-sidebar .views-exposed-form .form-type-radio input:checked + label { padding-top: 4px; padding-bottom: 4px; background-color: transparent; }
.page-solutions-resources .filter-sidebar .views-exposed-form .views-widget-filter-field_solution_category_tid, .page-products .filter-sidebar .views-exposed-form .views-widget-filter-field_solution_category_tid { margin-bottom: 40px; }
.page-solutions-resources .filter-sidebar-header, .page-products .filter-sidebar-header { display: none; width: 100%; height: 60px; position: fixed; top: 0; left: 0; background-color: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3); z-index: 20; }
.page-solutions-resources .filter-content, .page-products .filter-content { flex-grow: 1; }
.page-solutions-resources .filter-content .views-exposed-form .views-exposed-widgets, .page-products .filter-content .views-exposed-form .views-exposed-widgets { display: flex; flex-direction: row; border-bottom: 1px solid #d9d9d9; }
.page-solutions-resources .filter-content .views-exposed-form .views-exposed-widgets .views-widget-sort-by, .page-products .filter-content .views-exposed-form .views-exposed-widgets .views-widget-sort-by { margin-left: auto; }
@media screen and (max-width: 768px) { .page-solutions-resources .filter-content .views-exposed-form .views-exposed-widgets .views-widget-sort-by, .page-products .filter-content .views-exposed-form .views-exposed-widgets .views-widget-sort-by { margin-left: 0; } }
.page-solutions-resources .filter-content .content__tile, .page-products .filter-content .content__tile { font-size: 13px; }
.page-solutions-resources .filter-content .pager-container, .page-products .filter-content .pager-container { margin-top: 40px; }
.page-solutions-resources .filter-content .qcom-file-link.qcom-file-locked, .page-products .filter-content .qcom-file-link.qcom-file-locked { padding-left: 16px; background: url(../images/lock-icon.svg) no-repeat 0 5px; }
.page-solutions-resources .filter-content .solutions-resources-filters, .page-solutions-resources .filter-content .product-documentation-filters, .page-solutions-resources .filter-content .product-download-filters, .page-products .filter-content .solutions-resources-filters, .page-products .filter-content .product-documentation-filters, .page-products .filter-content .product-download-filters { display: flex; flex-direction: row; border-bottom: 1px solid #d9d9d9; }
.page-solutions-resources .filter-content .solutions-resources-filters .views-exposed-widgets, .page-solutions-resources .filter-content .product-documentation-filters .views-exposed-widgets, .page-solutions-resources .filter-content .product-download-filters .views-exposed-widgets, .page-products .filter-content .solutions-resources-filters .views-exposed-widgets, .page-products .filter-content .product-documentation-filters .views-exposed-widgets, .page-products .filter-content .product-download-filters .views-exposed-widgets { margin-left: auto; }
.page-solutions-resources .filter-content .views-widget, .page-solutions-resources .filter-content .views-submit-button, .page-products .filter-content .views-widget, .page-products .filter-content .views-submit-button { display: none; }
.page-solutions-resources .filter-content .views-widget-sort-order, .page-products .filter-content .views-widget-sort-order { padding-right: 0; }
.page-solutions-resources .filter-content .views-exposed-widget, .page-products .filter-content .views-exposed-widget { display: none; }
.page-solutions-resources .filter-content .views-widget-sort-by, .page-solutions-resources .filter-content .views-widget-sort-order, .page-products .filter-content .views-widget-sort-by, .page-products .filter-content .views-widget-sort-order { display: inline-block; }
.page-solutions-resources .filter-content .form-item-sort-by, .page-solutions-resources .filter-content .form-item-sort-order, .page-products .filter-content .form-item-sort-by, .page-products .filter-content .form-item-sort-order { display: block; position: relative; }
.page-solutions-resources .filter-content .form-item-sort-by:after, .page-solutions-resources .filter-content .form-item-sort-order:after, .page-products .filter-content .form-item-sort-by:after, .page-products .filter-content .form-item-sort-order:after { display: block; width: 15px; height: 15px; position: absolute; top: 1px; right: 0; content: ''; background: url(../images/caret-down.svg) no-repeat 50% 50%; background-size: 15px 15px; transform: rotate(-90deg); transition: 0.2s transform ease-in-out; }
.page-solutions-resources .filter-content .form-item-sort-by label, .page-solutions-resources .filter-content .form-item-sort-order label, .page-products .filter-content .form-item-sort-by label, .page-products .filter-content .form-item-sort-order label { display: inline-block; color: #677283; font-size: 10px; font-weight: normal; letter-spacing: 1.5px; line-height: 13px; text-transform: uppercase; }
.page-solutions-resources .filter-content .form-item-sort-by select, .page-solutions-resources .filter-content .form-item-sort-order select, .page-products .filter-content .form-item-sort-by select, .page-products .filter-content .form-item-sort-order select { appearance: none; -webkit-appearance: none; border: 0; padding-right: 16px; cursor: pointer; color: #2b2b2b; font: 14px/15px "Qualcomm Next", "Arial", "Helvetica", sans-serif; font-weight: 400; height: 15px; letter-spacing: 0.5px; }
.page-solutions-resources .content__tile-category, .page-products .content__tile-category { display: none; }

.solution-header, .product-header { position: relative; z-index: 2; padding-bottom: 40px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.3); }

.power-quote { position: relative; }

.solution-header-inner, .product-header-inner, .power-quote-inner { width: 1160px; margin: 0 auto; display: flex; flex-direction: row; }
@media screen and (max-width: 768px) { .solution-header-inner, .product-header-inner, .power-quote-inner { width: auto; flex-direction: column; } }

@media screen and (max-width: 768px) { .product-header-inner { flex-direction: column-reverse; } }
.solution-icon, .power-quote-icon { width: 275px; flex-grow: 0; flex-shrink: 0; margin-right: 20px; }
.solution-icon img, .power-quote-icon img { display: block; }
@media screen and (max-width: 768px) { .solution-icon, .power-quote-icon { margin: 0 auto 20px; } }

.product-icon-wrap { width: 275px; flex-grow: 0; flex-shrink: 0; flex-direction: column; margin-left: 20px; }
@media screen and (max-width: 768px) { .product-icon-wrap { margin: 0 auto; } }
.product-icon-wrap img { display: block; }
.product-icon-wrap a { display: block; height: auto; margin-top: 20px; line-height: 18px; font-size: 16px; text-align: center; border-radius: 20px; border: 1px solid #3558d9; padding: 10px; }

.solution-description .solution-description__title, .solution-description .product-description__title, .solution-description .power-quote-text__title, .product-description .solution-description__title, .product-description .product-description__title, .product-description .power-quote-text__title, .power-quote-text .solution-description__title, .power-quote-text .product-description__title, .power-quote-text .power-quote-text__title { font-weight: 200; font-size: 28px; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .solution-description .solution-description__title, .solution-description .product-description__title, .solution-description .power-quote-text__title, .product-description .solution-description__title, .product-description .product-description__title, .product-description .power-quote-text__title, .power-quote-text .solution-description__title, .power-quote-text .product-description__title, .power-quote-text .power-quote-text__title { padding: 0 20px; } }
.solution-description .solution-description__text, .solution-description .power-quote-text__text, .product-description .solution-description__text, .product-description .power-quote-text__text, .power-quote-text .solution-description__text, .power-quote-text .power-quote-text__text { font-weight: 200; font-size: 16px; line-height: 24px; }
@media screen and (max-width: 768px) { .solution-description .solution-description__text, .solution-description .power-quote-text__text, .product-description .solution-description__text, .product-description .power-quote-text__text, .power-quote-text .solution-description__text, .power-quote-text .power-quote-text__text { padding: 0 20px; margin-top: 20px; } }
.solution-description .product-description__text, .product-description .product-description__text, .power-quote-text .product-description__text { color: #000; font-weight: 400; font-size: 16px; line-height: 24px; }
@media screen and (max-width: 768px) { .solution-description .product-description__text, .product-description .product-description__text, .power-quote-text .product-description__text { padding: 0 20px; margin-top: 20px; } }

.content__tile { padding: 14px 0; border-bottom: 1px solid #d9d9d9; }
.content__tile .views-field-title { font-size: 18px; }
.content__tile .views-field-field-solution-page-thumbnail, .content__tile .views-field-nid { display: none; }
.content__tile .views-field-created, .content__tile .views-field-field-solution-category, .content__tile .views-field-type, .content__tile .qcom-file-license { float: none; display: inline-block; margin-top: 5px; line-height: 14px; }
.content__tile .views-field-created { width: auto; padding-right: 5px; margin-right: 5px; border-right: 1px solid #677283; }
.content__tile .qcom-file-license { padding-left: 5px; margin-left: 5px; border-left: 1px solid #677283; }

.node-type-solution .solutions__bands-wrapper, .node-type-solution .products__bands-wrapper, .node-type-product .solutions__bands-wrapper, .node-type-product .products__bands-wrapper { position: relative; z-index: 1; }
.node-type-solution .solutions__band, .node-type-solution .products__band, .node-type-product .solutions__band, .node-type-product .products__band { padding: 40px 0; }
.node-type-solution .solutions__band--primary, .node-type-solution .products__band--primary, .node-type-product .solutions__band--primary, .node-type-product .products__band--primary { color: #fff; background-color: #4a5a74; }
.node-type-solution .solutions__band--primary .content__tile-viewmore, .node-type-solution .products__band--primary .content__tile-viewmore, .node-type-product .solutions__band--primary .content__tile-viewmore, .node-type-product .products__band--primary .content__tile-viewmore { color: #fff; }
.node-type-solution .solutions__band--secondary, .node-type-solution .products__band--secondary, .node-type-product .solutions__band--secondary, .node-type-product .products__band--secondary { color: #fff; background-color: #65738a; }
.node-type-solution .solutions__band--secondary .content__tile-viewmore, .node-type-solution .products__band--secondary .content__tile-viewmore, .node-type-product .solutions__band--secondary .content__tile-viewmore, .node-type-product .products__band--secondary .content__tile-viewmore { color: #fff; }
.node-type-solution .solutions__band--tertiary, .node-type-solution .products__band--tertiary, .node-type-product .solutions__band--tertiary, .node-type-product .products__band--tertiary { color: #000; background-color: #e5ebee; }
.node-type-solution .content__tile-category, .node-type-product .content__tile-category { width: 1160px; font-size: 24px; font-weight: 200; margin: 0 auto 20px; }
@media only screen and (max-width: 768px) { .node-type-solution .content__tile-category, .node-type-product .content__tile-category { width: auto; padding: 0 20px; } }
.node-type-solution .content__tile-wrapper, .node-type-solution .content__tile-viewmore, .node-type-product .content__tile-wrapper, .node-type-product .content__tile-viewmore { width: 1160px; margin: 0 auto; }
@media only screen and (max-width: 768px) { .node-type-solution .content__tile-wrapper, .node-type-solution .content__tile-viewmore, .node-type-product .content__tile-wrapper, .node-type-product .content__tile-viewmore { width: auto; display: flex; flex-direction: column; align-items: center; }
  .node-type-solution .content__tile-wrapper.viewmore, .node-type-solution .content__tile-viewmore.viewmore, .node-type-product .content__tile-wrapper.viewmore, .node-type-product .content__tile-viewmore.viewmore { align-items: flex-start; } }
@media screen and (max-width: 768px) { .node-type-solution .content__tile-viewmore, .node-type-product .content__tile-viewmore { display: block; margin: 0; padding: 0 20px; } }
.node-type-solution .content__tile, .node-type-product .content__tile { display: flex; flex-direction: column; position: relative; float: left; width: calc((1160px - 66px) / 4); height: 275px; margin-right: 22px; margin-bottom: 40px; padding: 20px 0; color: #000; background: white; border-radius: 8px; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4); overflow: hidden; /*field-specific styles*/ }
.node-type-solution .content__tile:nth-child(4n + 4), .node-type-product .content__tile:nth-child(4n + 4) { margin-right: 0; }
.node-type-solution .content__tile .views-field-title, .node-type-solution .content__tile .views-field-field-body, .node-type-solution .content__tile .views-field-body, .node-type-solution .content__tile .views-field-nid, .node-type-solution .content__tile .views-field-type, .node-type-product .content__tile .views-field-title, .node-type-product .content__tile .views-field-field-body, .node-type-product .content__tile .views-field-body, .node-type-product .content__tile .views-field-nid, .node-type-product .content__tile .views-field-type { padding: 0 18px; }
.node-type-solution .content__tile .views-field-title, .node-type-product .content__tile .views-field-title { font-size: 16px; margin-bottom: 10px;}
.node-type-solution .content__tile .views-field-title a, .node-type-product .content__tile .views-field-title a { color: #000 !important; }
.node-type-solution .content__tile .views-field-field-body, .node-type-solution .content__tile .views-field-body, .node-type-product .content__tile .views-field-field-body, .node-type-product .content__tile .views-field-body { margin-bottom: 8px; flex-grow: 1; flex-shrink: 1; overflow: hidden; font-size: 14px; line-height: 22px; color: #6f7b90; }
.node-type-solution .content__tile .views-field-field-solution-page-thumbnail, .node-type-solution .content__tile .views-field-field-solution-page-thumbnail-1, .node-type-product .content__tile .views-field-field-solution-page-thumbnail, .node-type-product .content__tile .views-field-field-solution-page-thumbnail-1 { max-height: 120px; margin-bottom: 8px; overflow: hidden; }
.node-type-solution .content__tile .views-field-nid, .node-type-product .content__tile .views-field-nid { margin-top: auto; }
.node-type-solution .content__tile .views-field-type, .node-type-product .content__tile .views-field-type { font-size: 11px; margin-bottom: 5px; }

.node-type-product #block-og-menu-og-single-menu-block, .page-products #block-og-menu-og-single-menu-block { margin-bottom: 60px; box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2); }
.node-type-product #block-og-menu-og-single-menu-block h2.block-title, .page-products #block-og-menu-og-single-menu-block h2.block-title { width: 1160px; margin: 0 auto; padding: 30px 0 40px; font-size: 30px; font-weight: 200; }
.node-type-product #block-og-menu-og-single-menu-block .block-inner, .page-products #block-og-menu-og-single-menu-block .block-inner { width: 1160px; margin: 0 auto; }
.node-type-product #block-og-menu-og-single-menu-block .menu, .page-products #block-og-menu-og-single-menu-block .menu { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0; padding: 0; }
.node-type-product #block-og-menu-og-single-menu-block .menu li, .page-products #block-og-menu-og-single-menu-block .menu li { display: block; margin-left: 60px; height: 60px; line-height: 57px; }
.node-type-product #block-og-menu-og-single-menu-block .menu li:first-child, .page-products #block-og-menu-og-single-menu-block .menu li:first-child { margin-left: 0; }
@media screen and (max-width: 768px) { .node-type-product #block-og-menu-og-single-menu-block .menu li, .page-products #block-og-menu-og-single-menu-block .menu li { margin-left: 40px; } }
.node-type-product #block-og-menu-og-single-menu-block .menu li a, .page-products #block-og-menu-og-single-menu-block .menu li a { box-sizing: border-box; display: block; width: 100%; height: 100%; color: #677282; font-size: 18px; border-bottom: 3px solid transparent; transition: 0.1s all ease-in-out; }
.node-type-product #block-og-menu-og-single-menu-block .menu li a:hover, .page-products #block-og-menu-og-single-menu-block .menu li a:hover { text-decoration: none; border-bottom: 3px solid #3253db; }
.node-type-product #block-og-menu-og-single-menu-block .menu li a.active-trail, .page-products #block-og-menu-og-single-menu-block .menu li a.active-trail { color: #3558d9; border-bottom: 3px solid #3253db; }

@media screen and (max-width: 768px) { .products__band { padding: 40px 20px !important; } }
.products__band .field-name-field-html-block p { font-size: 18px; font-weight: 200; }
.products__band .field-collection-container { width: 1160px; margin: 0 auto; border: 0; }
@media screen and (max-width: 768px) { .products__band .field-collection-container { width: auto; } }
.products__band .field-collection-container .field-collection-view { margin: 0; padding: 0; }
.products__band .field-collection-container section { display: flex; flex-direction: row; flex-wrap: wrap; }
@media screen and (max-width: 768px) { .products__band .field-collection-container section { flex-direction: column; align-items: center; } }
.products__band .field-collection-container section .field-collection-view { display: flex; flex-direction: column; position: relative; float: left; width: calc((1160px - 66px) / 4); height: 275px; margin-right: 22px; margin-bottom: 40px; padding: 20px 0; color: #000; background: white; border-radius: 8px; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4); overflow: hidden; /*field-specific styles*/ }
.products__band .field-collection-container section .field-collection-view:nth-child(4n + 4) { margin-right: 0; }
@media screen and (max-width: 768px) { .products__band .field-collection-container section .field-collection-view { margin-left: 0 !important; margin-right: 0 !important; } }
.products__band .field-collection-container section .field-collection-view .field-name-field-column-title, .products__band .field-collection-container section .field-collection-view .field-name-field-column-body { padding: 0 18px; }
.products__band .field-collection-container section .field-collection-view .field-name-field-column-title { font-size: 16px; }
.products__band .field-collection-container section .field-collection-view .field-name-field-column-title a { color: #000 !important; }
.products__band .field-collection-container section .field-collection-view .field-name-field-column-body { margin-bottom: 8px; flex-grow: 1; flex-shrink: 1; overflow: hidden; font-size: 14px; line-height: 22px; color: #6f7b90; text-overflow: ellipsis; }
.products__band .field-name-field-section-headline { font-size: 24px; font-weight: 200; margin: 0 0 20px; }

#show-filters, #hide-filters { display: none; font: 14px/15px "Qualcomm Next", "Arial", "Helvetica", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; appearance: none; -webkit-appearance: none; border: 0; outline: 0; background-color: transparent; color: #3558d9; cursor: pointer; }

#show-filters { position: absolute; top: 12px; right: 20px; font-size: 14px; padding-right: 0; padding-left: 16px; }

/*********
Responsive
*********/
@media only screen and (max-width: 768px) { #show-filters, #hide-filters { display: inline-block; }
  body.lock-scrolling { width: 100vw; height: 100vh; overflow: hidden; }
  #content-column { padding: 0 !important; }
  .node-type-solution #columns-wrapper, .node-type-solution.no-sidebars #columns-wrapper, .node-type-product #columns-wrapper, .node-type-product.no-sidebars #columns-wrapper { width: 100%; }
  .node-type-solution #main-content, .node-type-solution.no-sidebars #main-content, .node-type-product #main-content, .node-type-product.no-sidebars #main-content { margin: 0; padding: 0; }
  .node-type-solution #breadcrumb, .node-type-solution #main-content-header, .node-type-product #breadcrumb, .node-type-product #main-content-header { width: 100%; margin: 0; }
  .node-type-solution nav.breadcrumb-wrapper, .node-type-product nav.breadcrumb-wrapper { padding: 10px 0 !important; }
  .page-products #main-content { margin: 0; }
  .node-type-product #block-og-menu-og-single-menu-block, .page-products #block-og-menu-og-single-menu-block { width: 100%; }
  .node-type-product #block-og-menu-og-single-menu-block .block-inner, .node-type-product #block-og-menu-og-single-menu-block h2.block-title, .page-products #block-og-menu-og-single-menu-block .block-inner, .page-products #block-og-menu-og-single-menu-block h2.block-title { width: auto; margin: 0; }
  .node-type-product #block-og-menu-og-single-menu-block h2.block-title, .page-products #block-og-menu-og-single-menu-block h2.block-title { padding-left: 20px; padding-right: 20px; }
  .node-type-product #block-og-menu-og-single-menu-block .menu, .page-products #block-og-menu-og-single-menu-block .menu { width: 100%; overflow: auto; padding: 0 20px; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .content__tile { margin-left: 0 !important; margin-right: 0 !important; }
  .page-solutions-resources .filter-columns, .page-products .filter-columns { width: 100%; margin: 0 auto; display: flex; flex-direction: column; }
  .page-solutions-resources .filter-sidebar, .page-products .filter-sidebar { display: none; flex-grow: 0; flex-shrink: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 80px 20px 20px; overflow: auto; -webkit-overflow-scrolling: touch; margin-right: 0; background-color: #f6f8fa; z-index: 1000; }
  .page-solutions-resources .filter-sidebar.expanded, .page-products .filter-sidebar.expanded { display: flex; }
  .page-solutions-resources .filter-sidebar-header, .page-products .filter-sidebar-header { display: block; text-align: center; }
  .page-solutions-resources .filter-sidebar-header h3, .page-products .filter-sidebar-header h3 { font-size: 18px; font-weight: 500; line-height: 60px; color: #000; }
  .page-solutions-resources .filter-sidebar-header #hide-filters, .page-products .filter-sidebar-header #hide-filters { position: absolute; top: 0; right: 0; line-height: 60px; padding: 0 20px; }
  .page-solutions-resources .filter-content, .page-products .filter-content { width: 100%; padding: 0 20px; }
  .filter-content .content__tile .views-field-created { padding-left: 0 !important; } }
.inner-wrap { width: 1160px; margin: 0 auto; }
@media only screen and (max-width: 1159px) { .inner-wrap { width: 100%; } }

/* @file global.base  - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/ - Gutter widths, see $gutter-width in _custom.scss - Default container alignment. - Flexible images and media declarations. - Copies of the SCSS mixins for reference, which includes an improved element-invisible and focusable styles. */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls Remove excess height in iOS5 devices */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* If you are using the themes Responsive JS feature (media_queries.js) do not set a font-family on the html element, use body.  1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; height: 100%; overflow-y: scroll; }

/* 1 . Addresses margins handled incorrectly in IE6/7 */
body { min-height: 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility\9; /* Only IE, can mess with Android */ }

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button, input, select, textarea { font-family: sans-serif; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Headings  Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b, strong { font-weight: 500; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE6/7 */
p, pre { margin: 0 0 1.5em; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE6/7 */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE7 */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Remove border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { /* border: 0; */ /* Drupal core already does this, uncomment if you need it */ -ms-interpolation-mode: bicubic; }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent margin, and padding */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; vertical-align: top; }

/* ============================================================================= Tables ========================================================================== */
/* 1. Remove most spacing between table cells */
table { border: 1px solid; border-spacing: 0; border-collapse: collapse; font-size: inherit; font: 100%; }

/* ============================================================================= Gutters ========================================================================== */
/* If gutters are set in theme settings they will override these values, see Extensions > Modify Output > Design $gutter-width is set in _base.scss */
#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .attribution, .at-panel .rounded-corner, div.messages { margin-left: 10px; margin-right: 10px; }

/* Panel pages need negative margin equal to the gutter width applied to #content, this is taken care of in theme settings as per above for normal gutters */
#content .panel-display, #content .panel-flexible { margin-left: -10px; margin-right: -10px; }

/* ============================================================================= Flexible Media and Cross browser improvements ========================================================================== */
/* - This can cause issues in table cells where no width is set on the column, only in some versions of webkit and IE 7/8. - declaring the width attribute on image elements and using max-width causes the "dissappering images" bug in IE8. - Mapping services such as Google Maps may break also, see below for fixes. */
img { height: auto; -ms-interpolation-mode: bicubic; }

/* Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }

/* Disable flexiblity for IE8 and below */
.lt-ie9 img, .lt-ie9 object, .lt-ie9 embed, .lt-ie9 video { max-width: none; }

/* Override max-width 100% for map displays */
#map img, .gmap img, .view-gmap img, .openlayers-map img, #getlocations_map_canvas img, #locationmap_map img, .geofieldMap img, .views_horizontal_slider img { max-width: none !important; }

/* ============================================================================= Misc helpers, Accessibility classes etc ========================================================================== */
/* Prevent overflowing content */
header[role=banner], .content-inner, .nav, .region-sidebar-first, .region-sidebar-second, .region-secondary-content, .region-tertiary-content, .region-footer { overflow: visible; word-wrap: break-word; }

/** General classes for hiding content. These are all included as SASS mixins. @SEE: sass/_custom.scss */
/** Image replacement Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement Additional helpers from http://html5boilerplate.com/docs/css/ */
.ir { /* Kellum Method */ display: block !important; text-indent: 100%; white-space: nowrap; overflow: hidden; /* Remove the default border from elements like button */ border: 0; /* Crush the text down to take up no space */ font: 0/0 a; /* Remove any text shadows */ text-shadow: none; /* Hide any residual text in Safari 4 and any mobile devices that may need it */ color: transparent; /* Hide the default background color on elements like button */ background-color: transparent; }

/* More robust element-invisible and element-focuable classes */
.element-invisible { border: 0; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; }

/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen { position: absolute; top: -99999em; width: 1px; height: 1px; overflow: hidden; outline: 0; }

/* Hide content from all users */
.element-hidden { display: none; }

/* QDN 32 AND 44 */


.accordion-container{
  position: relative;
  max-width: 500px;
  height: auto;
  margin: 10px auto;
}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#3399cc;
  color: #fff;
}

/* Accordion styles */
.accordion_new .tabs {
  overflow: hidden;
  /*box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);*/
  width: 100%;
	padding-top: 5px;
  /*background: #65738a; */
}

.accordion_new .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.accordion_new .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
	background-color: #4a5a74;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.accordion_new .tab-label:hover {
	background-color: #4a5a74;
}
.accordion_new .tab-label::before {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  margin: 20px 0 0 20px;
}
.accordion_new .tab-content {
  display: none;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.accordion_new .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #1E90FF;
  cursor: pointer;
}
.accordion_new .tab-close:hover {
	background-color: #4a5a74;
}

.accordion_new input:checked + .tab-label {
  background: #1a252f;
		background-color: #4a5a74;
}
.accordion_new input:checked + .tab-label::before {
  transform: rotate(90deg);
}
.accordion_new input:checked ~ .tab-content {
  display: block;
  padding: 1em;
}

.solution-header-inner {
	display:flex !important;
}
.solution-icon {
	float: left;
}

.node-type-solution .solutions__band {
	padding: 0px !important;
}

.node-type-solution .solutions__bands-wrapper {
	padding-right: 40px;
	padding-left: 40px;
}
.tab-label h2.content__tile-category {
    margin-top: 15px;
	font-size: 20px;
}
.solutions-accordion-wrapper{
	margin: auto;
    width: fit-content;
	padding: 1% 0 1% 0;
}
input.solution-checkbox {
    display: none;
}
.solution-power-quote-text{
	color: black;
}

.node-type-solution nav.clearfix {
    margin: 20px 70px;
}

.node-type-solution .content__tile {	
  padding: 0 !important;
  height: 380px !important;
  box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 40%) !important;
}

.node-type-solution .views-field.views-field-title {
  padding: 5px !important;
  height:60px !important;
}

.node-type-solution .views-field.views-field-field-solution-text {
  margin-top: 0 !important;
  height: 30px !important;
  padding: 8px;
}

.node-type-solution .content__tile .views-field-field-solution-page-thumbnail-1 {
  max-height: 160px !important;
  margin-left: 2px;
}

.solution-body-color {
  color: black;
}

.page-reports-qcom-file-download-details #columns-wrapper {
    width: 80% !important;
    margin: 0 auto;
}