@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;300;400;600;700;800;900&display=swap');
body {
    font-family: 'Prompt', sans-serif;
	background-image: url(https://community-engagement.s3.amazonaws.com/Splash+screen+image+HD_CTV.png);
	background-size: contain;
}
.container-fluid {
    max-width: 1280px;
}
.navbar .nav li a, .navbar .icon-private-w {
    text-transform: uppercase;
    font-weight: 800;
}
.navbar .brand {
    max-width: 350px;
}
#docsSearch {
	background: #000000;
	border: none;
	margin-bottom: 3em;
	padding: 1.5em 0;
	color: #FFFFFF;
}
#docsSearch h1{
    font-size: 4em;
    font-weight: 900;
    text-align: center;
    margin-top: 0.4em;
}
#docsSearch #searchBar {
    width: 550px;
}
#searchBar button {
    color: #fff;
    text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
    background: #dc7832;
    border-radius: 10px;
    border: none;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
}
#searchBar button:hover {
	background: #dc7832;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	border: 2px solid #dc7832;
	color:#ffffff;
}
input, button, select, textarea {
	color: #dc7832;
	background: #000000;
	border: 2px solid #dc7832;
	border-radius: 0 5px 5px 0;
}

.navbar .nav .active .caret{
    display: none;
}
.articleList li{
    margin: 0.5em 0;
}


#searchBar .search-query {
	background: #303030;
	color: #FFFFFF;
	border-color: transparent;
	box-shadow: none;
	border: 2px solid #dc7832;
	border-radius: 0 5px 5px 0;
}

#searchBar input.search-query {	
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
	background:#524a48;
	color: #FFFFFF;
	border: none;
	border-radius: 10px;
}

#sidebar form button{
    background: #dc7832;
    padding: 0 1.5em;
    right: 0;
}


.category-list .category h3 {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
}


.category-list .category {
	color: #FFFFFF;
    background-color: #000000;
    box-shadow: 0 7px 4px -5px rgb(0 0 0 / 5%);
    width: 28%;
    transition: all 0.2s;
    border: 2px solid #dc7832;
    background-position: center 45px !important;
    background-repeat: no-repeat !important;
    background-size: auto 85px !important;
    cursor: pointer;
    padding: 155px 20px 25px;

}

.category-list .category:hover{
    background-color: #202020;
    background-size: auto 90px !important;
}

.category-list .category p.article-count {
	display: none;
}
#serp-dd{
    top: 80px;
}

.category-list #category-71 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Getting+Started/GettingStarted.png);
}
.category-list #category-72 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Accounts+%26+Billing/AccountsBilling.png);
}
.category-list #category-73 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Subscriptions+%26+Plans/SubscriptionsPlans.png);
}
.category-list #category-74 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Mobile+Apps+%26+TV+Devices/MobileAppsTV.png);
}
.category-list #category-75 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Gift+Cards+%26+Coupons/GiftCardsCoupons.png);
}
.category-list #category-76 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Troubleshooting/TroubleShooting.png);
}
.category-list #category-77 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Partnerships%2C+Sponsorships+%26+Ads/PartnershipsSponsorsAds.png);
}
.category-list #category-78 {
    background-image: url(https://community-engagement.s3.us-east-1.amazonaws.com/kwelitv-all-grey.png);
}
.category-list #category-165 {
    background-image: url(https://community-engagement.s3.us-east-1.amazonaws.com/crown-fill.png);
}
.category-list #category-22 {
    background-image: url(https://community-engagement.s3.amazonaws.com/Kwelitv+Final+Icons/Quick+Links/Quicklinks.png);
}

#sidebar .nav-list {
	display: inline-block;
	color: #DC7832;
	font-size: 14px;
	padding: 6px 15px 6px 0;
	line-height: 20px;
	margin-left: 0;
	font-family: "Open Sans",
	sans-serif;
	font-weight: 300;
}

#sidebar .nav-list a {
  color: #DC7832;
  font-size: 14px;
}

#sidebar .nav-list a:hover {
  color: #FFFFFF;
}

#sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
	font-weight: 500;
	color: #FFFFFF;
	text-shadow: none;
	text-decoration: none;
}

#sidebar h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #dc7832;
    font-weight: 400;
}


.collection-category h2 {
    display: none;
}

.collection-category h2 a {
    color: #FFFFFF;
}

.collection-category .category-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 4em;
    text-align: center;
}

.twoCol .collection, .threeCol .collection { 
	background: #303030; 
	border-color: #dc7832; 
}

/* Article Styles */


#fullArticle img {
    display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #dc7832;
    background: #000000;
}

#fullArticle { 
    background: #000000;
}
#fullArticle strong{
	color: #fff;
}
.contentWrapper h1 {
	color: #fff;
	font-weight: 500;
    font-size: 4em;
}
#fullArticle .title{
	color: #fff;
	font-weight: 500;
    font-size: 3em;
} 
.articleRatings{
    border: 1px solid #dc7832;
    background: transparent;
    color: #fff;
}
 .contentWrapper {
    background: #000000;
    border: 1px solid #dc7832;
    padding: 25px;
    min-height: 560px;

}
.icon-article-doc {
    display: none;
}
#categoryHead .sort {
    display: none;
}

.articleFoot time.lu {
    display:none;
}
.related{
    border: 1px solid #db783b;
    background: #000;
}
.related h3 {
    color: #ffffff;
}
.related ul>li a {
    color: #ffffff;
}
footer {
    display: none;
}
#serp-dd .result a:hover{
    color: #e26f2d;
}



@media only screen and (min-width: 769px){
    .navbar .nav {
        top: 20px;
    }
}

@media only screen and (max-width: 767px){
    #docsSearch h1 {
        font-size: 2.5em;
        font-weight: 800;
    }
    #docsSearch #searchBar {
        width: 90%;
    } 
    #searchBar button {
        padding: 0.9em 1.2em;
    }
    .collection-category .category-list{
        margin: 0 0 2em;
        flex-wrap: wrap;
        gap: 2em;
    }
    .category-list .category{
        width: 100%;
    }
    .contentWrapper,
    .related {
        margin: 15px;
    }
    .contentWrapper h1 {
        font-size: 2.8em;
    }
    #fullArticle .title {
        font-size: 2.4em;
    }
    .articleList a{
        display: inline-block;
    }
    .navbar .brand {
        max-width: 220px;
    }
    .related a{
        display:inline-block;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait)  {
    .category-list .category {
        min-height: 60px;
    }
    .contentWrapper {
        margin: 15px;
        min-height: 450px;
    }
    .related{
        margin: 15px;
    }
    .contentWrapper h1,
    #fullArticle .title {
        font-size: 3em;
    }
    .navbar .brand {
        max-width: 300px;
    }
    #sidebar form {
        width: 50% !important;
    }
}

@media only screen and (min-width: 820px) and (max-width: 1024px) and (orientation: portrait)  {
    #sidebar form {
        width: 100% !important;
    }
    .navbar .brand {
        max-width: 220px;
    }
    .navbar .nav>li>a{
        padding: 0px 5px;
    }
    .navbar .nav {
        top: 13px;
    }
}