/* CSS Document */
#mainContent {
  position: relative; }
  #mainContent #topImage {
	padding-bottom: 53.19%;
    max-width: 940px;
    padding: 0 9px 40px 0;
    margin-right: 310px;
    border-right: solid 1px #d2d2d2;
    position: relative; }
    #mainContent #topImage #coverStory {
      width: 50%;
      padding: 7% 3% 0 0;
      position: absolute;
      top: 0;
      right: 0; }
      #mainContent #topImage #coverStory .redHead {
        display: inline-block;
        min-width: 100px; }
      #mainContent #topImage #coverStory h3 {
        font-size: 1.15em;
        margin-bottom: 5%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        #mainContent #topImage #coverStory h3 a:after {
          content: " \f054\f054";
          font: 0.65em/1em "FontAwesome";
          color: #c3132c;
          letter-spacing: -2px;
          margin-left: 5px; }


  #mainContent #articleCont {
    display: table;
    max-width: 950px;
    padding: 0 9px 30px 0;
    margin-right: 310px;
    border-right: solid 1px #d2d2d2; }


    #mainContent #articleCont div#articles2 {
      display: table-cell;
      width: 66.66%;
      padding-right: 9px;
      vertical-align: top;
      border-right: solid 1px #d2d2d2; }
	#mainContent #articleCont div#articles2 article {
	  padding: 20px 0 10px 0;
	  border-bottom: solid 1px #d2d2d2; }
#mainContent #articleCont div#articles2 article:nth-child(7) {
  border-bottom: none; }
#mainContent #articleCont div#articles2 article:first-child {
  padding-top: 0; }
#mainContent #articleCont div#articles2 article h2 {
  margin: 0; }
#mainContent #articleCont div#articles3 {
  vertical-align: top;
	padding:  0 0 0 9px;
}

#mainContent #articleCont div#articles3 > div {
}
#mainContent #articleCont div#articles3 > h6 {
padding-left: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative; }
#mainContent #articleCont div#articles3 article {
	padding-bottom: 10px;
	margin-right: 9px;
}
#mainContent #articleCont div#articles3 article h4 {
	font-size: 1em;
	margin-bottom: 4px;
	font-family: 'Source Serif Pro', Times, serif;
}
#mainContent #articleCont div#articles3 article > a,
#mainContent #articleCont div#articles3 article > .more {
  display: block;
  margin-right: 9px;
}
#mainContent #articleCont div#articles3 .more  {
	text-align: left !important;
	padding: 5px 0;
	border-bottom: solid 1px #d2d2d2;
}
#mainContent #articleCont div#articles3 article:nth-child(12) .more  {
	border-bottom: none;
}
 #mainContent #articleCont div#articles3 .more .share {
 	float: none !important;
 }
      #mainContent #articleCont article .cat {
        color: #c3132c;
        font-size: 0.9em;
        line-height: 2.5em;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }

        #mainContent #articleCont article .cat:before {
          content: "\2724   ";
          font-weight: 400;
          font: 0.9em;
          line-height: 2.5em;
          white-space: pre; }

      #mainContent #articleCont article .shareIcon {
        color: #c3132c;
        text-align: left;
        margin-bottom: 3px;
        text-transform: uppercase;
        font-family: 'Oswald', Impact, 'Arial Black', sans-serif; }
        #mainContent #articleCont article .shareIcon:before {
          content: " \f1e0";
          font: 0.85em/1em "FontAwesome";
          color: #c3132c;
          white-space: pre; }

      #mainContent #topImage article .shareIcon2 {
        color: #c3132c;
        text-align: left;
        margin-bottom: 3px;
        text-transform: uppercase;
        font-family: 'Oswald', Impact, 'Arial Black', sans-serif; }
        #mainContent #topImage .shareIcon2:before {
          content: " \f1e0";
          font: 0.85em/1em "FontAwesome";
          color: #c3132c;
          white-space: pre; }

      .shareIcon3 {
        color: #c3132c;
        text-align: left;
        margin-bottom: 3px;
        text-transform: uppercase;
        font-family: 'Oswald', Impact, 'Arial Black', sans-serif; }
       .shareIcon3:before {
          content: " \f1e0";
          font: 0.85em/1em "FontAwesome";
          color: #c3132c; }


      #mainContent #articleCont article .by {
        color: #999999;
        text-align: center;
        margin: 1.4em 0 1em; }
      #mainContent #articleCont article h2 {
        text-align: center; }
        #mainContent #articleCont article h2 + h4 {
          font-size: 1.2em;
          text-align: center; }
      #mainContent #articleCont article p {
        margin-bottom: 20px; }
      #mainContent #articleCont article .more {
        text-align: center;
        margin: 0 auto;
        padding: 14px 0; }
        #mainContent #articleCont article .more .share {
        float: left; }
		#mainContent #articleCont article .more .more-by {
			font: 0.75em/1.2em 'Libre Franklin', sans-serif;
			font-weight: 700;
			text-transform: uppercase;
			-webkit-font-smoothing: antialiased;
			color: #999999;
		  display: inline-block;
			margin: 0 auto;
		}
        #mainContent #articleCont article .more .readMore {
          float: right; }
  #mainContent #featured {
    max-width: 940px;
    padding: 0 9px 0 0;
    margin-right: 310px;
    margin-bottom: 30px;
    border-right: solid 1px #d2d2d2; }
    #mainContent #featured h6 + p {
      font-style: italic;
      text-align: center;
      margin-bottom: 20px; }
      #mainContent #featured h6 + p a {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-style: normal;
        text-transform: uppercase;
        color: #c3132c; }
        #mainContent #featured h6 + p a:hover, #mainContent #featured h6 + p a:active {
          color: #999999; }
    #mainContent #featured > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      align-content: stretch; }
      #mainContent #featured > div article {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        padding: 0 9px 30px 10px;
        border-right: solid 1px #d2d2d2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
#mainContent #featured > div article.a_fill2 {
  width: 50%;
  border-right: none;
 }
        #mainContent #featured > div article:nth-child(4), #mainContent #featured > div article:nth-child(8) {
          padding: 0 0 0 10px;
          border-right: none; }
    #mainContent #featured #current, #mainContent #featured #archives {
      display: none; }
  #mainContent #sidebar {
    position: absolute;
    top: 30px;
    right: 10px; }

  #mainContent #homepageWebinar {
    max-width: 940px;
    padding: 0 9px 40px 0;
    margin-right: 310px;
    border-right: solid 1px #d2d2d2;
    position: relative; }

  #mainContent #upcomingWebinar {
    width: 96%;
    padding: 10px 10px 20px 10px;
    margin: 0 10px 10px 0;
    border: solid 1px #d2d2d2; }

  #mainContent #upcomingWebinar .webinar-title-homepage {
        font: 0.9em/1.25em 'Source Serif Pro', 'Times New Roman', Times, serif;
        font-weight: 700;
        color: #000000;
        text-align: left; }

  #mainContent #upcomingWebinar .webinar-sponsored-by {
        font: 0.9em/1.25em 'Source Serif Pro', 'Times New Roman', Times, serif;
        font-weight: 400;
        color: #000000;
        font-style: italic;
        text-align: left;
        margin: 0; }

  #mainContent #upcomingWebinar .more-presenter {
        text-align: left;
        margin: 0 auto;
        padding: 0 0 14px 0; }

  #mainContent #upcomingWebinar .more-presenter .share {
        float: right; }

  #mainContent #upcomingWebinar .more-presenter .more-by-presenter {
			font: 0.75em/1.2em Arial, Helvetica, sans-serif;
			font-weight: 400;
			text-transform: uppercase;
			-webkit-font-smoothing: antialiased;
			color: #999999;
		  display: inline-block;
			margin: 0 auto;
		}
 
 #mainContent #upcomingWebinar .more-presenter .readMore {
          float: left; }

 #mainContent #upcomingWebinar .webinar-presenter-image {
	display: table-cell;
	vertical-align: top;
	float: left;
	width: 75px;
	padding: 0 10px 10px 0;
	margin-bottom: 10px;
}

 #mainContent #upcomingWebinar .webinar-presenter-image-double {
	display: table-cell;
	vertical-align: top;
	float: left;
	width: 156px;
	padding: 0 10px 10px 0;
	margin-bottom: 10px;
}

 #mainContent #upcomingWebinar .webinar-sponsor-logo {
	display: table-cell;
	vertical-align: top;
	float: right;
	width: 180px;
	padding-left: 10px;
}


@media (min-width: 1000px) and (max-width: 1130px) {
  #mainContent #topImage #coverStory h1 {
    font-size: 1.65em; } }
@media (max-width: 1000px) {
  #mainContent #topImage {
    max-width: none;
    padding-right: 0;
    border-right: none;
    margin-right: 0; }
  #mainContent #sidebar {
    position: static;
    float: right;
    margin-left: -1px;
    border-left: solid 1px #d2d2d2; }
  #mainContent #articleCont {
    font-size: 80%; }
      #mainContent #articleCont article:nth-child(2) {
        padding-right: 9px;
        border-right: none; }
  #mainContent #featured {
    overflow: hidden;
    font-size: 80%; }
    #mainContent #featured > h6 {
      padding-left: 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      #mainContent #featured > h6:after {
        content: "";
        width: 10px;
        height: 26px;
        display: block;
        background-color: white;
        position: absolute;
        top: 0;
        right: 0; }
    #mainContent #featured > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      float: left;
      border-right: none; }
      #mainContent #featured > div article {
        display: inline-block;
        width: 50%;
        padding-left: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
#mainContent #featured > div article.a_fill2 {
  width: 100%;
  border-right: none;
  padding-right: 0;
 }
        #mainContent #featured > div article:nth-child(2n+0) {
          padding: 0 10px 30px 10px;
          margin-left: -1px;
          border-left: solid 1px #d2d2d2;
          border-right: none; }
}
@media (max-width: 880px) {
  #mainContent #topImage img {
  	background-color: #ffffff;
  	opacity: 0.5;
  	min-width: 580px;
}
#mainContent #topImage #coverStory {
    width: auto;
    padding: 5% 3% 0 3%;
  }
    #mainContent #topImage #coverStory h3 {
      margin-bottom: 20px; }
	#mainContent #topImage #coverStory h1 {
	  font-size: 1.65em; } 
  #mainContent #sidebar {
    display: table-footer-group;
    width: auto;
    float: none;
    border-left: none;
    margin-left: 0;    
    padding-left: 0; }
    #mainContent #sidebar > h6 {
      margin-top: 30px; }
  #mainContent #articleCont {
    display: table-caption;
    font-size: 100%;
    max-width: none;
    padding-right: 9px;
    margin-right: 0;
    border-right: none; }
#mainContent #articleCont div#articles2 {
padding-right:  0;
border-right: none;
}
#mainContent #articleCont div#articles2 h2 {
	font-size: 1.8em;
}
#mainContent #articleCont div#articles3 {
padding:  0;
}
  #mainContent #featured {
    display: table-caption;
    font-size: 100%;
    max-width: none;
    padding-right: 0;
    margin-right: 0;
    border-right: none; } 
}

@media (max-width: 650px) {
  #mainContent #articleCont {
    padding-bottom: 0; }
    #mainContent #articleCont div#articles2 article {
      display: block;
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: auto;
      border-right: none !important;
      border-left: none !important; }
      #mainContent #articleCont div#articles2 article:first-child {
        padding-top: 20px;
        border-top: solid 1px #d2d2d2;}
  #mainContent #featured > h6 {
    width: auto;
    padding-left: 20px; }
    #mainContent #featured > h6:after {
      display: block; }
  #mainContent #featured > div {
    width: auto;
    float: none;
    border-right: none;
    margin-left: 0; }
    #mainContent #featured > div article:nth-child(2n+0) {
      padding-right: 0; } 
}

@media (max-width: 1000px) {
  #mainContent #homepageWebinar {
    max-width: none;
    padding-right: 0;
    border-right: none;
    margin-right: 10px; }
}
@media (max-width: 880px) {
  #mainContent #homepageWebinar {
    position: static;
    width: auto;
    padding-top: 20px;
    margin-right: 10px; }
 }

@media (max-width: 650px) {
  #mainContent #homepageWebinar .webinar-sponsor-logo {
    display: none;
    margin-right: 10px; }
 }