@font-face{font-family:fsg-icon;font-style:normal;font-weight:400;src:url(fonts/fs-icon/fsg-icon-regular_1.eot);src:url(fonts/fs-icon/fsg-icon-regular_1.eot?#iefix) format("embedded-opentype"),url(fonts/fs-icon/fsg-icon-regular_1.woff2) format("woff2"),url(fonts/fs-icon/fsg-icon-regular_1.woff) format("woff"),url(fonts/fs-icon/fsg-icon-regular_1.ttf) format("truetype"),url(fonts/fs-icon/fsg-icon-regular_1.svg#fsg-icon-regular) format("svg")}
@font-face{font-family:fsg-icon-thin;font-style:normal;font-weight:100;src:url(fonts/fs-icon/fsg-icon-thin.eot);src:url(fonts/fs-icon/fsg-icon-thin.eot?#iefix) format("embedded-opentype"),url(fonts/fs-icon/fsg-icon-thin.woff2) format("woff2"),url(fonts/fs-icon/fsg-icon-thin.woff) format("woff"),url(fonts/fs-icon/fsg-icon-thin.ttf) format("truetype"),url(fonts/fs-icon/fsg-icon-thin.svg#fsg-icon-thin) format("svg")} 
@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon/icomoon.eot?elt5n9);src:url(fonts/icomoon/icomoon.eot?elt5n9#iefix) format("embedded-opentype"),url(fonts/icomoon/icomoon.ttf?elt5n9) format("truetype"),url(fonts/icomoon/icomoon.woff?elt5n9) format("woff"),url(fonts/icomoon/icomoon.svg?elt5n9#icomoon) format("svg")}
@font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Medium.ttf) format("truetype");font-weight:450;font-display:swap}
@font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Regular.ttf) format("truetype");font-weight:330;font-display:swap}
@font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Dazzed;src:url(fonts/dazzed/Dazzed-Bold.ttf) format("truetype");font-weight:775;font-display:swap}



/*titleBar tweaks*/  
#titleBar div[class$="titleBarNavStyles-navigation"] ul[class$="titleBarNavStyles-items"], 
#titleBar div[class$="compactSearchStyles-root"], 
#titleBar div[class$="titleBarStyles-nav"], 
#titleBar div[class*="titleBar-guestNav"],
#titleBar div[class*="headerNavigation"], 
#titleBar button[class$="buttonIcon-hamburger"], 
#titleBar button[class$="titleBarStyles-hamburger"], 
#titleBar button[class$="titleBarStyles-linkButton"], 
#titleBar button[aria-controls="compactSearch-0"], 
#titleBar span[class$="titleBarStyles-logoFrame"], 
#titleBar span[class$="subcommunityChooser-toggle"], 
#titleBar span[class*="logoAlignment"], 
#titleBar a[class*='headerLogo'] {display:none}
div[class$="titleBarStyles-bg2"] {background-color: rgb(10,30,60);box-shadow:0 3px 5px rgba(0,0,0,0.1)}
a[class$="titleBarNavStyles-link"] {color:#363636;font-size:16px;} 
div[class$="titleBarNavStyles-linkActive"] {font-size:16px}
div[class$="titleBarNavStyles-linkActive"]::after {max-width:100%; height:5px; background:#0014a0}
a[class$="titleBarNavStyles-link"]:hover{background-color: white; color:#0014a0;}
a[class$="titleBarNavStyles-link"]:hover .linkContentClassName::after{position: absolute;  top: calc(50% - 4px);  left: 50%;  content: "";  margin-left: 0px;  width: 100%;  transform: translate(-50%, 26px);  max-width: 100%;  height: 5px;  background: #0014a0;} 
div[class$="titleBarNavStyles-linkActive"]:before, 
div[class="linkContentClassName"]:before,.section-menu p.dropdown-link:before {content:"\f1f5";font-family:fsg-icon;font-size:24px;float:right}
div[class$="titleBarNavStyles-linkActive"]:hover::before, 
div[class="linkContentClassName"]:hover::before,.section-menu p.dropdown-link:hover::before {content:"\f131";} 

/*Coveo*/ 
div[class$="SearchBar-styles-independentRoot"] {display:none}
.homepage-banner-searchbox {font-size:30px;font-weight:bold;width:100%;text-align:center;position:relative}
.CoveoSearchInterface {min-width:260px!important;margin-right:10px!important} 
.magic-box .magic-box-input input, .magic-box .magic-box-suggestions {font-size:14px!important; font-weight:400!important; font-family:Arial!important} 
.CoveoResultLink {font-family: "Dazzed"}
.CoveoSearchInterface span[data-field="@forumpostcontent"] .userContent.userContent {padding-left:15px; border-left:2px solid #cecece; margin:10px 0}
.CoveoSearchInterface span[data-field="@forumpostcontent"] .userContent.userContent p {font-size:15px;color:#8a8a8a}
.CoveoSearchInterface span[data-field="@forumpostcontent"] .userContent.userContent br:empty, .CoveoSearchInterface span[data-field="@forumpostcontent"] .userContent.userContent p:empty {display:none}
.CoveoSearchInterface span[data-field="@kbarticlecontent"] .userContent.userContent {margin:10px 0} 
.CoveoSearchInterface span[data-field="@kbarticlecontent"] .userContent.userContent h3[data-id="issue"],.CoveoSearchInterface span[data-field="@kbarticlecontent"] .userContent.userContent h3[data-id="resolution"] {display:none}
.CoveoSearchInterface span[data-field="@kbarticlecontent"] .userContent.userContent br:empty, .CoveoSearchInterface span[data-field="@kbarticlecontent"] .userContent.userContent p:empty {display:none}
.CoveoSearchInterface .userContent.userContent h2 {font-size:16px;}
.CoveoSearchInterface .userContent.userContent h3, .CoveoSearchInterface .userContent.userContent ul, .CoveoSearchInterface .userContent.userContent p {font-size:15px;}

/*General UI*/ 
h1, h2, h3, h4, h5, h5, p, button, label, input, a, a.Button, a[class$="QuickLinks-classes-link"], a[class$="buttonClass"], div[class$="cta-widget-description"] {font-family: "Dazzed"} 
h1.HomepageTitle, .P.PageDescription, .CategoryDescription, a.Title, .H {font-family: "Dazzed";color:rgb(10,30,60)!important} 
.Frame-content {margin-top:20px}
.BreadcrumbsBox {margin-bottom:20px}
.BreadcrumbsBox .Breadcrumbs a {font-size:14px!important;color:rgb(140,150,160)!important;text-transform:capitalize!important} 
.Breadcrumbs .CrumbLabel.Last a {color:rgb(10,30,60)!important}
.Breadcrumbs a:hover {color:rgb(0,60,355)!important}
.DataList.CategoryList.pageBox {padding:15px 15px 0 15px!important;box-shadow:rgba(0, 0, 0, 0.22) 0px 1px 3px 0px!important;border-radius:8px!important}
.Discussion .MessageList .ItemDiscussion .InlineTags {margin:40px 0 20px 0} 
.Discussion .InlineTags.Meta li a {border: 1px solid #0f58dc; color: #0f58dc; padding: 4px; border-radius: 3px; font-weight: 400 !important;}
.pageHeadingBox h2 {color:rgb(10,30,60)!important}  
.Vanilla a[to="/"] .linkContentClassName:after {position: absolute;  top: calc(50% - 4px);  left: 50%;  content: "";  margin-left: 0px;  width: 100%;  transform: translate(-50%, 26px);  max-width: 100%;  height: 5px;  background: #0014a0;} 
p, a {line-height:1.2em;font-size:16px}
.Meta .MItem {font-size:14px}
.Content .pageHeadingBox.PageTitle {margin-bottom:30px!important}
.TagCloud li.TagCloud-Item.TagCloud-Item.TagCloud-Item a {background-color:unset!important;border-color:#1476ff!important;color:#1476ff!important}
.TagCloud li.TagCloud-Item.TagCloud-Item.TagCloud-Item a:hover {background-color:white!important;border-color:#0014a0!important;color:#0014a0!important} 
.Rank {font-size:12px;font-weight:600;text-transform:capitalize;color:rgb(10,30,60)}   
.selectBox-main {padding: 5px 10px; background: #ededed;border: 1px solid #ededed;border-radius: 4px;}
.selectBox-main:hover {background-color:#fff;border: 1px solid #0014a0;color:#0014a0}
.selectBox-main:hover a {color:#0014a0}
.Pager a:hover {background-color:#f8f8f8;color:#0014a0}
.P.PageDescription {font-size:16px;line-height:1.2em} 

/*Section-CategoryList & Section-DiscussionList*/ 
.Section-CategoryList  .Frame-content:not(.isHomepage) .Panel, .Section-DiscussionList .Panel {margin-top:40px}
.Section-CategoryList .Content .pageHeadingBox, .Section-DiscussionList .Content .pageHeadingBox {margin-bottom:20px!important}
.Section-CategoryList .Content .pageBox, .Section-DiscussionList .Content .pageBox {background:#FFFFFF!important;}
.Section-CategoryList .Content .pageBox .pageBox::before,.Section-DiscussionList .Content .pageBox .pageBox::before {border-top:none!important}
.Section-CategoryList .DataList .Item a.Title {font-size:18px;} 
.Section-CategoryList li.Item .PhotoWrap-Category, .Section-CategoryList li.Item .PhotoWrap-Category img {height:60px; width: 60px}
.Section-CategoryList .Meta.Meta {display: flex;flex-wrap:wrap;width:100%;padding-left:70px;margin:15px 0}
.Section-CategoryList .MItem.DiscussionCount, .Section-CategoryList .MItem.CommentCount {text-transform: capitalize;}
.Section-CategoryList .MItem.DiscussionCount, .Section-CategoryList .MItem.LastDiscussionTitle {width:65%}
.Section-CategoryList .MItem.CommentCount, .Section-CategoryList .MItem.LastCommentDate {width:25%}
.Section-CategoryList .MItem.LastDiscussionTitle, .Section-CategoryList .MItem.LastCommentDate {font-weight:300;padding: 15px 0}
.Section-CategoryList .MItem.DiscussionCount .Number,.Section-CategoryList .MItem.CommentCount .Number {font-size:25px;padding-right:5px;}
.Section-CategoryList.Section-Category-business-security-products li.Item .PhotoWrap-Category {margin-bottom:20px}
.Section-CategoryList.Section-Category-business-security-products .CategoryDescription {line-height: 1.2em;width:90%}
.Section-DiscussionList .DataList.Discussions .Item .Options {right:20px}

/*Discussion*/
.Discussion .Content .pageBox .pageBox::before {border-top: none!important}
.Discussion .Content .pageBox .pageBox::after {border-bottom: none!important}
.Discussion .MessageList.Discussion .Item, .Discussion .MessageList.Comments li.Item {box-shadow: 0 1px 3px #acacac!important;padding-left:10px!important;border-radius:8px!important} 
.Discussion .MessageList.AcceptedAnswers li.Item {box-shadow: 0 1px 3px #90caff!important;padding:15px!important} 
.Discussion .MessageList.Comments li.Item {margin-top:10px;padding-top:15px!important}
.Discussion .MessageList.Comments li.Item:first-child,.Discussion .MessageList.AcceptedAnswers li.Item:first-child {padding-top:25px!important}
.Discussion .MessageList.Comments .Item .Options {margin-right:20px}
.Discussion .MessageList .ItemComment .Item-Body > *, .MessageList .ItemDiscussion .Item-Body > * {padding:10px}
.Discussion .MessageList .Item-Header .DiscussionHeader, .Discussion .MessageList .Item .Item-HeaderContent {display:flex;}
.Discussion .MessageList.Discussion .Item-Header.Item-Header {padding-top:10px}
.Discussion .MessageList .Item-Header.Item-Header .PhotoWrap {margin:-10px 24px 0 8px}
.Discussion .MessageList .Item .AuthorWrap, .Discussion .MessageList .Item .DiscussionMeta {width:49%}
.Discussion .MessageList .Item .DiscussionMeta,.Discussion .MessageList .Item .CommentMeta {text-align: right}
.Discussion .MessageList .Item .DiscussionMeta .IPAddress,.Discussion .MessageList .Item .CommentMeta .IPAddress {display:none}
.Discussion .MessageList .Item .AuthorWrap span a, .Discussion .MessageList .Item .DiscussionMeta span a {font-size:14px} 
.Discussion .MessageList.DataList.Comments.pageBox:before,.Discussion .MessageList.DataList.AcceptedAnswers.pageBox:before  {display:none!important}

/*Section-Profile*/
.Section-Profile .pageBox.userInfoBox.About {margin-left:0px!important}
.Section-Profile .pageBox.userInfoBox.About dt {background-color:#f8f8f8; padding-left:10px} 
.Section-Profile:not(.index) div.About.P .pageHeadingBox, .Section-Profile:not(.activity) div.profile-activity-summary,.Section-Profile.index .DataListWrap .pageHeadingBox, .Section-Profile.index .DataListWrap .pageBox, .Section-Profile.activity .DataListWrap .pageHeadingBox, .Section-Profile.activity .DataListWrap .pageBox {display:none} 
.Section-Profile:not(.index) section.userInfoBox, .Section-Profile:not(.activity) .Profile .About ~ div[class$='homeWidgetContainer'] {display:none!important} 
.Section-Profile .BoxFilter .FilterMenu li.Active a, .Section-EditProfile .Box.SideMenu .PanelInfo li.Active a  {color:#0014a0;}
.profile-activity-summary {margin-top:20px}
.profile-activity-summary .wrapper {display:flex;width:100%;}
.profile-activity-summary-header {width:100%;padding-bottom:20px}
.profile-info-item {flex:1;display:flex;flex-direction:column;padding:20px;text-align:center}
.profile-info-count {flex:1;font-size:32px}
.profile-info-label {flex:1;}
.activity-item-discussions-icon:before {content:"\f249";font-family: fsg-icon;font-size:70px}
.activity-item-comments-icon:before {content:"\f1e4";font-family: fsg-icon-thin;font-size:70px}
.activity-item-points-icon:before {content:"\f217";font-family: fsg-icon;font-size:70px}
.activity-item-solutions-icon:before {content:"\f12d";font-family: fsg-icon-thin;font-size:70px}
.activity-item-discussions-icon,.activity-item-comments-icon,.activity-item-points-icon,.activity-item-solutions-icon {background-color:#bfe0ff;height:100px;width:100px;border-radius:50px;margin:0 auto 20px auto}
.Section-Profile .Panel {background:#EDEDED}
.Section-Profile.discussions:not(.activity) div[class$="homeWidgetContainer"] {display:block!important}
.Section-Profile.discussions div.css-19gjizh-homeWidgetContainer:nth-child(2) {display:none!important}

/*Section-ConversationList*/
.Section-ConversationList .Panel.Panel-main {background:#fff}
.Section-ConversationList .Panel.Panel-main .Button.NewConversation {background:#0014a0}
.Section-ConversationList .Condensed.DataList .ItemContent.Conversation {padding-left:70px}

/*Panel*/
.Panel.Panel-main .BoxCategories {display:none}
.Messages .Panel.Panel-main .Button.NewConversation {background:#0014a0} 

/*Category following info, Post page description */
#followcatinfo, #followcatinfo a, #postDescription, #postDescription a {color:rgb(10,30,60)}
#followcatinfo a, #postDescription a {font-size:16px;text-decoration: underline}
#followcatinfo a:hover, #postDescription a:hover {cursor:pointer;color:rgb(0,60,355)}

@media screen and (max-width:480px){ 
    .CoveoSearchInterface .CoveoSearchbox {margin-right:0!important}
}

@media screen and (max-width:560px){ 
  .Section-CategoryList .Meta.Meta {padding-left:0!important}
  .Section-CategoryList .MItem.DiscussionCount, .Section-CategoryList .MItem.LastDiscussionTitle {width:49%!important}
  .Meta.Meta > .MItem {max-height:50px !important;}
  .Section-CategoryList .Frame-content:not(.isHomepage) .Panel {margin-top:10px}
  .Discussion .Content.MainContent {width:100%} 
  .profile-activity-summary .wrapper {flex-direction:column}
  .Profile .Content.MainContent .pageHeadingBox h1.H {margin-top:20px!important}
}

@media screen and (min-width:561px) and (max-width:991px){ 
    .Section-CategoryList .Panel.Panel-main, .Section-DiscussionList .Panel.Panel-main, .Discussion .Panel.Panel-main {width:50%} 
    .profile-activity-summary .wrapper {flex-direction:row}
}

@media screen and (min-width: 801px) and (max-width: 991px){
    div.meBox {margin-top:50px} 
    div[class$="titleBarStyles-dropDownContents"] {margin-top: 8px;}
    #titleBar.display div[class$="meBoxStyles-buttonContent"] svg {color:rgb(250,245,245);}
}

@media screen and (max-width:991px){ 
    #titleBar {display:none;z-index:0} 
    #titleBar.display {display:flex;position:relative;z-index:100;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.1);height:52px} 
    #titleBar.display div[class$='meBoxStyles-buttonContent'] svg {color:#363636;} 
    #titleBar.display .compactMeBox {margin-top:10px}
   .Section-DiscussionList .Panel {margin-top:0} 
} 

@media screen and (min-width:992px){
    #titleBar, 
    #titleBar div[class*="titleBarNavStyles-navigation"], 
    #titleBar div[class*="titleBarStyles-bar"] {display: flex;height:0} 
    div[class$="container-fullGutter"] {max-width: 1152px;padding: 0 20px;} 
    .NoPanel .Frame-content > .Container {max-width:1152px!important} 
    .NoPanel .Frame-content > .Container #DiscussionForm {width:70%} 
    div.meBox {margin: -70px 0 0 0;}
    div.meBox.sticky {margin: 80px 0 0 0;}
    button[class$="titleBarStyles-button"] {color:rgb(250,245,245)!important}    
    button[class$="titleBarStyles-button"]:hover {background:none;color:rgb(140, 185, 255)!important}
    div[class$="meboxItem"]::after {top:9px;content: "";display: block;height: 5px;margin: auto;position: relative;width:100%;} 
    div[class$="titleBarStyles-dropDownContents"] {margin-top:14px}
    .Section-CategoryList .Content.MainContent, .Section-DiscussionList .Content.MainContent, .Discussion .Content.MainContent {width:calc(100% - 348px)}
    .Section-CategoryList .Panel.Panel-main, .Section-DiscussionList .Panel.Panel-main, .Discussion .Panel.Panel-main {width:308px}
    .Section-DiscussionList .Panel.Panel-main, .Discussion .Panel.Panel-main {margin-top:50px}  
    .profile-activity-summary .wrapper {flex-direction:row} 
} 

@media screen and (max-width:1200px){  
   .Frame-content .Container {max-width:1152px;padding:0 15px} 
}

@media screen and (min-width:1201px){ 
    .Frame-content .Container {max-width:1440px;padding:0}    
}
 