/*=======================
colors
10% black #e6e7e8
5% black #f1f2f2
========================*/

body {
    color: #0000004;
    font-family: Arial,sans-serif;
}
a {
    color: ;
}
a: hover{
    color: #4088d0;
}
/*page background .right-sidebar
.content-fragment-page,
.header-fragments .layout .header-top-content .header.layout-region,
.content-fragment-page .layout,
*/
.footer-fragments
{
	background-color: #f1f2f2;
	background-color: inherit;

}

/*turning off original background images*/

/*background image for left and right column layout*/

.content-fragment-page.common-home .layout {
background:#f1f2f2;
}
.content-fragment-page.home .layout {
background:#f1f2f2;
}
.content-fragment-page.forums-threadlist .layout {
background:#f1f2f2;
}
.content-fragment-page.forums-thread .layout {
background:#f1f2f2;
}
.content-fragment-page.postlist .layout {
background:#f1f2f2;
}
.content-fragment-page.media-postlist .layout {
background:#f1f2f2;
}
.content-fragment-page.wikis-pagelist .layout {
background:#f1f2f2;
}
.content-fragment-page.post .layout {    
background:#f1f2f2;
}
.content-fragment-page.wikis-page .layout {
background:#f1f2f2;
}
.content-fragment-page.media-post .layout {
background:#f1f2f2;
}

/*group navigation links css*/
/*.content-fragment.navigation-custom .navigation-list.links a */


/*.bcbs-navigation-list-item 
{
	height:26px; 
}

.bcbs-navigation-list-item a
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 3px;
    color: white;
    display: block;
    font-family: 'Open Sans','Helvetica',Arial,sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    		margin-bottom: 4px; 
    padding: 6px;
    text-align: left;
    transition: background-color 0.15s ease 0s;
    text-transform: uppercase;
}
.bcbs-navigation-list-item a:hover {
	background-color: #1766b7;
    border-radius: 0;
    color: #FFF;
    }
.bcbs-navigation-list-item.selected a{
    background: url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/menu_2D00_item_2D00_hover.png?_=638906214631518324) repeat;
    border-radius: 0;
    color: #0039a8;
}

.bcbs-navigation-list-item-header {
    color: white;
    font-size: 17px;
    font-weight: bold;
    margin: 12px 2px;
}*/



/*=====================================
js masonry - connect 2016-2017 - for connect section for custom css
======================================*/
div{border:none;}

/*outside container margin and padding reset to 0 */
.content-fragment.bcbs-masonry-grid.no-wrapper.responsive-1 {
	padding:0 !important;
	margin:0 !important;
}

.js-masonry {
    margin: 0px 0px 50px 0px;
    width: 100%;
}
/*
.js-masonry {
    margin: 0px 18px 50px;
    width: 0;
} */


.js-masonry-item-banner{
	padding:0;
}

.js-masonry-item-link{
    font-size: 14px;
	line-height:21px;
    padding: 20px 12px 0px 12px;
    width: 100%;
	font-weight:bold;
	color:rgb(0,128,199);
}

/*.js-masonry-item-hr {
    margin: -35px 0 8px 6px;
    width: 188px;
}

*/

/*.js-masonry-item-content {
    color: gray;
    font-size: 14px;
    margin: -10px 0 10px 6px;
    width: 214px;
}
.js-masonry-item-read-more {
    font-size: 13px;
    margin: -27px 244px 10px;
    width: 76px;
}*/

.js-masonry .item {
    background-color: #ffffff;
    border: none;
    /*padding inside of each item*/
    padding:0;
    max-width: 320px;
	width:100%;
	margin-bottom:10px;
}

.js-masonry-item-reply {
    padding-left: 59px;
}

.js-masonry-item-comment-reply {
background-color:#ffffff;
height: 40px;
padding: 0px 0px 0px 0px;
border:none;
width:100%;
margin:0px;
}

.js-masonry-item-comment-reply li {
	width: 105px;
    display: table-cell;
}

.js-masonry-item-readmore{
	padding: 0px;
	float:right;
	margin-right:10px;
	width:120px;
}

.js-masonry-item-readmore a:link{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.js-masonry-item-readmore a:visited{
  color: #ffffff;
}

.js-masonry-item-readmore a:hover {
 background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
   color: #ffffff;
}

.js-masonry-item-comment {
    padding-left: 12px;
}

/*weird hack to get the image positioned correctly in connect*/
.js-masonry-item-banner img {
    /*margin: -4px 0 0 -6px;*/
    margin: 0;
    padding: 0;
    max-width:320px;
    width:100%;
}


.js-masonry-item-reply > img {
    margin: 0 0 -4px -6px;
}

/*inside each masonry box*/
.js-masonry-item-content {
    color: #000000;
    font-size: 13px;
	line-height:21px;
    padding: 0 12px 12px 12px;
    /*
	min-height: 75px;
    max-height: 75px;*/
    width: 100%;
}

.js-masonry-item-comment a {
    color: white;
}
.js-masonry-item-reply a {
    color: white;
}
.content-fragment.bcbs-masonry-grid .content-fragment-header
{
	border: medium none !important;
	display: block;
	margin-bottom: 10px;
}

/*=====================================
end js masonry
======================================*/


/*group banner*/
.banner.context.home .avatar {
    display: none;
}
.banner.context.home .name {
    display: none;
}
.banner.context.home .navigation-list.applications {
  /*margin: 10px -78px;*/
  margin: 10px 0;
  top: 0;
	width:100%;
	/*border: 1px solid white; */
}
.banner.context.home .navigation-list.applications ul a {
    /* Changed 6/12/2024 as it was overriding mobile colors in cssoverrides */
    color: #595959;
}
.banner.context .navigation-list.new {
    display: block;
    margin: -25px 10px 0 0;
}
/*generic content widget group banner image*/
.generic-content-group-banner {
    margin: -40px -1px 5px;
    width: 693px;
}
/*layout region*/
.common-home .layout-content.sidebar-left-content-right .layout-region-inner.content {
    background: none repeat;
    margin: 0;
    padding: 0; /* use padding instead of margin for masonry grid on home page */
}

.layout-content.sidebar-left-content-right .layout-region-inner.content {
    background: none repeat scroll 0 0 white;
    /* padding: 22px 0 0; causes extra space at the top of blog pages */
}
.common-home .layout-region-inner.content {
    background: none repeat;
}
.bcbs-navigation-list-links {
    margin: 0 0 20px;
}

/*header region*/
/*logo*/
.banner.site .avatar {
    background-color: white;
}
.header-fragments .layout .layout-content .layout-region.header .layout-region-inner {
    /*height: 64px;
    border-bottom: solid 1px #b5cee9;   
    border-bottom: 1px solid #BDBDBD;*/

    background-color: #FFFFFF;
}
.content-fragment.site-banner {
    margin-top: 10px;
}
/*footer*/
.bcbs-footer-links a {
    color: black;
    font-size: 14px;
}
.bcbs-copyright p {
    font-size: 12px;
    margin-top: 12px;
}

.layout-region.content .content-fragment .layout-region-inner{
  padding: 10px !important;
  background-color: #f1f2f2;
 /* margin: 15px 0 0 0;*/
}

.layout-region.content .content-fragment.group-banner,
.layout-region.left-sidebar .content-fragment.bcbs-connect-nav,
.layout-region.content .content-fragment.bcbs-masonry-grid
{
background-color: transparent;
}
.layout-region.left-sidebar .content-fragment
{
    background-color: #FFF;
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment ~ .content-fragment, .content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment ~ .content-fragment, .content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment ~ .content-fragment
{
 padding:10px 0 10px 0;
}

.content-fragment .content.abbreviated .name, .popup-list .content.abbreviated .name { font-size:24px; }

/*****pipe group application**********
.navigation-list-application span {
    color: white;
    height: 0;
    margin: 3px 0 0 -14px;
}*/

.banner.site fieldset ul li .field-item-input input {
    /*width: 595px;*/
}
.bcbs-copyright {
    margin:  0;
    width: 100%;
}
.bcbs-copyright p {
    font-size: 12px;
    margin-top: 12px;
}
.bcbs-powered {
    margin: 0px 0 0;
}

/*new button under hero on blog pages*/
.banner.context .navigation-list.new ul a {
    background-color: #4088d0;
	margin:5px 0px 0px 0px;
	display:block;
}
.content-fragment.media-gallery-post .actions.download .download-attachment.button {
    background-color: #4088d0;
}
fieldset a.submit-form, fieldset input[type="button"], fieldset a.save-form, fieldset .button {
    background-color: #4088d0;
}
.content-fragment .content.full .name, .popup-list .content.full .name {
    color: #0039a8;
}
.bcbs-navigation-list-item a {
    font-family: Arial,sans-serif;
    font-size: 12px;
}
.layout-content.sidebar-left-content-right .layout-region-inner.content {
    background: none repeat scroll 0 0;
    /*margin: -13px 0 0;*/
}
.layout-content.sidebar-left-content-right .layout-region.content {
    padding-left: 0;
}
.layout-content.header-top-sidebar-left-content-right .layout-region.content {
    padding-left: 0px;
}
/*.layout-content.header-top-sidebar-left-content-right .layout-region.content .layout-region-inner.content {
    margin-top: -13px;
}*/
.content-fragment.blog-post .content.full {
    background: none repeat scroll 0 0 white;
}
.content-fragment .content.full .name, .popup-list .content.full .name {
    color: #0039a8;
    font-size: 24px;
}
.content-fragment.blog-post .content.full .content {
    margin: 10px 10px 10px 0;
}
.content-fragment.blog-post .content.full .name {
    margin: 10px 10px 10px 0;
}
/*
.post .generic-content-group-banner {
    margin: 40px 0 0;
}
.media-post .generic-content-group-banner {
    margin: 40px 0 0;
}
.forums-thread .generic-content-group-banner {
    margin: 40px 0 0;
}*/
.content-fragment.activity-story-stream .activity-date-grouping {
    color: #444444;
    font-family: Arial,sans-serif;
    font-size: 14px;
}
.activity-story .activity-summary .user-name a {
    color: #4088d0;
    font-size: 12px;
    font-weight: bold;
}
.activity-story .activity-summary a {
    color: #4088d0;
    font-size: 12px;
    font-weight: bold;
}

.header-fragments .layout .header-top-content .layout-region.content .content .home .name {
    display: block;
}
.header-fragments .layout .header-top-content .layout-region.content .content .home .avatar {
    display: block;
}
.header-fragments .layout .header-top-content .layout-region.content .content .home .navigation-list-application a {
    color: #444444;
}
.header-fragments .layout .header-top-content .layout-region.content .content .home .navigation-list.applications {
    margin: 0;
}
.content-list .content-item.activity-story {
    background-color: #e8f0fa;
    font-family: Arial,sans-serif;
}
.activity-story .activity .comments.with-content .content-item.comment {
    background-color: #e8f0fa;
}
.activity-story .content-list.comments.with-content {
    background-color: #e8f0fa;
}
.activity .activity-title .internal-link.view-post {
    color: #4088d0;
    font-size: 20px;
    font-weight: bold;
}
.activity-story a.internal-link.view-user-profile.activity-summary-user, .activity-story .activity-title a, .activity-story .activity-summary .user-name a, .activity-story .full-post .post-content {
    font-size: 12px;
}
.activity-story .content-list.comments .content-item.action p, .activity-story .content-list.comments .content-item.comment p {
    font-size: 12px;
}
.activity-story .content-list.comments .content-item.action .post-author .user-name a, .activity-story .content-list.comments .content-item.comment .post-author .user-name a {
    color: #4088d0;
    font-size: 12px;
    font-weight: bold;
}
.content-fragment.conversation-banner .banner.context .name .new, .scrolled .content-fragment.conversation-banner .banner.context .name .new {
    background-color: #4088d0;
}
.content-fragment.conversation-banner .banner.context .delete, .scrolled .content-fragment.conversation-banner .banner.context .delete {
    background-color: #4088d0;
}
.header-fragments .layout .header-top-content.with-adaptable-elements .layout-region.header {
    background-color: white;
}


.content-fragment .content-fragment-header {
    color: #0039a8;
    font-family: Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
}

/* Smartphones (portrait and landscape) ----------- */
/*@media all and (max-width: 569px) and (min-width: 300px) {
/*.bcbs-navigation-list {
  min-height: 230px;
  background: rgba(0, 0, 0, 0) url("/cfs-filesystemfile/__key/themefiles/s-3fc3f82483d14ec485ef92e206116d49-files/head_5F00_bkg.png") no-repeat scroll 0 0;
  /*norepeat scroll 0 0;
  background-image: url("/cfs-filesystemfile/__key/themefiles/s-3fc3f82483d14ec485ef92e206116d49-files/head_5F00_bkg.png");
  border: 1px solid white; */
/*}
}*/

.login-and-create-user .field-item.required  label{
  font-weight: bold;
}
.bcbs-navigation-list-item-header a{
   color: white;
font-family:Arial;
}
/***********iPad (portrait and landscape ********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.layout-content.sidebar-left-content-right .layout-region.left-sidebar {
    padding-right: 10px;
    width: 240px !important;
	
}

.layout-content.header-top-sidebar-left-content-right .layout-region.left-sidebar {
    padding-right: 10px;
    width: 240px !important;
}

.bcbs-navigation-list-links 
{
    /*background: url("/cfs-file/__key/themefiles/s-3fc3f82483d14ec485ef92e206116d49-files/head_5F00_bkg.266.png") repeat scroll 0 0 blue; */
    width: 270;
	/*height: 221px; */
	
}

.bcbs-navigation-list-item a
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 3px;
    color: white;
    display: block;
    font-family: 'Open Sans','Helvetica',Arial,sans-serif;
    /*font-size:   10px;  0.7em; */
    font-weight: bold;
    /*margin-bottom: 4px; */
    padding: 4px;
    text-align: left;
    transition: background-color 0.15s ease 0s;
    text-transform: uppercase;
	overflow: visible;
}

.bcbs-navigation-list-item.selected a {
    background: url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/menu_2D00_item_2D00_hover.png?_=638906214631518324) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #0039a8;
}



}

@media only screen and (min-width: ${theme:minimumWidth}) {
.group-banner .banner.context.home { height: 50px; }
}


.content-fragment.featured-content-slider.group-banner { height: 268px;  }
.content-fragment.featured-content-slider.group-banner .content-fragment-content { border-bottom: none; }
.content-fragment.featured-content-slider.group-banner .content-list.content > .content-item { border-bottom: none; }
.content-fragment.featured-content-slider .featured-content-slider.bcbs .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper { float: none; left: auto; }
.content-fragment.featured-content-slider .featured-content-slider.bcbs .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper > .avatar { left: auto; width: auto; }

.site-agreement { font-size: 17.6px; }

.footer-fragments > .layout { border-top: solid 2px #D0D0D0;}

body
{
    background: #E6E6E6 url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/bsbx_2D00_page_2D00_dropshadow.png?_=638906214618338409) repeat-y fixed center;
}
.header-fragments .layout .header-top-content .header.layout-region { background: #E6E6E6 url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/bsbx_2D00_page_2D00_dropshadow.png?_=638906214618338409) repeat-y fixed center;
}


.header-fragments .layout .header-top-content .header.layout-region { border-bottom: none; }
.footer-fragments { border-top:none; }

.activity-story .post-author .avatar { left:-60px;}

.top-border.with-header.content-fragment .content-fragment-header{padding-top:10px;}

/* FOOTER STICK */
.footer-fragments > .layout
{ padding-left:0;padding-right:0;}
.top-border.with-header.content-fragment .content-fragment-header{padding-top:10px;}
/*.footer-fragments {
    height: 116px;
    margin-top:-116px;
    position:relative;
}*/
html .content-fragment-page, body .content-fragment-page, form:first-child .content-fragment-page
{
min-height:100%;
padding-bottom:116px;
}
/* IE 8 FOOTER STICK FIXES */
html .content-fragment-page, body .content-fragment-page, form:first-child .content-fragment-page
{
padding-bottom:135px\9;
}
.footer-fragments {
    height: 135px\9;
    margin-top:-135px\9;
}

#notification_btn {
width:100%;
margin-top:10px;
padding:15px 5px;
border:1px solid #fac870;
text-align:center;
 
background: #ffe199; /* Old browsers */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -moz-linear-gradient(top, #ffe199 0%, #fbc974 100%); /* FF3.6+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe199), color-stop(100%,#fbc974)); /* Chrome,Safari4+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -webkit-linear-gradient(top, #ffe199 0%,#fbc974 100%); /* Chrome10+,Safari5.1+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -o-linear-gradient(top, #ffe199 0%,#fbc974 100%); /* Opera 11.10+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -ms-linear-gradient(top, #ffe199 0%,#fbc974 100%); /* IE10+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), linear-gradient(to bottom, #ffe199 0%,#fbc974 100%); /* W3C */
 
}
 
#notification_btn:hover {
 
background: #fbc974; /* Old browsers */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -moz-linear-gradient(top, #fbc974 0%, #ffe199 100%); /* FF3.6+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc974), color-stop(100%,#ffe199)); /* Chrome,Safari4+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -webkit-linear-gradient(top, #fbc974 0%,#ffe199 100%); /* Chrome10+,Safari5.1+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -o-linear-gradient(top, #fbc974 0%,#ffe199 100%); /* Opera 11.10+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), -ms-linear-gradient(top, #fbc974 0%,#ffe199 100%); /* IE10+ */
background-image:url('/cfs-file/__key/communityserver-components-sitefiles/notification_5F00_bkg.png'), linear-gradient(to bottom, #fbc974 0%,#ffe199 100%); /* W3C */
 
cursor:pointer;
}
 
#notification_headline,
#notification_btn p,
a.no_underline {
font-family:Arial, Helvetica, sans-serif;
color:#292f33;
font-size:14px;
font-weight:bold;
margin:0;
text-decoration:none;
}
#notification_btn p.notification_link {
color:#0039a8;
}

/* START Widget Header Icon - Comments */

.commentslarge
{
background-image: url('/cfs-file/__key/communityserver-components-sitefiles/WidgetHeaderIcons/commentslarge.png');
background-repeat: no-repeat;
background-position: 8px 5px;
}
.commentslarge .content-fragment-header
{
padding-left: 35px;
}
/* END Widget Header Icon - Comments */

.shoplarge
{
background-image: url('/cfs-file/__key/communityserver-components-sitefiles/WidgetHeaderIcons/shoplarge.png');
background-repeat: no-repeat;
background-position: 8px 5px;
}
.shoplarge .content-fragment-header
{
padding-left: 35px;
}

.bamlarge
{
background-image: url('/cfs-file/__key/communityserver-components-sitefiles/WidgetHeaderIcons/bamlarge.png');
background-repeat: no-repeat;
background-position: 8px 5px;
}
.bamlarge .content-fragment-header
{
padding-left: 35px;
}

/* BDESAI - 6/22/15 */
.user-defined-markup div.banner h3.name { font-size: 45px; font-family: 'Open Sans', 'Helvetica', Arial, sans-serif; font-weight: 300; margin: 0px; color: white; }
.user-defined-markup div.banner {color: white; }
.user-defined-markup div.banner p{margin: 0; padding: 0 5px; }
/*.user-defined-markup div.banner {background-color: transparent; background-image: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.73) 100%); }*/

.common-home .layout-region.content .content-fragment.html-content .content-fragment-content{ margin-top: 0; }
.common-home .layout-region.content .content-fragment.html-content{ margin: 12px 25px 10px 10px; }
/*.js-masonry-item-banner{ max-height: 120px; }
.js-masonry-item-link{ margin: 0 6px 24px !important; }
.js-masonry-item-hr{ margin: -35px 0 8px 6px; width: 100% !important; }*/
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content { margin-top: 0px; }
.banner.context { height: 50px; }
.content-fragment.group-banner {margin: 0 !important;}
.content-fragment.bcbs-connect-nav .content-fragment-content{margin-top: 10px !important; }
.content-fragment.featured-content-slider, .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper { height: 268px; max-width:1030px; width:100%; margin:10px; }




/* ==============================================================
START 2017 STYLES - above styles carried over form original stylesheet.  
================================================================ */




/*background color reset for a lot of elements*/
body,
.content-fragment-page,
.header-fragments .layout .header-top-content .header.layout-region,
.content-fragment-page .layout {
	background-color: #f1f2f2 !important;
}


/*background color for content area given by telligent */
.layout-region.content .content-fragment{background-color:#f1f2f2;}
.layout-content.header-top-content-left-sidebar-right .layout-region.content{background-color:#f1f2f2;}

/*style background for featured content background
.layout-region.content .content-fragment {
	padding: 0px !important;
	background-color: #e6e7e8;
}*/
/*sidebar background*/
.layout-region .right-sidebar {
	background: #ffffff;
	padding:10px 10px 10px 10px;
}

/*reset this back to white*/
.bcbs-footer {
	background-color: #ffffff;
}

/*information for under the hero pages on blog lists - description of the page - class is inside of unfiltered html widget*/
.heroInfo{
	padding:10px;
	background-color:#f1f2f2;
}

/*background color underneath by date and descending buttons*/
div#pi3475-paged-content, div#pi3403-paged-content, div#pi3415-paged-content, div#pi3439-paged-content{
	background-color:#f1f2f2;
}

.content-fragment.featured-content-slider .featured-content-slider.bcbs .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper {
background-color:#f1f2f2;
}

.content-fragment.blog-post .content.full{
	background-color:#f1f2f2;
}

/*push and color blogs media gallery and polls text area. Link color on line 277*/
div.banner.context.home{
	padding-left:90px;
	background-color:#e6e7e8;
}
/*pushes avatar image 10px from left*/
/* Reduce to 0px 6/12/2024 to space it a little . better */
.banner.context .avatar{
	left: 0px;
}

/*.breadcrumb-list-header{
	background-color:#f1f2f2;
	padding:10px;
}*/

div.breadcrumb-list{
	background-color:#f1f2f2;
	padding:10px 10px 10px 0;
}

div.content-details{
	padding:0px 10px 0px 10px;
}

div.layout-region-inner .content{
background-color:#f1f2f2;
padding:0 10px 0 0;
}

.left-sidebar .content-fragment .content-list.content .content.abbreviated, .right-sidebar .content-fragment .content-list.content .content.abbreviated {
padding:6.666666667px 0 6.666666667px 5px !important;
}

/*padding for notifications widget on right side-bar*/
.bcbs-notification-link{
	padding:0px 10px 10px 10px;
}

/*header h3 text color for above different blog lists*/
.content-fragment .content .name a, .popup-list .content .name a {
    color: #0d65a0;
}

div#fragment-3611{
	background-color:#f1f2f2;
	padding:10px;
}

/*
==============================
mobile icon for Connect Health Tip right column
==============================
*/

/*margin around widget*/
.html-content.mobilelarge{
margin:0px;
}

/*padding to push header left*/
.mobilelarge .content-fragment-header{
    padding-left: 45px;
}

/*mobile-icon adjust*/
.mobilelarge{
	background-position:0px 5px !important; 
}


/*
==============================
seach header with logo
==============================
*/

.header-fragments .layout .layout-content .layout-region.header .layout-region-inner{
	max-width:1280px;
}

/* ==============================================================
NAV SECTION - uses section instead of header becasue header is used already in connect site. 
================================================================ */
section {
	/*position:fixed; use this if you want to stick the nav to the top of the screen */	
	z-index: 3;
	height: 50px;
	width: 100%;
	top: 65px;
	left: 0;
	background-color: #0d65a0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	overflow: hidden;
	position: absolute;
}
section.nav-is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
section::before {
	/* never visible - this is used in jQuery to check the current MQ */
	display: none;
	content: 'mobile';
}
.connect-nav-trigger {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	/* hide text */
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
}
.connect-nav-trigger span {
	/* hamburger icon created in CSS */
	position: absolute;
	height: 2px;
	width: 20px;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -10px;
	-webkit-transition: background-color 0.3s 0.3s;
	-moz-transition: background-color 0.3s 0.3s;
	transition: background-color 0.3s 0.3s;
	background-color: #ffffff;
}
.connect-nav-trigger span::before,
.connect-nav-trigger span::after {
	/* upper and lower lines of the menu icon */
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.connect-nav-trigger span::before {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}
.connect-nav-trigger span::after {
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px);
}
.nav-is-visible .connect-nav-trigger span {
	background-color: rgba(255, 255, 255, 0);
}
.nav-is-visible .connect-nav-trigger span::before {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}
.nav-is-visible .connect-nav-trigger span::after {
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.connect-main-nav {
	position: absolute;
	z-index: 1;
	top: 45px;
	right: 0;
	width: 260px; /*width of slide menu*/
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	visibility: hidden;
	background: #0d65a0;
	-webkit-transition: visibility 0s 0.3s;
	-moz-transition: visibility 0s 0.3s;
	transition: visibility 0s 0.3s;
}
.connect-main-nav a {
	display: block;
	font-size: 15px; /*1.8rem;*/
	padding: .9em 2em .9em 1em;
	border-bottom: 1px solid #33414a;
	color: #ffffff;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.connect-main-nav li ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(260px);
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-o-transform: translateX(260px);
	transform: translateX(260px);
}
.connect-main-nav.nav-is-visible {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}
.connect-main-nav.moves-out > li > a {
	/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
.connect-main-nav.moves-out > li > ul {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.connect-main-nav .connect-subnav-trigger,
.connect-main-nav .go-back a {
	position: relative;
}
.connect-main-nav .connect-subnav-trigger::before,
.connect-main-nav .connect-subnav-trigger::after,
.connect-main-nav .go-back a::before,
.connect-main-nav .go-back a::after {
	/* arrow icon in CSS */
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3px;
	display: inline-block;
	height: 2px;
	width: 10px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.connect-main-nav .connect-subnav-trigger::before,
.connect-main-nav .go-back a::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.connect-main-nav .connect-subnav-trigger::after,
.connect-main-nav .go-back a::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.connect-main-nav .connect-subnav-trigger::before,
.connect-main-nav .connect-subnav-trigger::after {
	/* arrow goes on the right side - children navigation */
	right: 20px;
	-webkit-transform-origin: 9px 50%;
	-moz-transform-origin: 9px 50%;
	-ms-transform-origin: 9px 50%;
	-o-transform-origin: 9px 50%;
	transform-origin: 9px 50%;
}
.connect-main-nav .go-back a {
	padding-left: 2em;
}
.connect-main-nav .go-back a::before,
.connect-main-nav .go-back a::after {
	/* arrow goes on the left side - go back button */
	left: 20px;
	-webkit-transform-origin: 1px 50%;
	-moz-transform-origin: 1px 50%;
	-ms-transform-origin: 1px 50%;
	-o-transform-origin: 1px 50%;
	transform-origin: 1px 50%;
}
.connect-main-nav .placeholder {
	/* never visible or clickable- it is used to take up the same space as the .connect-subnav-trigger */
	display: none;
}
.connect-main-content::before {
	/* never visible - this is used in jQuery to check the current MQ */
	display: none;
	content: 'mobile';
}
.connect-main-content {
	position: relative;
	z-index: 2;
	/*min-height: 100vh;*/ /*turned off for connect*/
/*  padding-top: 50px;*/
	background-color: #f2f2f2;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.connect-main-content.nav-is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.no-js .connect-nav-trigger,
.no-js .connect-subnav-trigger {
	display: none;
}
.no-js section {
	position: relative;
	height: auto;
}

.no-js .connect-main-nav {
	position: static;
	width: 100%;
	height: auto;
	visibility: visible;
	overflow: visible;
}
.no-js .connect-main-nav li {
	display: inline-block;
}
.no-js .connect-main-nav li:last-child {
	display: block;
}
.no-js .connect-main-nav .go-back {
	display: none;
}
.no-js .connect-main-nav li ul {
	position: static;
	width: 100%;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.no-js .connect-main-content {
	padding-top: 0;
}
/*==================================
BANNER SECTION
===================================*/
	.hero{
	height:230px;
	margin: 0px 0px 0px 0px;
	padding:32px 0px 0px 0px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #f1f2f2;
	background-image:url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/mastbkg.jpg?_=638906214630978323);
	/*  https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/mastbkg.jpg?_=638906214630978323 
	../images/mastbkg.jpg
	 */
	position:absolute;
	top:145px;
	overflow:hidden;
	left:0;
	}
	
	.connectTitle{
		max-width:1280px;
		margin:0 auto;
	}
	
	.opaqueBar{
	max-width:1280px;
	background: rgba(13, 101, 160, .3);
	margin:0 auto;
	padding:25px 20px 20px 25px;
}

/*this is the last element in the hero widget and pushes down the featured widget and the rest of the page. This is becasue of the absolute positioned nav and hero mast*/
.herospaceAfter {
	margin: 0px 0px 295px 0px;
}

/*this is the last element in the Small Nav widget and pushes down the titleBanner widget and the rest of the page. This is becasue of the nav is absolute positioned */

.smallnavSpaceafter{
	margin: 0px 0px 80px 0px;
}

/*small title areas after small nav ie Browse by tags, Health and Wellness, etc - there is a widget for each section*/
.titleBanner{
	width:100%;
	max-width:1280px;
	height:80px;
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #f1f2f2;
	background-image:url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/title_5F00_banner_5F00_bkg.jpg?_=638906214638658283);
	overflow:hidden;
}

.titleText{
	margin:0px 0px 0px 0px;
}


.banner.site fieldset ul.field-list li.field-item .field-item-input input{ border: 1px solid #b6b6b6; }

/*======================================
MAIN SECTION - FEATURED CONTENT AND OTHER WIDGETS
=======================================*/

/*Featured large widget above masonry area*/

.featuredWrapper {
	margin: 0px 0px 25px 0px;
	padding: 0;
	border: none;
	width: 100%;
	height: auto;
	background: #ffffff;
	overflow: hidden;
	position: relative;
}
.featuredImage {
	float: left;
	overflow: hidden;
	width: 65%;
	height: 320px;
	background-image: url(https://connect.bcbsil.com/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/204449_5F00_april2019STRESS_5F00_HERO.jpg?_=638906214614358465);
	background-repeat: no-repeat;
	/*/cfs-file/__key/themefiles/s-3fc3f82483d14ec485ef92e206116d49-files/surfer_5F00_677x320.jpg*/
	background-position: 40%;
}
.featuredContent {
	width: 35%;
	float: left;
	padding: 20px;
}
.featuredContent h2 {
	font-size: 18px;
	line-height: 23px;
	color: rgb(0,128,199);
	font-weight: 700;
	margin: 0px 0px 15px 0px;
}
.featuredContent p {
	font-size: 13px;
	line-height: 21px;
	margin: 0px 0px 15px 0px;
}
/*button style for featured widget to match masonry style buttons*/
a.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: Arial;
	color: #ffffff;
	font-size: 15px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	cursor: pointer;
}

a.btn:visited{color:#ffffff;}

a.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.connect-logo {
  display: inline-block;
  height: 100%;
  margin-left: 15px;
  /* remove jump on iOS devices - when we fire the navigation */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.connect-logo img {
  display: block;
  max-width: 100%;
  margin-top: 14px;
}

/*Cloud Tag Widget*/
ul.tagCloud{
	background-color: #f7f7f7;
	padding:20px;
	overflow:hidden;
	border-radius:3px;
	list-style:none;
}

.cloudText{
	display:inline-block;
	text-align:center;
	margin:0 0.25em;
	line-height:120%;
}

.level1{font-size:32px;}
.level2{font-size:28.8px;}
.level3{font-size:25.6px;}
.level4{font-size:22.4px;}
.level5{font-size:19.2px;}
.level6{font-size:16px;}

/*.cloudText a{
	color:rgb(0,128,199);
	text-decoration:none;
}*/

/* cloud-tag-pulse Animation */
@-webkit-keyframes cloud-tag-pulse {
  50% {
    background-color: rgba(235, 235, 235, 0.75);
  }
}
@keyframes cloud-tag-pulse {
  50% {
    background-color: rgba(235, 235, 235, 0.75);
  }
}
.cloud-tag-pulse {
	text-decoration:none;
	padding:5px 10px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.cloud-tag-pulse:hover, .cloud-tag-pulse:focus, .cloud-tag-pulse:active {
  -webkit-animation-name: cloud-tag-pulse;
  animation-name: cloud-tag-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #ebebeb;
  color: #11b6ff;
}

.bcbs-contact-form{
	margin-top:0 !important;
	margin-left:10px;
}


/*======================================
END MAIN SECTION - FEATURED CONTENT AND OTHER WIDGETS
=======================================*/

/*======================================
START MEDIA STYLES 
=======================================*/

@media only screen and (min-width: 1024px) {

section {
	height: 80px;
}
section.nav-is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
section::before {
	content: 'desktop';
}

.no-js .connect-logo img {
	margin-bottom: 14px;
}

.connect-logo {
    position: absolute;
    z-index: 2;
    margin-left: 5%;
  }
  .connect-logo img {
    margin-top: 29px;
  }

.connect-nav-trigger {
	display: none;
}
.connect-main-nav {
	position: static;
	visibility: visible;
	width: 100%;
	height: 80px;
	line-height: 80px;
	/* padding left = logo size + logo left position*/
	padding: 0 5% 0 calc(5% + 124px);
	background: transparent;
	text-align: right;
}
.connect-main-nav li {
	display: inline-block;
	height: 100%;
	padding: 0 .4em;
}
.connect-main-nav li a {
	display: inline-block;
	padding: .8em;
	line-height: 1;
	font-size: 15px;
	border-bottom: none;
	/* Prevent .connect-subnav-trigger flicker is Safari */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.connect-main-nav li a:not(.connect-subnav-trigger):hover {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: .6;
}
.connect-main-nav .go-back {
	display: none;
}
.connect-main-nav .connect-subnav-trigger {
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 5em;
	-webkit-transition: border 0.3s;
	-moz-transition: border 0.3s;
	transition: border 0.3s;
}
.connect-main-nav .connect-subnav-trigger:hover {
	border-color: rgba(255, 255, 255, 0.4);
}
.connect-main-nav .connect-subnav-trigger::before,
.connect-main-nav .connect-subnav-trigger::after {
	top: 22px;
	right: 17px;
	background-color: #ffffff;
	/* change transform-origin to rotate the arrow */
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s;
	-moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s;
	transition: transform 0.3s, width 0.3s, right 0.3s;
}
.connect-main-nav .connect-subnav-trigger::before {
	right: 23px;
}
.connect-main-nav .connect-subnav-trigger,
.connect-main-nav .placeholder {
	padding-right: 2.4em;
	padding-left: 1.1em;
}
.connect-main-nav li ul {
	height: 80px;
	background-color: #378fa9;
	/* padding left = logo size + logo left position*/
	padding: 0 5% 0 calc(5% + 124px);
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-transition: -webkit-transform 0.3s 0.2s;
	-moz-transition: -moz-transform 0.3s 0.2s;
	transition: transform 0.3s 0.2s;
}
.connect-main-nav li ul li {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s;
	-moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s;
	transition: transform 0.3s 0s, opacity 0.3s 0s;
}
.connect-main-nav .placeholder {
	/* never visible or clickable- it is used to take up the same space as the .connect-subnav-trigger */
	display: block;
	visibility: hidden;
	opacity: 0;
	pointer-event: none;
}
.connect-main-nav.moves-out > li > a {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.connect-main-nav.moves-out > li > ul {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.connect-main-nav.moves-out > li ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
	-moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s;
	transition: transform 0.3s 0.2s, opacity 0.3s 0.2s;
}
.connect-main-nav.moves-out .connect-subnav-trigger::before,
.connect-main-nav.moves-out .connect-subnav-trigger::after {
	width: 14px;
	right: 17px;
}
.connect-main-nav.moves-out .connect-subnav-trigger::before {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.connect-main-nav.moves-out .connect-subnav-trigger::after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.connect-main-content::before {
	content: 'desktop';
}
/*.connect-main-content {
    padding-top: 80px;
  }*/
.connect-main-content.nav-is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.no-js .connect-main-nav {
	height: 80px;
}
.no-js .connect-main-nav li ul {
	position: absolute;
	top: 80px;
}
.no-js .connect-main-nav li ul li {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.no-js .connect-main-nav li ul li:last-child {
	display: none;
}
}

@media only screen and (min-width: px) {
.no-js .connect-main-content {
	padding-top: 80px;
}
}

@media only screen and (max-width:1024px) {
.hero {
	top: 115px;
}
.herospaceAfter {
	margin: 0px 0px 265px 0px;
}
.featuredImage {
	width: 100%;
	background-size: cover;
}
.featuredContent {
	width: 100%;
	float: left;
	padding: 20px;
}

}

@media only screen and (max-width:760px) {
.hero {
	height: 200px;
	padding: 25px 0px 0px 0px;
}
.herospaceAfter {
	margin: 0px 0px 235px 0px;
}
.featuredImage {
	height: 220px;
}
}

@media only screen and (max-width:570px) {
section {
	top: 45px;
}
.hero {
	height: 170px;
	top: 95px;
	padding: 20px 0px 0px 0px;
}
.connectTitle img {
	width: 100%;
	height: auto;
}
.herospaceAfter {
	margin: 0px 0px 185px 0px;
}
.featuredImage {
	height: 180px;
}

.js-masonry .item {width:100%}

/*cloud tag text adjustments and hiding elements*/
.mobileView{font-size:22.4px;}
.mobileHide{display: none;}

}


@media only screen and (max-width:450px) {
.hero {
	height: 120px;
	padding: 10px 0px 0px 0px;
}
.herospaceAfter {
	margin: 0px 0px 135px 0px;
}
}