@import "../fonts/roboto/roboto.css";
@import "../fonts/ptserif/ptserif.css";
@import "../fonts/fontawesome-free-5.2.0-web/css/all.css";

/*
orange	#DC6126
bluegray #607588
black #000
blue #0074BB
lightgray #949494
*/

.image-preload {
  display: none;
}

a {
	transition: all .25s ease-in-out
}

.main-container {
	font-family: PTSerif-Regular, serif;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0;
	line-height: 30px;
}


.main-container .row .col-sm-12:last-child .region {
	max-width: 1170px;
	margin: 0 auto;
}

.page-front.main-container { /* full width homepage sections */
  width: 100%;
  padding: 0 15px;
}

.main-container .row .col-sm-12:last-child .region {
  max-width: 1170px;
  margin: 0 auto;
}

div[role*="full_width_content"] {
  width: 100%;
  padding: 0;
}

section[role~=page_content] .region-content > article {
  /*margin-top:35px;*/
}

.block-views-blockhomepage-slideshow-block-1,
.block-views-blockhomepage-popular-block-1 .form-group,
.block-views-blockhomepage-recommended-block-1 .form-group {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 15px;
}

.main-container em, .main-container i {
	font-family: PTSerif-Italic, serif;
}

.main-container strong, .main-container b {
	font-family: PTSerif-Bold;
	font-weight: normal;
}

.main-container strong > em, .main-container em > strong {
	font-family: PTSerif-BoldItalic, serif;
	font-weight: normal;
}

.main-container a {
	color: #0074BB;
	text-decoration: underline;
}

.main-container h1 {
	font-family: Roboto-Black, sans-serif;
	font-size: 34px;
	font-weight: normal;
	line-height: 40px;
	color: #607588;
	letter-spacing: 0;
}

.main-container h2 {
	font-family: Roboto-Black, sans-serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 34px;
	color: #000000;
	letter-spacing: 0;
}

.main-container h3 {
	font-family: Roboto-Bold, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
	color: #607588;
	letter-spacing: 0;
}

	/* page content spacing */
	section[role~=page_content] h1:not(.paragraph h1),
	section[role~=page_content] h2:not(.paragraph h2),
	section[role~=page_content] h3:not(.paragraph h3),
	section[role~=page_content] p:not(.paragraph p) {
 		padding: 0;
  		margin: 20px 0;
	}
	section[role~=page_content] .content > h1 { /* detail page main h1 */
	margin: 0 0 -10px 0;
	}

.main-container ul,
.main-container ol {
	margin: 0;
	padding-left: 32px;
}

.main-container ul ul li,
.main-container ol ul li {
	padding-left: 10px;
}

.main-container ul > li,
.main-container ol > li {
  padding: 0 0 10px 10px;
}

.main-container ul > li > ul,
.main-container ol > li > ul {
  margin-top: 10px;
}

.main-container ul > li:last-child,
.main-container ol > li > ul > li:last-child {
padding-bottom: 0;
}

.main-container ul ul,
.main-container ol ul {
	list-style-image: url(../images/sub-list-square.png);
}


.main-container i.fab {font-family: 'Font Awesome 5 Brands';}
.main-container i.fa, .main-container  i.fas {font-family: 'Font Awesome 5 Free';font-weight: 900;}


/*
.icn-label-blog,
.icn-label-podcast,
.icn-label-videos,
.icn-label-article,
.icn-label-event-online,
.icn-label-event-inperson,
.icn-label-whitepaper,
.icn-label-locaton,*/
.media-format,
.media-format a,
.professionalg-events-cues-inperson,
.professionalg-events-cues-online,
.popular-now-block {
	font-family: Roboto-Bold, sans-serif;
	font-size: 15px;
	color: #DC6126;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
}
	/*.icn-label-blog:before,
	.icn-label-podcast:before,
	.icn-label-videos:before,
	.icn-label-article:before,
	.icn-label-event-online:before,
	.icn-label-event-inperson:before,
	.icn-label-whitepaper:before,
	.icn-label-locaton:before,
	*/
	.media-format:before,
	.professionalg-events-cues-inperson:before,
	.professionalg-events-cues-online:before {
		display: inline-block;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		padding-right: 5px;
	}

.icn-label-blog:before, .icn-label-blog-post:before, .icn-label-blog_post:before {content: "\f075";}
.icn-label-podcast:before {content: "\f2ce";}
.icn-label-videos:before {content: "\f03d";}
.icn-label-whitepaper:before {content: "\f15c";}

.icn-label-magazine-articles:before,
.icn-label-daily-article:before,
.icn-label-research-article:before,
.icn-label-columns:before,
.icn-label-article:before,
.popular-now-block > a:before {content: "\f1ea";}


.icn-label-event-online:before,
.professionalg-events-cues-online:before {content: "\f109";}

.icn-label-event-inperson:before {content: "\f3c5";}
.professionalg-events-cues-inperson:before {content: "\f3c5";}


/* end content with cues logo
<i class="icn-cues-end">cues icon</i>
*/

em.icn-cues-end {
	display:inline-block;
	background-image: url(../images/icn-cues-end.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
	vertical-align:middle;
	font-size: 10px;
	line-height: 25px;
	text-indent:-999em;
}

.date-issue {
	font-family: Roboto-Medium, sans-serif;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
}

.read-time {
	font-family: Roboto-BoldItalic, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #949494;
	letter-spacing: 0.5px;
}



/* Button Styles
************************************************/
*[class^="btn-cues"],
.professional-events-cues-more a,
.popular-now-more a,
form[id^="views-exposed-form-content-topics-block-"] .btn,
#contact-message-contact-us-form .btn,
button.form-submit {
    position: relative;
    z-index: 0;
	display: inline-block;
	max-width:80%;
    padding: 8px 40px 8px 30px;
    font-size: 15px;
    line-height: 2rem;
    text-transform: uppercase;
	font-family: Roboto-Bold;
	font-weight: normal;
	/*white-space: pre-wrap;*/
	border-radius: 0;
	border: 2px solid #DC6126;
    border-right:none;
	background-color: #DC6126;
	color:#fff !important;
    transition: all 0.25s ease-in-out;
	text-decoration: none !important;
	text-align: center;
}

	.professional-events-cues-more a,
	.popular-now-more a {
    	max-width: 100%;
    	width: calc(100% - 40px);
    	text-align: center;
    	padding: 8px 20px;
	}

*[class^="btn-cues"]:after,
.professional-events-cues-more a:after,
.popular-now-more a:after,
form[id^="views-exposed-form-content-topics-block-"] .btn:after,
#contact-message-contact-us-form .btn:after,
button.form-submit:after {
    content: " ";
    position: absolute;
    z-index: -1;
	display: inline-block;
    width: 100%;
    height: calc(100% + 4px);
    top: -2px;
    left: 2px;
    background-color: #DC6126;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    border: 2px solid #DC6126;
    border-right-width: 3px;
    border-left-width: 0px;
    transition: all 0.25s ease-in-out;
}

	*[class^="btn-cues"]:hover,
	*[class^="btn-cues"]:hover:after,
	.professional-events-cues-more a:hover,
	.professional-events-cues-more a:hover:after,
	.popular-now-more a:hover,
	.popular-now-more a:hover:after,
	form[id^="views-exposed-form-content-topics-block-"] .btn:hover,
	form[id^="views-exposed-form-content-topics-block-"] .btn:hover:after,
	#contact-message-contact-us-form .btn:hover,
	#contact-message-contact-us-form .btn:hover:after,
	button.form-submit:hover,
	button.form-submit:hover:after,
  button.form-submit:focus,
  button.form-submit:focus:after {
		background-color: #fff !important;
		color: #DC6126 !important;
		text-decoration: none !important;
    border-color: #DC6126 !important;
    outline: none;
	}

	*[class$="-sm"] {
    	padding: 8px 30px 8px 40px;
	}
	*[class$="-lg"] {
    	padding: 8px 95px 8px 105px;
	}


*[class^="btn-cues-dark"] {
	background-color: #303440 !important;
	border-color: #303440 !important;
}
*[class^="btn-cues-dark"]:after {
		background-color: #303440 !important;
		border-color: #303440 !important;
	}
	*[class^="btn-cues-dark"]:hover,
	*[class^="btn-cues-dark"]:hover:after {
		background-color: #fff !important;
		color: #303440 !important;
	}

*[class^="btn-cues"] a {
color:#fff;
}


/* HEADER
************************************************/

.navbar .logo-m {
	display: block;
	width: 100%;
	padding: 10px;
}
	.navbar .logo {
		display: none;
	}

header .container {
	position: relative;
	padding: 0;
}

header .navbar-nav {
	float: none;
}

#navbar-account,
#navbar-account-xtra {
	position: absolute;
	top: 0;
	right: 0;
}


#navbar-account ul.menu--account > li:first-child a {
	display: inline-block;
	text-indent: -999em;
	padding:0;
	margin:0;
	background:#ccc;
	width:34px;
	height:34px;
	}

#navbar-account ul.menu--account > li:first-child a:after {
  content: "\f2bd";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 30px;
  color: #fff;
  top: 50%;
  left: 50%;
}


#block-cumgmt-headercontactchatsearch ul {
	display:inline-block;
}
#block-cumgmt-headercontactchatsearch ul li {
	display:inline-block;
}

.navbar.container {
	width:100%;
	max-width:100% !important;
}

.navbar-collapse {
	padding-bottom: 0;
}

header#navbar {
	background-color:#303440;
	margin:0;
	padding:0;
	border: 0;
    border-bottom: 2px solid #eee;
    position: relative;
}

#block-cumgmt-main-menu {
	background-color: #fff;
	border-bottom: 2px solid #979797;
}

#nav-search {display: none;}


header .navbar-collapse {
	padding:0;
}

/*
#block-navmedia {
	background-color: #005081;
}
*/

#block-navmedia a:link, #block-navmedia a:visited, #block-navmedia a:active {
	font-family: Roboto-Regular;
	font-size: 16px;
	color: #fff;
    background-color: transparent;
}

	#block-navmedia a.is-active {
		color: #DC6126;
	}

/* FOOTER
************************************************/

#cues_footer {
	width: 100%;
	background-color:#303440;
}

.footer {
	margin: 0 auto;
	border: 0;
	width: 100%;
	max-width: 1170px;
	padding: 30px 0 60px 0;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.21px;
	line-height: 22px;
	font-family: Roboto-Regular;
	font-weight: normal;
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer strong {
	font-family: Roboto-Bold;
	font-weight: normal;
}

.footer a {
	color: #fff;
}
.footer a:hover {
	text-decoration: none;
}

.footer .btn-cues {
    width: calc(100% - 40px);
    max-width: inherit;
}

.footer p {
	padding: 10px 0;
}
	.footer button + p {
		padding-top: 60px;
	}

.footer .btn-md {
	padding: 12px 10%;
}

.footer .img-logo {width:210px;height:auto;}
.footer .img-mycues {width:172px;height:auto;padding-bottom:10px;}

.footer ul.links-options {
	margin-top: 30px;
}
	.footer ul.links-options li {
  		border-bottom:1px solid #979797;
		text-align: center;
		font-family: Roboto-Medium;
	}

	.footer ul.links-options li a {
		display: block;
		padding: 20px 0;
		text-transform: uppercase;
	}
		.footer ul.links-options li:last-child {
			border:0;
		}
		.footer ul.links-options li a:hover {
			color: #DC6126;
		}

.footer ul.links-options a.btn-logo-lp {
	display:block;
	width: 240px;
	height: 45px;
	background-image: url(../images/logo-learning-portal-white.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-indent:  -999em;
	margin: 0 auto 20px auto;
}
	.footer ul.links-options a.btn-logo-lp:hover{
		background-image: url(../images/logo-learning-portal-orange.png);
	}

.footer ul.links-social {
	margin: 30px 0;
	text-align: center;
}
	.footer ul.links-social li {
		display: inline-block;
    	margin: 0 10px;
		text-align: center;
	}
		.footer ul.links-social li a {
			display: inline-block;
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 32px;
		}
			.footer ul.links-social li a:hover ,
			.footer ul.links-info li a:hover {
				color: #DC6126;
			}

	.footer ul.links-info {
		margin-top:30px;
	}
		.footer ul.links-info li a {
			display: block;
			text-align: center;
			padding: 10px 0;
			font-size: 15px;
		}


.footer .date-m {text-align:center;}
.footer .date-d {display:none;}


#block-footerleftside-2 {
	margin-bottom: 30px;
}

#block-footerleftside-2 .field--type-text-with-summary p:first-child {
	text-align:center;
}


/* BLUE FOOTER
************************************************/


#block-bluefootermagazineinfo {
	background-color: #0074BB;
	margin-top:100px;
}

.footer-blue {
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    color: #fff;
	font-size:15px;
	font-family:RobotoBold;
	text-align: center;
	letter-spacing: .05em;
}

.footer-blue .col-md-8,
.footer-blue .col-md-4 {
	padding: 50px 0;
}

.footer-blue table {
	margin: 0 auto;
}

.footer-blue table td {
	display: block;
	text-align: center;
}

.fb-cover {
    display: block;
    width: 170px;
    height: 217px;
	margin: 0 auto 30px auto;
    background-color: rgba(0,0,0,.15);
}

.fb-indepth {
	line-height: 16px;
}

.fb-read,
.fb-stay {
	font-size: 22px;
	margin-top: 12px;
	letter-spacing: 0;
}

.fb-logo img {
	width: 240px;
	height: auto;
	padding: 10px 0;
}

.fb-btn {
    margin: 10px 0 20px 0;
}
	.fb-btn .btn-cues {
		padding: 8px 25px;
    	max-width: 100%;
	}


.fb-links a {
	display:inline-block;
    padding: 0 20px;
    line-height: 25px;
	color:#fff;
}

.fb-links a:first-child {
	border-right: 1px solid #fff;
}

.footer-blue .col-md-4 {
	background-color: #0066A5;
}



#block-bluefootermagazineinfo *[class^="btn-cues"] {
    max-width: inherit;
    width: 270px;
    margin-left: -40px;
    padding: 8px 0;
    letter-spacing: 0;
}

#block-bluefootermagazineinfo .col-md-4 .btn-cues {
	width: 300px;
}


/* DFP TAGS */
.custom-small-right-dfptag-banner {
  text-align: center;
}
.custom-tall-dfptag-banner {
  text-align: center;
}
.custom-dfptag-banner {
  text-align: center;
}



/* HOMEPAGE editors picks slideshow
********************************************************/

.editors-pick {
    margin: 40px 0;
	position: relative;
	z-index: 0;
}

.editors-pick:after {
	display:table;
	content:"";
	clear:both;
}

.editors-pick  .views_slideshow_slide {
	width: 100% !important;
}

.editors-pick .views-row {
	width: 100%;
}

.editors-pick .views_slideshow_slide:before {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	content: "";
	width: 140px;
	height:20px;
	background-image: url(../images/icn-editors-pick.png);
	background-repeat: no-repeat;
	background-size: cover;
}



.editors-pick .views-row .content-locking-wrapper > div:first-child {
    width: 100%;
    height: 270px;
}

.editors-pick .views-row .content-locking-wrapper > div:nth-child(2) {
    width: 100%;
    height: 310px;
    border: 1px solid #ccc;
}



.editors-pick .ep-hero {
	width: 100%;
}

.editors-pick .ep-hero img {
	width: 100%;
	height: 270px;
}

.editors-pick .views-field-nothing {
    padding: 5px 20px 0 10px;
}

.editors-pick .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
	border: 2px solid #0066A5;
	border-radius: 50%;
	background: #fff;
	padding: 0;
	height: 12px;
	width: 12px;
}

.editors-pick .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
	background-color:#0066A5;
}

.editors-pick .content-text,
.editors-pick .content-text strong,
.editors-pick .content-text b {
	font-family: Roboto-Bold;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	line-height: 31px;
}

.editors-pick .content-arrow {
	display: block;
	position: absolute;
	right: 0px;
	bottom: -1px;
	width: 74px;
	height: 38px;
	text-indent: -999em;
	background-image: url(../images/icn-latest-arrow.png);
	background-repeat: no-repeat;
	background-size: cover
}

.editors-pick .content-arrow:hover {
	background-image: url(../images/icn-latest-arrow-on.png);
}

.editors-pick .views_slideshow_cycle_main:after {
    position: absolute;
    display: block;
    content: "";
    width: calc(100% - 9px);
    bottom: -5px;
    left: 5px;
    border-bottom: 5px solid #005081;
}

.editors-pick .views-slideshow-controls-bottom{
    position: absolute;
    top: 280px;
    left: 0;
    z-index: 8;
    width: 100%;
}


.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    text-align: center;
    padding: 0;
}


/* top controls */

/*
.editors-pick .views_slideshow_controls_text {
	position: absolute;
	z-index: 1;
	width: 100%;
    height: calc(100% - 30px);
}
*/

.editors-pick .views-slideshow-controls-top {
    position: relative;
    z-index: 11;
}

.editors-pick .views_slideshow_controls_text .views_slideshow_controls_text_pause {
	display:none;
}

.editors-pick .views_slideshow_controls_text span {
	position: absolute;
	display:block;
	background: #fff;
	padding: 5px;
	text-decoration: none;
}

.editors-pick span.views_slideshow_controls_text_previous,
.editors-pick span.views_slideshow_controls_text_next {
    position: absolute;
    top: 275px;
	width: 40px;
	height: 40px;

}
  .editors-pick span.views_slideshow_controls_text_previous {left: 20%;}
  .editors-pick span.views_slideshow_controls_text_next {right: 20%;}


.editors-pick span.views_slideshow_controls_text_previous:before,
.editors-pick span.views_slideshow_controls_text_next:before {
	display:block;
	color: #ccc;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 28px;
}

.editors-pick span.views_slideshow_controls_text_previous:before {content: "\f053";}
.editors-pick span.views_slideshow_controls_text_next:before {content: "\f054";}

.editors-pick span.views_slideshow_controls_text_previous a,
.editors-pick span.views_slideshow_controls_text_next a {
	display:block;
	text-indent: -999em;
}

.editors-pick span.views_slideshow_controls_text_previous:hover:before,
.editors-pick span.views_slideshow_controls_text_next:hover:before {
	color: #ccc;
	background: #fff;
}
/* end top controls */



/* Panels - Home and Other
********************************************************/

.block-views-blockhomepage-popular-block-1,
.block-views-blockhomepage-recommended-block-1 {
	padding: 50px 0;
	background-color: #303440;
	background-image:url(../images/bg-dark-slants.png);
	background-repeat: repeat;
	margin-bottom: 40px;
}
.block-views-blockhomepage-popular-block-1 .block-title,
.block-views-blockhomepage-recommended-block-1 .block-title {
	display: none;
}

.popular-header,
.recommended-header,
.latest-in-header {
	text-transform: uppercase;
	position: relative;
	margin-bottom: 40px;
}

.popular-header h2,
.recommended-header h2,
.latest-in-header h2,
h1.block-title,
h2.block-title,
.author-profile .full-width-control h1 {
    width: calc(100% - 60px);
    margin: 0;
    line-height:38px;
    text-transform: uppercase;
	border-bottom: 3px solid #ccc;
	padding-bottom: 10px;
}
	.popular-header h2 {color: #fff;}
	.recommended-header h2 {color: #fff;}

.popular-header h2:after,
.recommended-header h2:after,
.latest-in-header h2:after,
h1.block-title:after,
h2.block-title:after,
.author-profile .full-width-control h1:after {
    position: absolute;
    z-index: 1;
    bottom: 46px;
    left: -60px;
    display: block;
    content: " ";
    width: 100%;
    height: 40px;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    border-right: 4px solid #ccc;
}

h1.block-title,
h2.block-title,
.author-profile .full-width-control h1 {
    position: relative;
	font-size: 34px !important;
	line-height: 40px;
	color: #607588;
	text-transform:capitalize;
	border-color: #607589;
	padding-bottom: 5px !important;
}
	h1.block-title:after,
	h2.block-title:after,
	.author-profile .full-width-control h1:after {
		left: unset;
		right: 0px;
		bottom: -3px;
		border-color: #607589;
	}

.popular-header h3,
.recommended-header h3,
.latest-in-header h3 {
	font-family: Roboto-Bold;
	font-weight: normal;
	font-size: 14px !important;
    line-height: 14px !important;
	color: #666666;
	letter-spacing: 2.62px;
    margin:0;
}
	.popular-header h3 {color: #ccc;}
	.recommended-header h3 {color: #ccc;}


.popular-header a.more-like-this,
.recommended-header a.more-like-this,
.latest-in-header a.more-like-this {
	display: block;
	padding: 15px 0;
	font-family: Roboto-Black;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1.5px;
	text-decoration: none;
}
	.popular-header a.more-like-this {color:#fff;}
	.recommended-header a.more-like-this {color:#fff;}
	.latest-in-header a.more-like-this {color:#0074BB}

.popular-header .more-like-this:after,
.recommended-header .more-like-this:after,
.latest-in-header .more-like-this:after {
	position: relative;
	dz-index: 1;
	display: inline-block;
	margin-left: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 18px;
	content: "\f061";
    transition: all 0.25s ease-in-out;
}

.popular-header a.more-like-this:hover,
.recommended-header a.more-like-this:hover,
.popular-header a.more-like-this:hover:after,
.recommended-header a.more-like-this:hover:after,
.latest-in-header a.more-like-this:hover,
.latest-in-header a.more-like-this:hover:after {
	color: #DC6126;
}

.block-panels-mag {
	margin-top: 40px;
}

.view-homepage-popular .views-row,
.view-homepage-recommended .views-row,
.view-the-latest-in .views-row,
.block-panels .views-row,
.block-panels-mag .views-row {
	position: relative;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 60px;
}
	.block-panels-mag .views-row {
  		border: none;
	}


.view-homepage-popular .views-row,
.view-homepage-recommended .views-row,
.view-the-latest-in .views-row {
	display: none;
}
	.view-homepage-popular .views-row:first-child,
	.view-homepage-recommended .views-row:first-child,
	.view-the-latest-in .views-row:first-child {
		display: block;
	}

.view-homepage-popular .views-row,
.view-homepage-recommended .views-row {
	border: 0px;
}

.view-the-latest-in .content-text,
.block-panels .content-text {
	position: relative;
	padding-bottom: 3px;
}

.view-homepage-popular .views-row:after,
.view-homepage-recommended .views-row:after,
.view-the-latest-in .views-row:after,
.block-panels .views-row:after {
	display: block;
	width: calc(100% - 10px);
	height: 5px;
	content: "";
	position: relative;
	bottom: -5px;
	left: 7px;
}
.view-homepage-popular .views-row:after {background-color: #DC6126;}
.view-homepage-recommended .views-row:after {background-color: #DC6126;}
.view-the-latest-in .views-row:after,.block-panels .views-row:after {background-color: #005081;}


.popular-img,
.recommended-img,
.latest-img,
.panel-thumb {
  width: 100%;
  background-color: #eee;
}

.popular-img img,
.recommended-img img,
.latest-img img,
.panel-thumb img,
.block-panels-mag .panel-thumb,
.block-panels-mag .panel-thumb img {
    width: 100%;
}

/*
370x200px @2x= 740x400 desktop
340x185px @2x= 680x370 mobile
*/

.view-homepage-popular .media-format,
.view-homepage-recommended .media-format,
.view-the-latest-in .media-format,
.block-panels .media-format {
	display: block;
	height: 15px;
	line-height: 15px;
    padding: 0 20px;
    margin: 30px 0 0 0;
}


.view-the-latest-in time,
.date-issue,
.block-panels time,
.ep-date,
.professional-events-cues-date,
.popular-now-date {
	font-family: Roboto-Medium, sans-serif;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
}


.editors-pick .ep-date,
.view-homepage-popular .views-field-field-date,
.view-homepage-recommended .views-field-field-date,
.view-the-latest-in .views-field-field-date,
.block-panels .views-field-field-date  {
	display: block;
  	padding: 0 20px !important;
  	height: 14px;
  	line-height: 14px;
  	margin-top: 10px;
}
	.editors-pick .ep-date {padding: 0;}

.latest-more,
.block-panels .views-field-title {
    display: block;
    position: absolute;
    right: -1px;
    bottom: -6px;
    width: 74px;
    height: 38px;
    text-indent: -999em;
}
	.editors-pick .latest-more {
		display:none;
	}

	.view-homepage-popular .latest-more,
	.view-homepage-recommended .latest-more {/* fixes bottom alignment */
		bottom: -5px;
	}

.latest-more a,
.block-panels .views-field-title a {
    display: block;
    width: 74px;
    height: 38px;
	background-image: url(../images/icn-latest-arrow.png);
	background-size:cover;
}
	.latest-more a:hover,
	.block-panels .views-field-title a:hover {
		background-image: url(../images/icn-latest-arrow-on.png);
	}

.view-homepage-popular .latest-more a,
.view-homepage-recommended .latest-more a {
	background-image: url(../images/icn-latest-arrow-org.png);
}
	.view-homepage-popular .latest-more a:hover,
	.view-homepage-recommended .latest-more a:hover {
		background-image: url(../images/icn-latest-arrow-org-on.png);
	}

.block-panels .views-field-nothing {

}


.latest-summary,
.block-panels .views-field-body {
	display: block;
	height: 105px;
	overflow: hidden;
    margin: 10px 20px;
  }
  .views-field-nothing .content-text {
  	margin: 40px 20px 0 20px;
  }

.latest-summary,
.latest-summary a,
.block-panels .views-field-body a,
.block-panels .views-field-body,
.views-field-nothing .content-text {
	font-family: Roboto-Bold;
	font-weight: normal;
  	font-size: 20px;
  	line-height: 27px;
  	letter-spacing: 0;
  	color: #000;
	text-decoration: none;
}
	.editors-pick .latest-summary {
    	margin: 10px 0 0 0;
  	}


.latest-summary a:hover,
.block-panels .views-field-body a:hover {
		color: #DC6126;
	}
	.editors-pick .latest-author {
  		margin: 5px 0 0 0;
	}

.latest-author,
.block-panels .views-field-field-author {
	font-family: "Roboto-Regular";
    margin: 0 20px;
    height: 30px;
    overflow: hidden;
    margin-bottom:20px;
}
	.latest-author a,
.block-panels .views-field-field-author {
		font-family: "Roboto-Medium";
		text-decoration: none !important;
	}

.latest-degreed {
	width: 30px;
    height: 30px;
    margin: 18px 0 0 20px;
}
	.editors-pick .latest-degreed {
    	width: 30px;
    	height: auto;
    	margin: 25px 0 0 0px;
	}
	.latest-degreed img {
	    width: 100%;
	}

.latest-length,
.block-panels .views-field-field-length {
	font-family: Roboto-BoldItalic;
	font-weight: normal;
	font-size: 14px;
	color: #949494;
	letter-spacing: 0.5px;
    position: absolute;
    right: 80px;
    bottom: 0;
}
	.editors-pick .latest-length {bottom:10px;}

.view-homepage-popular .content-text .node,
.view-homepage-recommended .content-text .node {
	display: none;
}


/* LOAD MORE */
.block-panels ul.pager {
position:relative;
padding: 0;
width:100%;
}

.block-panels .pager li {
display:block;
padding:0;
width:100%;
}

.block-panels .pager li:before {
position:absolute;
display:block;
content:"";
width:100%;
height:2px;
background:#0074BB;
top:20px;
}


.block-panels .pager li > a {
position:relative;
border-radius:0;
border: none;
background:#fff;
text-decoration:none;
text-transform:uppercase;
font-family: RobotoBold;
}


/*
Locked Panels
************************************************/

.content-locking-members-only .ep-hero,
.content-locking-members-only .popular-img,
.content-locking-members-only .recommended-img,
.content-locking-members-only .latest-img,
.content-locking-members-only .panel-thumb,
.content-locking-unlimited-plus .ep-hero,
.content-locking-unlimited-plus .popular-img,
.content-locking-unlimited-plus .recommended-img,
.content-locking-unlimited-plus .latest-img,
.content-locking-unlimited-plus .panel-thumb {
    opacity:.4;
}

.content-locking-members-only .view-the-latest-in time,
.content-locking-members-only .date-issue,
.content-locking-members-only .block-panels time,
.content-locking-members-only .ep-date,
.content-locking-members-only .professional-events-cues-date,
.content-locking-members-only .media-format,
.content-locking-members-only .latest-author,
.content-locking-members-only .block-panels .views-field-field-author,
.content-locking-members-only .latest-author a,
.content-locking-members-only .block-panels .views-field-field-author a,
.content-locking-unlimited-plus .view-the-latest-in time,
.content-locking-unlimited-plus .date-issue,
.content-locking-unlimited-plus .block-panels time,
.content-locking-unlimited-plus .ep-date,
.content-locking-unlimited-plus .professional-events-cues-date,
.content-locking-unlimited-plus .media-format,
.content-locking-unlimited-plus .latest-author,
.content-locking-unlimited-plus .block-panels .views-field-field-author,
.content-locking-unlimited-plus .latest-author a,
.content-locking-unlimited-plus .block-panels .views-field-field-author a {
    color:#949494;
}

.content-locking-members-only .latest-summary,
.content-locking-members-only .latest-summary a,
.content-locking-members-only .block-panels .views-field-body a,
.content-locking-members-only .block-panels .views-field-body,
.content-locking-members-only .views-field-nothing .content-text
.content-locking-unlimited-plus .latest-summary,
.content-locking-unlimited-plus .latest-summary a,
.content-locking-unlimited-plus .block-panels .views-field-body a,
.content-locking-unlimited-plus .block-panels .views-field-body,
.content-locking-unlimited-plus .views-field-nothing .content-text {
    color: #666666
}

.content-locking-members-only .content-locking-placeholder,
.content-locking-unlimited-plus .content-locking-placeholder {
    width:100%;
    height:40px;
    position:absolute;
    z-index:1;
    bottom:-1px;
    right:-3px;
    background-repeat: no-repeat;
    background-size: 225px 40px;
    background-position: right bottom;
}

.content-locking-members-only .content-locking-placeholder {
    background-image: url(../images/icn-members-only-slant.png);
}

.content-locking-unlimited-plus .content-locking-placeholder {
    background-image: url(../images/icn-members-unlimited-slant.png);
}

.content-locking-members-only .content-locking-placeholder:before ,
.content-locking-unlimited-plus .content-locking-placeholder:before {
    position: absolute;
    z-index:2;
    display: block;
    width: 5px;
    height: 44px;
    bottom: -4px;
    right: 3px;
    content: "";
    background:#fff;
    border-top: 1px solid #ccc;
}

.content-locking-members-only .content-locking-placeholder:after,
.content-locking-unlimited-plus .content-locking-placeholder:after {
    position: absolute;
    z-index:1;
    display: block;
    width: calc(100% - 10px);
    height: 5px;
    bottom: -4px;
    left: 3px;
    content: "";
    background: #666666;
}

/* AD BANNERS
************************************************/

.block-dfp {
  width:100%;
  text-align:center;
  overflow: hidden;
}

#block-dfptaghomepagewide,
#block-dfptaghomepageheader,
#block-dfptaghomepagemarketingoperations,
#block-dfptaghomepagehrlead,
#block-dfptaghomepageinnovadvwomen,
#block-dfptagmagazinearchive {
  margin-bottom:50px;
  width:100%;
  text-align:center;
  overflow: hidden;
}

section[id^='block-dfptagtopofpage'] {
  margin-top: 25px;
}

#block-dfptagtopofpagecusolutionsada {
  margin-top: 20px;
  margin-bottom: -20px;
  width:100%;
  text-align:center;
  overflow: hidden;
}

/* Recommended w/ Banner Ads */

.region-sidebar-second.popular-section-right,
.region-sidebar-second.recommended-section-right {
	background:none;
	padding: 0;
	text-align:center;
}

.region-sidebar-second.recommended-section-right .recommended-ad-top {
	margin-bottom: 30px;
}



/* Search Page
************************************************/

.block-panels .views-exposed-form {
	margin: 40px 0;
}

.page-search form {
	font-family: RobotoRegular;
}

.page-search form label {
	font-weight:normal;
	margin-right: 10px
}

.page-search #edit-reset {
	display:none;
}

.page-search #edit-search {
	height: 40px;
	width: 100%;
	margin-right: 30px;
	font-size:18px;
	line-height: 40px;
	font-family:"RobotoRegular";
}


.page-search .form-submit span {
display:none;
}

.page-search .form-submit:focus,
.page-search input:focus {outline:0;}


.page-search .form-submit,
.page-search .form-submit:active {
    position: relative;
    z-index: 0;
	display: inline-block;
	border-radius: 0;
	border: 2px solid #DC6126;
    border-right:none;
	background-color: #DC6126;
    text-transform: uppercase;
	font-family: Roboto-Bold;
	font-weight: normal;
    font-size: 15px;
    line-height: 2rem;
	color:#fff !important;
    transition: all 0.25s ease-in-out;
	text-decoration: none !important;
    padding: 8px 30px 8px 40px;
	margin-left:20px;
	box-shadow:none;
	white-space: normal;
}

.page-search .form-submit:after {
    content: " ";
    position: absolute;
    z-index: -1;
	display: inline-block;
    width: 100%;
    height: calc(100% + 4px);
    top: -2px;
    left: 2px;
    background-color: #DC6126;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    border: 2px solid #DC6126;
    border-right-width: 3px;
    border-left-width: 0px;
    transition: all 0.25s ease-in-out;
}

.page-search .form-submit:hover,
.page-search .form-submit:hover:after {
	background-color: #fff !important;
	color: #DC6126 !important;
	text-decoration: none !important;
}

.page-search .view-content:after {
  display:table;
  content:"";
  clear:both;
}

.page-search #edit-search::-webkit-input-placeholder {font-family:"RobotoRegular";}
.page-search #edit-search:-moz-placeholder {font-family:"RobotoRegular";}
.page-search #edit-search::-moz-placeholder {font-family:"RobotoRegular";}
.page-search #edit-search:-ms-input-placeholder {font-family:"RobotoRegular";}

.search-nf {
font-size: 30px;
font-family: Roboto-Bold;
margin: 70px 0 !important;
}


/*
.page-search .latest-author span a:first-child:before {
display:inline-block;
content: "by";
color: #000;
margin-right: 5px;
}
*/


.page-search .latest-more {
right: -1px;
bottom: -10px;
}

.page-search .views-field-title {
display: none;
}

/* Contact Us Page
************************************************/


#block-contactussidebar {
padding: 10px 30px 250px 30px;
background-color: #EDF5FA;
border-radius: 2px;
position: relative;
}

#block-contactussidebar a {
text-decoration: none;
}

#block-contactussidebar p {
margin-bottom: 20px
}

#block-contactussidebar iframe {
position:absolute;
left:0;
bottom:0;
}

#contact-message-contact-us-form,
#contact-message-contact-us-form label {
font-family:"Roboto-Regular";
font-weight:normal;
}

.contact-message-contact-us-form .field--name-field-first-name,
.contact-message-contact-us-form .field--name-field-last-name,
.contact-message-contact-us-form .field--name-field-e-mail-address,
.contact-message-contact-us-form .field--name-field-phone {
width:48%;
float:left;
}
.contact-message-contact-us-form .field--name-field-last-name,
.contact-message-contact-us-form .field--name-field-phone {
margin-left:4%;
}

.contact-message-contact-us-form .contact-form .help-block {
font-family:Roboto-Regular;
font-size:16px !important;
}



#block-advertisingopportunities {
	padding: 0 15px;
}

#block-advertisingopportunities {
	max-width: 1170px;
	margin:0 auto;
}


/* top block H1, IMG, author
************************************************/

article .content .field--name-field-thumbnail {
margin-bottom: 40px;
margin-left: -15px;
width: calc(105% + 15px);
}


/* Keywords Below Article
************************************************/

.main-container .filter-topic-area {
  border-top: 1px solid #ccc;
  color: #A8A8A8;
  margin-bottom: -20px
}

.main-container .filter-topic-area h3 {
  margin: 0 !important;
  padding: 25px 0 0 0 !important;
  text-transform: uppercase;
  font-family: "RobotoRegular";
  font-size: 18px;
  line-height: 18px;
}

.filter-topic-area span.filter-topic-item,
.filter-topic-area .filter-topic-item a {
  font-family: "RobotoBold";
  font-size: 14px;
  line-height: 14px;
  color: #949494;
  text-decoration: none;
}

	.filter-topic-area .filter-topic-item a:hover {
		color: #DC6126;
	}

.filter-topic-area .filter-topic-item a {
  text-decoration: none;
  margin: 0 8px;
}
  .filter-topic-area h3 + span.filter-topic-item {
margin-left: -8px;
  }
	.filter-topic-area .filter-topic-item a:hover {
		color: #DC6126;
	}





/* Disqus
************************************************/
.field--type-disqus-comment {
	border-top: 1px solid #ccc;
	padding-top: 40px;
	margin-top: 40px;
}

.field--type-disqus-comment .field--label {
display: none;
}


.block-panels .pager-nav {
	clear:both;
	font-family: Roboto-Regular;
    font-size: 16px;
}


/* Social Media Articles Tab Bar
************************************************/
.links-social-tabs {
	display: none;
}


/*
Author Credit
************************************************/

.div-line {
    width: 100%;
    margin-bottom: 20px;
    border:none;
    border-top: 1px solid #979797;
}

.block-author:after {
  display:table;
	content:"";
	clear: both;
}

.block-author-credit:after {
	display: table;
	content: "";
	clear: both;
	padding-bottom: 20px;
}

.block-author-credit .author-photo {
	float: left;
	width: 80px;
	height: 80px;
	background: #eee;
	margin-right: 20px;
}

.block-author-credit .author-photo img  {
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 12px;
}

.block-author-credit .author-info {
	float: left;
}

.block-author-credit .author-name {
	font-family: RobotoRegular;
}

.block-author-credit .author-name a {
	font-family: RobotoBold;
	text-decoration:none;
}

.block-author-credit .author-pos {
	font-size: 14px;
	line-height: 20px;
	font-family: RobotoBold;
}

.block-author-credit .author-co {
	font-size: 14px;
	line-height: 20px;
	font-family: Roboto-BoldItalic;
}

.block-author-credit ul.links-social-author {
	list-style:none;
	margin: 5px 0 0 0;
	padding: 0;
}

.block-author-credit ul.links-social-author:after {
	display:table;
	content:"";
	clear:both;
}

.block-author-credit ul.links-social-author li {
	float: left;
	margin: 0;
	padding: 0;
}

.block-author-credit ul.links-social-author li a {
	display:block;
	color: #949494;
	font-size: 20px;
	margin: 5px 20px 5px 0;
}

.block-author-credit ul.links-social-author li a:hover {
	color:#DC6126;
}

/* author profile page */
.author-profile .full-width-control .div-line,
.author-profile .full-width-control + br + .div-line {
display:none;
}


/* Photo and Captions
************************************************/

/* no captions */
.main-container section[role=page_content] img.align-left {
    padding: 20px 20px 20px 0;
}

.main-container section[role=page_content] img.align-right {
    padding: 20px 0 20px 20px;
}

.main-container section[role=page_content] img.align-center {
    padding: 0 20px;
}


/* with captions */
.field--name-body figure.align-left,
.field--name-field-additional-content figure.align-left {
  width: 50%;
  max-width: 370px;
  margin: 0 40px 20px 0;
}

.field--name-body figure.align-center,
.field--name-field-additional-content figure.align-center {
  width: 100%;
  margin: 40px 0;
}

.field--name-body figure.align-right,
.field--name-field-additional-content figure.align-right {
  width: 50%;
  max-width: 370px;
  margin: 0 0 20px 40px;
}

.field--name-body figure img,
.field--name-field-additional-content figure img {
  width: 100%;
  height: auto;
}

.field--name-body figcaption,
.field--name-field-additional-content figcaption {
  font-family: PTSerif-BoldItalic;
	font-weight: normal;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 20px;
  padding-top: 10px;
}


.field--name-body {
  margin-bottom: 50px;
}


/* Module 2: Callout
************************************************/
.callout,
.callout-lg {
  position: relative;
  border: 20px solid #EDF5FA;
  margin: 0 0 100px 0;
  padding: 56px;
  text-align: center;
  font-family: PTSerif-BoldItalic, serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  color: #607588; }

.callout-lg {
  margin-top: 74px;
  margin-bottom: 50px;
  padding-left: 36px; }
.callout-lg.no-image {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 36px; }
  .callout-lg:before, .callout-lg:after {
    display: block;
    content: "";
    width: 66px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .callout-lg:before {
    background-image: url(../images/icn-callout-1.png);
    top: -40px; }
  .callout-lg:after {
    background-image: url(../images/icn-callout-2.png);
    bottom: -40px; }
  .callout-lg.no-quotation-marks:before, .callout-lg.no-quotation-marks:after {
    display: none; }

.callout .callout-profile {
  display: none; }

.callout-text {
  text-align: center;
  margin-top: 30px; }

.profile-empty .callout-text {
  margin-top: 0; }

.profile-empty .callout-name {
  padding: 0; }

.callout-img {
  width: 50%;
  min-width: 200px;
  max-width: 80%;
  margin: 40px auto 0 auto; }

.callout-profile.no-image .callout-img {
  margin: 0 auto 0 auto; }

.callout-img img {
  width: 170px;
  height: auto;
  max-height: 230px;
  display: inline-block; }

.callout-name {
  font-family: 'Roboto-Bold';
  font-weight: normal;
  font-size: 20px;
  color: #0074BB;
  padding: 15px 0 0 0; }

.callout-job {
  font-family: 'Roboto-Bold';
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.25px;
  line-height: 16px;
  padding-bottom: 5px; }

.callout-company,
.callout-asset-size {
  font-family: 'Roboto-BoldItalic';
  font-weight: normal;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.25px;
  line-height: 16px; }

.callout-asset-size {
  margin-top: 5px; }

.callout-twitter {
  margin: 30px auto 0 auto;
  width: 41px;
  height: 45px; }

.callout-twitter a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/icn-callout-tw.png);
  background-size: 100%;
  text-indent: -999em; }

/* scroll to top */
#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(220, 97, 38);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border: 2px solid rgb(220, 97, 38);
    display: none;
    -webkit-transition: none;
    -moz-transition:  none;
    -ms-transition: none
    -o-transition: none;
    transition: none;
    z-index: 1000;
}

#scroll-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 15px;
    top: 12px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#scroll-to-top:hover {
    background: rgb(255, 255, 255);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#scroll-to-top:hover i {
    color: rgb(220, 97, 38);
    top: 5px;
}

@media (max-width: 767px) {
    #scroll-to-top {
        display: none !important;
    }
}


/* 768px AND UP
/************************************************/
@media only screen and (min-width: 768px) {
  /* Module 2: Callout
    ************************************************/
  .callout-text {
    text-align: left;
    margin-top: 0;
    padding-left: 22px; }
  .callout-img {
    margin: 0 auto; }
  .callout-lg:before,
  .callout-lg:after {
    width: 66px;
    height: 100%; }
  .callout-lg:before {
    transform: none;
    left: -40px;
    top: 0px; }
  .callout-lg:after {
    transform: none;
    left: initial;
    right: -40px;
    bottom: 0px; }
  .callout-lg {
    display: table;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto; }
  .callout-lg .callout-text {
    display: table-cell;
    width: 66%;
    padding-left: 9%;
    vertical-align: middle;
    margin: 0; }
  .callout-lg .callout-profile {
    display: table-cell;
    width: 25%;
    vertical-align: top; }
    .callout-lg .callout-profile.no-image {
      vertical-align: middle; }
      .callout-lg .callout-profile.no-image .callout-img {
        margin-top: -26px; }
  .callout-profile .callout-img {
    margin-top: -100px; }
  .callout-twitter {
    position: absolute;
    left: 48%;
    transform: translateY(-50%);
    bottom: -50px; }
  .callout-lg.profile-empty .callout-profile {
    display: none; }
  .callout-lg.profile-empty .callout-text {
    padding-left: 0;
    width: 100%; }
  /* 2/3rds Width */
  aside.sidebar + article .callout-lg .callout-profile {
    vertical-align: middle; }
  aside.sidebar + article .callout-lg .callout-profile .callout-img {
    margin: 0; } }


/* Module 9: Call To Action - Download
************************************************/
.cta h2,
.cta-down h2,
.cta p,
.cta-down p {
  margin-top: 0;
  margin-bottom: 20px; }

.cta h2,
.cta-down h2 {
  font-family: 'Roboto-Black';
  font-size: 38px;
  line-height: 42px; }

.cta *[class^="btn-cues"],
.cta-down *[class^="btn-cues"] {
  font-size: 20px;
  adding: 11px 7%;
  width: inherit;
  text-align: center; }

/* outer border color */
.cta,
.cta-down {
  position: relative;
  width: 100%;
  padding: 5px;
  margin: 0 0 70px 0;
  overflow: hidden; }

.cta:before,
.cta:after,
.cta-down:before,
.cta-down:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: -2;
  /* underlay beneath content */
  background-color: #DC6126;
  border-color: #DC6126; }

.cta-down:before,
.cta-down:after {
  background-color: #0074BB;
  border-color: #0074BB; }

.cta:before,
.cta-down:before {
  top: 0;
  right: 0;
  bottom: 100px;
  /* == border-top-width of :after */ }

.cta:after,
.cta-down:after {
  top: auto;
  right: -5px;
  /* + some px to mask rounding errors during scale */
  bottom: 0;
  border-style: solid;
  border-width: 100px 100px 0 0;
  /* this is the actual slant*/
  background-color: transparent;
  border-right-color: transparent;
  /* this is the actual slant*/ }

/* interior background */
.cta-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  margin: 0 auto;
  overflow: hidden;
  /* */ }

.cta-inner:before,
.cta-inner:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: -1;
  /* underlay beneath content */
  background-color: #fff;
  border-color: #fff; }

.cta-inner:before {
  top: 0;
  right: 0;
  bottom: 100px;
  /* == border-top-width of :after */ }

.cta-inner:after {
  top: auto;
  right: -10px;
  /* + some px to mask rounding errors during scale */
  bottom: 0;
  border-style: solid;
  border-width: 102px 102px 0 0;
  /* this is the actual slant*/
  background-color: transparent;
  border-right-color: transparent;
  /* this is the actual slant*/ }

.cta-content {
  position: relative;
  z-index: 3;
  font-family: PTSerif-Regular, serif;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 30px; }

.cta *[class^="btn-cues"] {
  margin: 20px 0; }

.cta-down .file {
  padding: 20px 0 0 0;
  display: block; }

.cta-down .file-icon,
.cta-down .file-size,
.cta-down .btn-cues {
  display: none; }

/* fixes overrides.css conflicts */
.cta-body .file > span {
  border: 0; }

.cta-body .file-link {
  display: inline-block;
  width: auto; }

.cta-down .file .file-link a {
  display: block;
  width: 248px;
  height: 52px;
  text-indent: -999em;
  background-image: url(../images/btn-download-m.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  padding: 0; }

.cta-down .file .file-link a:hover {
  background-image: url(../images/btn-download-m-on.png); }

/* 768px AND UP
/************************************************/
@media only screen and (min-width: 768px) {
  /* Module 6: Call To Action
    ************************************************/
  .cta-inner {
    padding: 20px 65px 20px 65px; }
  .cta-down .file .file-link a {
    display: block;
    width: 404px;
    background-image: url(../images/btn-download.png); }
  .cta-down .file .file-link a:hover {
    background-image: url(../images/btn-download-on.png); } }


/* Module 7: CAROUSEL SLIDER
************************************************/
.carousel-slider-container {
  margin-bottom: 100px; }

.carousel-slider {
  margin-top: 20px; }

.carousel-slider .slide {
  display: block;
  /* height: 100%; */
  width: 50%;
  opacity: 0.3 !important;
  transform: scale(0.85);
  transition: opacity .5s ease-in-out;
  transition: transform .5s ease-in-out; }

.carousel-slider .slide.is-selected {
  opacity: 1 !important;
  transform: scale(1);
  z-index: 100; }

.carousel-slider .slide .image img {
  max-width: 100%;
  width: 100%; }

.carousel-slider .slide .caption {
  font-family: PTSerif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #666666;
  padding: 0 12px;
  margin-top: 48px;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: .4s; }

.carousel-slider .slide.is-selected .caption {
  opacity: 1; }

.carousel-slider .flickity-prev-next-button {
  background: #fff;
  height: 85%;
  width: 100px;
  margin: 0 -10px;
  z-index: 100;
  border-radius: 0;
  top: 0;
  transform: none; }

.carousel-slider .flickity-prev-next-button:focus,
.carousel-slider .flickity-prev-next-button:active {
  opacity: 1; }

.carousel-slider .flickity-page-dots {
  bottom: unset !important; }

.carousel-slider .flickity-page-dots .dot {
  background: transparent !important;
  border: solid 2px #0079B2;
  opacity: 1 !important;
  padding: 0 0 4px 4px;
  width: 10px !important;
  height: 10px !important; }

.carousel-slider .flickity-page-dots .dot.is-selected {
  background: #0079B2 !important;
  border: none; }

.carousel-slider .flickity-button-icon {
  fill: #999 !important;
  width: 35px !important;
  height: 35px !important;
  top: 45% !important; }

button:focus {
  outline: none; }

ol.flickity-page-dots {
  padding-left: 0;
}

@media (max-width: 950px) {
  .carousel-slider .slide {
    width: 75%; }
  .carousel-slider .flickity-prev-next-button {
    width: 60px; } }

@media (max-width: 650px) {
  .carousel-slider .slide {
    width: 100%; }
  .carousel-slider .flickity-prev-next-button {
    top: 40%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-40%);
    margin: 0; }
  .carousel-slider .flickity-button-icon {
    left: 7px !important;
    top: 7px !important;
    height: 30px !important;
    width: 30px !important; } }

@media (max-width: 480px) {
  .carousel-slider .flickity-prev-next-button {
    top: 35%;
    width: 30px;
    height: 30px; }
  .carousel-slider .flickity-button-icon {
    left: 5px !important;
    top: 5px !important;
    height: 20px !important;
    width: 20px !important; } }


/* Module 10: Charts
************************************************/
/* CHART/GRAPH STYLING */
.section.chart {
  display: flex;
  margin-bottom: 100px; }

.section.chart.line .chart-content-container,
.section.chart.bar .chart-content-container {
  min-width: 397px;
  max-width: 397px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 30px; }

.section.chart.pie .chart-content-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1; }

.section.chart .field--name-field-chart-description p {
  margin: 0;
}


/*.section.chart.pie .chart-content-container,*/
/*.section.chart.line .chart-content-container,*/
/*.section.chart.bar .chart-content-container {*/
/*max-width:unset;*/
/*}*/
.section.chart .chart-content-container h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.chart-container {
  margin-top: 20px; }

.section.chart.pie .chart-container {
  width: 100%;
  max-width: 630px;
  /* height: 290px; */
  position: relative;
  display: flex;
  justify-content: flex-end; }

.section.chart.line .chart-container {
  width: 100%;
  max-width: 100%;
  min-height: 300px;
  position: relative; }

.legend-list {
  justify-content: center;
  flex-wrap: wrap; }

.legend-item {
  padding: 0 20px !important;
  margin-top: 8px; }

.legend-item:not(:last-child) {
  /*margin-right: 46px;*/ }

@media (max-width: 1023px) {
  .legend-list {
    /*justify-content: space-between;*/ }
  .legend-item:not(:last-child) {
    /*margin-right: 0;*/ } }

@media (max-width: 975px) {
  /*.section.chart.line .chart-container {*/
  /*margin-top: 20px;*/
  /*}*/
  .legend-item:not(:last-child) {
    /*margin-right: 46px;*/ } }

@media (max-width: 573px) {
  .legend-list {
    flex-direction: column;
    align-items: center;
    margin-top: 20px !important; }
  .legend-item {
    display: block; }
  .legend-item:not(:last-child) {
    /*margin-right: 0;*/ } }

.section.chart.line .chart-container .chart {
  width: 100%;
  max-width: 100%;
  min-height: 300px;
  position: relative; }

.section.chart.bar .chart-container {
  width: 100%;
  max-width: 100%;
  min-height: 297px;
  position: relative; }

.section.chart.line .chart-container #linechart {
  max-width: 100%;
  position: relative; }

.section.chart.line .chart-container #linechart {
  max-width: 100%;
  position: relative; }

.section.chart.bar .chart-container #barchart {
  max-width: 100%;
  position: relative; }

.pie-chart-legend {
  align-self: center;
  padding-right: 20px; }

.pie-chart-legend ul {
  list-style: none;
  padding: 0; }

.pie-chart-legend ul li {
  font-size: 18px;
  font-family: Roboto-Light;
  padding: 0;
  position: relative; }

.pie-chart-legend ul li:not(:last-child) {
  margin-bottom: 8px; }

.pie-chart-legend ul li p {
  margin: 0;
  position: relative;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 20px; }

.pie-chart-legend ul li p span.label-value {
  padding-left: 22px;
  position: relative;
  font-family: Roboto-Bold;
  margin-right: 4px; }

.pie-chart-legend ul li p span.label-text {
  position: relative;
  max-width: 170px;
  margin-left: 4px; }

.pie-chart-legend ul li p.label-hidden:before {
  position: absolute;
  content: " ";
  height: 2px;
  width: calc(100% - 16px);
  background: #000;
  top: 10px;
  left: 20px; }

@media (max-width: 1020px) {
  .section.chart.pie,
  .section.chart.bar {
    flex-direction: column; }
  .section.chart.pie .chart-content-container,
  .section.chart.line .chart-content-container,
  .section.chart.bar .chart-content-container {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0; }
  .section.chart.pie .chart-content-container h2, .section.chart .chart-content-container p {
    max-width: 633px; }
  .section.chart.pie .chart-container {
    top: 0; }
  .section.chart.pie .chart-container {
    flex-direction: row-reverse !important;
    justify-content: center; }
  .pie-chart-legend ul li p span.label-text {
    max-width: 100% !important; }
  .pie-chart-legend {
    padding-left: 20px; } }

@media (max-width: 975px) {
  .section.chart.line {
    flex-direction: column; }
  .section.chart.line .chart-content-container {
    max-width: 100%;
    padding-bottom: 0; }
  .section.chart.line .chart-content-container h2, .section.chart .chart-content-container p {
    max-width: 100%; }
  .section.chart.line .chart-container #linechart {
    left: -18px; } }

@media (min-width: 768px) {
  .section.chart.pie .chart-container {
    justify-content: flex-end;
    flex-direction: row-reverse; }
  .pie-chart-legend {
    padding-right: 20px;
    padding-left: 20px; }
  .section.chart.pie .chart-container .chart {
    height: 290px;
    min-width: 300px;
    /*max-width: 100%;*/
    /*min-height: 300px;*/ } }

@media (max-width: 768px) {
  .section.chart.pie .chart-content-container,
  .section.chart.line .chart-content-container,
  .section.chart.bar .chart-content-container {
    max-width: unset;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-right: 0; }
  .section.chart.pie .chart-container {
    flex-direction: column-reverse !important;
    justify-content: center !important;
    align-items: center; }
  .section.chart.pie .chart-container .chart {
    height: 268px; }
  .pie-chart-legend {
    padding-top: 20px; } }

@media (max-width: 480px) {
  .section.chart.pie .chart-content-container,
  .section.chart.line .chart-content-container,
  .section.chart.bar .chart-content-container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
  .section.chart.pie .chart-container {
    /*overflow: hidden;*/
    height: 600px; }
  .section.chart.pie .chart-container #donutchart {
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    height: 600px;
    width: 100%;
    max-width: 100%; }
  #donutchart > div > div:nth-child(1) > div > svg > g:nth-child(2) {
    transform: translate(0px, 446px); }
  .section.chart.bar .chart-container {
    min-height: 340px; } }

/* 991px AND UP
/************************************************/
@media only screen and (min-width: 991px) {
  /* Module 12: Charts
    ************************************************/
  .cues-chart {
    display: table;
    width: 100%; }
  .tbl-cell {
    display: table-cell;
    float: none;
    vertical-align: middle; } }

/* 2/3rds Display */
@media only screen and (min-width: 768px) {
  aside.sidebar + article .section.chart,
  aside.sidebar + article .chart-content-container,
  aside.sidebar + article .chart-container {
    display: block;
    max-width: unset !important; } }

/* end 768 */


/* Module 8: Block Form - Lead Generator and Survey
************************************************/
.field--name-field-additional-content .field--name-body,
.field--name-body,
.field--item > .comparison-accordion,
.accordion,
.paragraph--type--call-to-action,
.paragraph--type--additional-body,
.paragraph--type--cta-file-download,
.paragraph--type--cta-file-download,
.paragraph--type--poll .field--name-field-heading,
.paragraph--type--poll .field--name-field-poll,
.paragraph--type--image-carousel {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph--type--additional-body {
  margin-bottom: 50px;
}

.block-lead-gen,
.paragraph--type--poll {
  background-color: #EDF5FA;
  padding: 40px 30px;
  margin-bottom: 100px; }

.block-lead-gen {
  background: none;
  padding: 0; }

.paragraph--type--poll {
  background-color: #EDF5FA;
  padding: 40px 30px; }

.paragraph--type--poll h2 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.paragraph--type--poll legend {
  display: none; }

.poll > dl {
  margin-top: 30px; }

.poll .poll-question {
  margin: 0 0 10px;
}

.poll .choice-title {
  font-family: PTSerif-Bold; }

.poll .choice-result {
  width: 100%; }

.poll .choice-result:after {
  display: table;
  height: 20px;
  width: 100%;
  content: ""; }

.poll .choice-result:last-child {
  margin-bottom: 0; }

.poll .bar {
  float: left;
  width: 80%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.1); }

.poll .bar .foreground {
  float: none;
  height: 100%;
  background-color: #DC6126; }

.poll .percent {
  float: left;
  width: 10%;
  margin-left: 10px;
  text-align: left;
  font-family: Roboto-Bold;
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 0;
  color: #DC6126; }

.poll .total {
  display: none; }

/* Radio Custom Style */
.paragraph--type--poll label {
  margin-bottom: 5px;
  padding-left: 30px;
  font-family: PTSerif-Bold;
  position: relative; }

.paragraph--type--poll input[type=radio] {
  position: absolute;
  left: -9999px; }

.paragraph--type--poll input[type="radio"]:not(:checked) + span,
.paragraph--type--poll input[type="radio"]:checked + span {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #ccc; }

.paragraph--type--poll input[type="radio"]:not(:checked) + span:before,
.paragraph--type--poll input[type="radio"]:checked + span:before {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #DC6126;
  transition: all 0.3s ease; }

.paragraph--type--poll [type="radio"]:not(:checked) + span:before {
  opacity: 0;
  transform: scale(0); }

.paragraph--type--poll input[type="radio"]:checked + span:before {
  opacity: 1;
  transform: scale(1); }

/* 480px AND UP
/************************************************/
@media only screen and (min-width: 480px) {
  /* Module 8: Polls
  ************************************************/
  .block-survey .poll .bar {
    width: 83%; } }

/* 768px AND UP
/************************************************/
@media only screen and (min-width: 768px) {
  /* Module 8: Polls
    ************************************************/
  .block-survey .poll .bar {
    width: 88%; } }



/* Module 3:  Accordion
************************************************/
.accordion {
  margin-bottom: 100px; }

.accordion .accordion {
  margin: 0; }

.panel-heading {
  padding: 0; }

a.head-title p {
  display: inline; }

.panel-title a.head-title {
  position: relative;
  padding: 15px 0;
  font-family: Roboto-Bold;
  color: #607588;
  display: block;
  text-decoration: none;
  font-size: 22px !important;
  line-height: 24px; }

.panel-body {
  padding: 0; }

.panel-body h3:first-child {
  margin-top: 10px; }

.panel-collapse {
  position: relative;
  display: block;
  height: 105px !important;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0, #fff 0%);
  transition: all .3s ease-in-out; }

.panel-collapse:after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0, #fff 95%);
  top: unset;
  bottom: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  content: '';
  transition: all .3s ease-in-out;
  padding-bottom: 0; }

.panel-collapse.in {
  height: 100% !important;
  padding-bottom: 50px; }

.panel-collapse.in:after {
  height: 1px;
  display: block; }

/* open-close icons */
.acc-title a {
  text-decoration: none; }

.acc-title h4 {
  margin-bottom: -10px;
  margin-top: 28px;
  font-family: 'Roboto-Bold';
  font-weight: normal;
  font-size: 20px;
  color: #0074BB;
}

.acc-new h3 {
  position: relative; }

.acc-new h3 div:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  line-height: 1em;
  color: #607588;
  transition: all .5s ease-in-out; }

a.acc-new[aria-expanded="true"] h3 div:after {
  content: "\f146";
  color: #ccc; }

a.acc-new[aria-expanded="false"] h3 div:after {
  content: "\f0fe"; }

/*  Comparison Accordion */
.comparison-accordion-intro .acc-type-1,
.comparison-accordion-intro .acc-type-2,
.comparison-accordion-intro .acc-type-3,
.comparison-accordion-intro .acc-type-4 {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -3px; }

.comparison-accordion .field--name-field-table-header {
  margin-top: 30px; }

.comparison-accordion .field--name-field-table-header,
.comparison-accordion .field--name-field-table-footer {
  padding: 5px 0;
  text-align: right;
  font-family: 'Roboto-BoldItalic', sans-serif;
  font-size: 15px;
  color: #444; }

.comparison-accordion .field--name-field-table-header i {
  font-family: 'Roboto-BoldItalic', sans-serif; }

.new-improved-benefit {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  vertical-align: middle;
  background-image: url(../images/icn-cues-end.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.accordion.acc-compare {
  position: relative;
  border: 1px solid #ccc;
  border-bottom: 0;
  margin-bottom: 0; }

.accordion.acc-compare .acc-title {
  min-height: 49px;
  display: flex; }
  .accordion.acc-compare .acc-title a.acc-new {
    display: flex;
    align-items: center;
    padding-right: 125px;
    width: 100%; }
    .accordion.acc-compare .acc-title a.acc-new div.acc-header {
      display: flex;
      align-items: center;
      padding: 2px 8px; }
      .accordion.acc-compare .acc-title a.acc-new div.acc-header h4 {
        padding-right: 8px; }
      .accordion.acc-compare .acc-title a.acc-new div.acc-header span.subtitle {
        font-family: 'Roboto-Italic';
        font-size: 20px;
        color: #303440;
        font-size: 18px;
        text-decoration: none; }
      @media (max-width: 768px) {
        .accordion.acc-compare .acc-title a.acc-new div.acc-header {
          flex-direction: column;
          align-items: flex-start;
          padding-right: 0; }
          .accordion.acc-compare .acc-title a.acc-new div.acc-header h4 {
            font-family: 'Roboto-Bold';
            font-size: 14px;
            line-height: 1.21;
            color: #303440;
            letter-spacing: 0; }
          .accordion.acc-compare .acc-title a.acc-new div.acc-header span.subtitle {
            margin: -13px 0 10px 28px;
            font-size: 14px;
            line-height: 1.21;
            color: #303440; }
            .accordion.acc-compare .acc-title a.acc-new div.acc-header span.subtitle span {
              display: none; } }
    @media (max-width: 768px) {
      .accordion.acc-compare .acc-title a.acc-new .new-improved-benefit {
        margin: 0; } }
.acc-compare h4 {
  margin: 0px;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center; }

.acc-compare h4 div {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  float: left; }

.acc-compare h4 i {
  font-family: "Roboto-Italic";
  font-size: 18px;
  line-height: 18px; }

.acc-compare h3 {
  display: none; }

.acc-compare .panel-collapse {
  height: 0 !important;
  background-image: none;
  border: 0; }

.acc-compare .panel-collapse.in {
  height: unset !important;
  padding: 0; }

.acc-compare .panel-collapse:after {
  display: none; }

.acc-compare .acc-content {
  padding: 30px 10px; }

.acc-compare h4 span.subtitle {
  display: block;
  margin-left: 0px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-bottom: 10px;
  margin-top: -10px;
  font-family: "Roboto-Italic";
  font-size: 16px;
  line-height: 18px; }

.comparison-accordion .field--name-field-benefit-details > .field--item:last-child {
  border-bottom: 1px solid #ccc; }

.comparison-accordion .field--name-field-benefit-details > .field--item:nth-child(odd) {
  background: #EDF5FA; }

.acc-types {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 50px;
  width: 200px;
  text-align: right; }

.acc-types .acc-type-1,
.acc-types .acc-type-2,
.acc-types .acc-type-3,
.acc-types .acc-type-4 {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  padding: 15px 15px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.acc-dot:before {
  display: block;
  width: 20px;
  height: 20px;
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  font-weight: 900;
  font-size: 20px;
  line-height: 20px;
  color: #ccc;
  text-align: center; }

.comparison-accordion-3 .acc-compare .acc-type-1 {
  right: 100px; }

.comparison-accordion-3 .acc-compare .acc-type-2 {
  right: 50px; }

.comparison-accordion-3 .acc-compare .acc-type-3 {
  right: 0px; }

.comparison-accordion-3 .acc-compare .acc-type-4 {
  display: none; }

.comparison-accordion-4 .acc-compare .acc-type-1 {
  right: 150px; }

.comparison-accordion-4 .acc-compare .acc-type-2 {
  right: 100px; }

.comparison-accordion-4 .acc-compare .acc-type-3 {
  right: 50px; }

.comparison-accordion-4 .acc-compare .acc-type-4 {
  right: 0px; }

.acc-type-1 .acc-dot:before {
  color: #607588; }

.acc-type-2 .acc-dot:before {
  color: #0074BB; }

.acc-type-3 .acc-dot:before {
  color: #DC6126; }

.acc-type-4 .acc-dot:before {
  color: #CCCCCC; }

.acc-count {
  display: block;
  width: 20px;
  height: 20px;
  font-weight: 500;
  font-family: Roboto-Bold;
  line-height: 20px;
  text-align: center; }

.acc-type-1 .acc-count {
  color: #607588; }

.acc-type-2 .acc-count {
  color: #0074BB; }

.acc-type-3 .acc-count {
  color: #DC6126; }

.acc-type-4 .acc-count {
  color: #CCCCCC; }

/* open-close icons */
.acc-compare h4:after {
  display: block;
  content: "";
  clear: both; }

.acc-compare h4:before {
  display: block;
  float: left;
  vertical-align: text-bottom;
  margin-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  line-height: 45px;
  color: #607588; }

.acc-compare h4:before {
  content: "\f146"; }

.acc-compare a[aria-expanded="true"] h4:before {
  content: "\f146";
  color: #ccc; }

.acc-compare a[aria-expanded="false"] h4:before {
  content: "\f0fe"; }

/*************************************/
@media only screen and (max-width: 600px) {
  .acc-compare h4 {
    font-size: 15px;
    line-height: 18px; }
  .acc-compare h4 div {
    max-width: 210px;
    padding-top: 12px;
    padding-bottom: 10px; }
  .acc-compare h4 span.subtitle {
    margin-top: 0px; }
  .acc-compare h4 .new-improved-benefit {
    margin-top: 10px; }
  .acc-types .acc-type-1, .acc-types .acc-type-2, .acc-types .acc-type-3, .acc-types .acc-type-4 {
    width: 40px;
    padding: 15px 10px; }
  .acc-compare .acc-type-1 {
    right: 120px; }
  .acc-compare .acc-type-2 {
    right: 80px; }
  .acc-compare .acc-type-3 {
    right: 40px; }
  .acc-compare .acc-type-4 {
    right: 0px; } }

/* end 600 */
/*************************************/
@media (min-width: 768px) {
  .acc-compare h4:before,
  .acc-compare h4 div,
  .acc-compare h4 span.subtitle {
    float: none;
    display: inline-block; }
  .acc-compare h4 {
    font-size: 22px; }
  .acc-compare h4:before {
    font-size: 25px;
    line-height: 28px;
    margin-right: 14px; }
  .acc-compare h4 span.subtitle {
    font-size: 18px; }
  .accordion.acc-compare .acc-title a.acc-new div.acc-header {
    padding: 2px 15px; }
  .acc-compare .acc-content {
    padding: 20px 50px 28px 50px; } }

/* end 768 */


/* Block Form - Lead Generator and Survey
************************************************/

.block-lead-gen,
.block-survey {
	background-color: #EDF5FA;
	padding: 40px 30px;
}

.block-lead-gen h2,
.block-survey h2 {
	margin-top: 0;
}

.block-lead-gen .col-sm-6 {
	margin-bottom: 20px;
}

.block-lead-gen label,
.block-lead-gen .flg-terms  {
	font-family: Roboto-Regular;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0;
}

.block-lead-gen .flg-terms {
	padding-bottom: 25px;
}

.block-survey ul {
	list-style: none;
	margin: 20px 0 25px 0;
	padding: 0;
}

.block-survey ul li {
	margin: 25px 0;
	font-family: "PTSerif-Bold";
	font-weight: normal;
}


.block-survey .survey-results {
	display: table;
	width: 100%;
	margin-left: 35px;
}

.block-survey .survey-results .results-numb {
	display: table-cell;
	vertical-align: middle;
	font-family: Roboto-Bold;
	font-weight: normal;
	font-size: 22px;
	color: #DC6126;
	letter-spacing: 0;
	padding-left: 15px;

}

.block-survey .survey-results .results-bar {
	display: table-cell;
	height: 40px;
	background-color: #DC6126;
	max-width: 90%;
}





/* input styles for checkbox and radio
************************************************/

.input-checkbox-text,
.input-radio-text {
	display: block;
	margin-left: 35px;
}

/* Customize the label (the container) */
.input-checkbox-container,
.input-radio-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.input-checkbox-container input,
.input-radio-container input {
  position: absolute;
  opacity: 0;
}

/* On mouse-over, add a grey background color */
.input-checkbox-container:hover input ~ .checkmark,
.input-radio-container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.input-checkbox-container input:checked ~ .checkmark,
.input-radio-container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.input-checkbox-container .checkmark:after,
.input-radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
  transition: all ease-in-out .3s;
}

/* Show the indicator (dot/circle) when checked */
.input-checkbox-container input:checked ~ .checkmark:after,
.input-radio-container input:checked ~ .checkmark:after {
	opacity: 1;
}

/* Create a custom checkbox */
.input-checkbox-container .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Style the checkmark/indicator */
.input-checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid #DC6126;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Create a custom radio button */
.input-radio-container .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
}

/* Style the indicator (dot/circle) */
.input-radio-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #DC6126;
}


/* MAGAZINE
************************************************/


.cover-story .ep-hero:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 140px;
    height: 20px;
    background-image: url(../images/icn-cover-story.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.cover-story .views-row {
	border-bottom: 3px solid #666;
	width: 100%;
}

.cover-story .views-row > div {
	width: 100%;
	position: relative;
}

.cover-story .views-field-field-thumbnail img {
	width: 100%;
	display:block;
	background:#eee;
	min-height:355px;
}

.cover-story .views-field-nothing .content-text {
	margin: 0;
	padding: 20px 20px 60px 0;
}

.cover-story .latest-summary,
.cover-story .latest-author {
	height: inherit;
	margin:10px 0;
}

.cover-story .latest-degreed {
	position:absolute;
	left:20px;
	bottom:20px;
	margin:0;
}

.cover-story .view-footer {
	margin: 4px 0 15px 0;
}

.cover-story .view-footer a {
	font-family: Roboto-Medium;
	font-size: 14px;
	letter-spacing: 0;
	text-decoration: none;
}

.cover-story .browse-past {


}

.block-panels-mag .views-row {
    width: 350px;
    margin-bottom:40px;
    margin:0 auto 50px auto;
    min-height: 400px
}

.block-panels-mag a {
	display: block;
  	font-family: "RobotoBold";
  	text-decoration: none;
  	font-size: 16px;
  	line-height: 1em;
  	margin-bottom: 15px;
}

.block-panels-mag h3 {
	margin: 15px 0 10px 0 !important;
}

.block-panels-mag h3 a {
	color: #607588;
	font-size:28px;
}

.block-panels-mag .views-field-field-cover-image a img {
	width:100%;
}


/* Dropdown Magazine Year
*************************************************************/


.block-panels-mag .view-header h2 {
width:50%;
float:left;
}

.mag-select-year {
float:right;
margin-right:20px;
}

.block-panels-mag .view-header .mag-select-year {
margin:20px;
}

.block-panels-mag .view-header:after {
display:table;
content:"";
clear:both;
}

.mag-select-year {
    font-family: Roboto-Regular;
    font-size: 18px;
}

/* CSS HOVER Dropdown Button */
.dropbtn {
	display: inline-block;
    background: #fff;
    padding: 11px 42px 11px 5px !important;
    font-family: Roboto-Italic;
    font-size: 16px;
    line-height: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-indent: 10px;
    background-image: url(../images/icn-select-carets.png);
    background-repeat: no-repeat;
    background-position: 94% center;
}

/* The container <div> - needed to position the dropdown content */
ul.dropdown {
    position: relative;
    display: inline-block;
    margin: 0;
	padding: 0;
	list-style: none;
}

/* Dropdown Content (Hidden by Default) */
ul.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 100;
    left: 0;
    top: 38px;
    margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}


ul.dropdown-content li {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

/* Links inside the dropdown */
ul.dropdown-content li a {
	display: block;
	font-family:Roboto-Regular;
	font-size: 18px;
	line-height: 38px;
	color:#000;
	text-decoration: none;
	width:100%;
	margin:0
}

/* Change color of dropdown links on hover */
ul.dropdown-content a:hover {background-color: #eee;}

/* Show the dropdown menu on hover */
ul.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
ul.dropdown:hover .dropbtn {background-color: #fff;}


/* BOOTSTRAP CLICK Dropdown Button */
/*
.block-panels-mag .view-header {
	margin-top:-20px;
	margin-bottom:40px;
}

.block-panels-mag .view-header:after {
	display:table;
	content:"";
	clear:both;
}

.block-panels-mag .view-footer {
	clear: both;
}

.block-panels-mag .view-header h2 {
	float:left;
}

.block-panels-mag .dropdown {
	width:200px;
	float:right;
	margin-top: 20px;
    text-align:right;
	font-family:Roboto-Regular;
	margin-top: 20px;
}

.block-panels-mag a.dropdown-toggle {
	display: inline-block;
	border:1px solid #ccc;
	border-radius: 4px;
	width: 95px;
	padding: 8px 0px 8px 15px;
	color:#000;
	font-family:Roboto-MediumItalic;
	text-align:left;
	background:url(../images/icn-select-carets.png);
	background-repeat:no-repeat;
	background-position: 90% center;
	margin-left: 5px;
}

.block-panels-mag .dropdown.open .dropdown-menu {
	margin:0;
	padding:0;
	right:0;
	width:95px;
	left: unset;
	float:right;
	min-width:unset;
    border-radius: 0 0 4px 4px;
    margin-top: -18px;
    border-top: none;
}
.block-panels-mag .dropdown.open .dropdown-menu li {
	margin:0;
	padding:0;
}
.block-panels-mag .dropdown.open .dropdown-menu li a {
	width: 100%;
    padding: 10px 0 10px 10px;
    margin:0;
}
*/


/* Filter for Blogs
************************************************/





/* Advancing Women
************************************************/

.aw-hero img, .aw-hero-m img {
	width:100%;
	height: auto;
}
.aw-hero {display:none;}

.aw-header {
margin-bottom: 50px;
}

.aw-header:after {
display:block;
content:"";
width:100%;
height:3px;
background:#666666;
}

.aw-header .col-md-6 {
padding:0;
}

.aw-image img {
width:100%;
height: auto;
}

.aw-text {
text-align:center;
padding: 0 10%;
}

.aw-header h3 {
font-size:15px;
color:#000;
margin: 20px 0 0 0 !important;
padding:0;
font-family:Roboto-Medium;
}

.aw-header h1,
.aw-header h1 em {
margin: 10px 0 !important;
font-size: 48px;
line-height:.9em;
font-family: Georgia,sans-serif;
font-weight: bold;
color:#000;
letter-spacing:-.015em;
}

.aw-header strong {
color:#607588;
font-family:Roboto-Medium;
}

.aw-header .aw-italic {
color:#666666;
font-size: 22px;
line-height: 26px;
font-family:PTSerif-Italic;
}



/* Misc Page Items
************************************************/

div[role~=full_width_content] .media-format {
margin-top:30px
}

.header-full-width .date-issue {
	display:block;
	padding-bottom: 20px;
}
.header-full-width .thumb-full {
	display:block;
	padding-bottom: 40px;
}

.cues_learning_portal_banner,
.cues_learning_portal_banner img {
	width:100%;
	max-width:728px;
	margin-bottom:30px;
}

.field--type-video video {
	max-width:100%;
}



/* SIDEBAR - RIGHT SIDE
************************************************/

.region-sidebar-second {
	border: 0;
	background: #fff;
    overflow: hidden;
}

.region-sidebar-second h2.block-title {
	font-size:20px !important;
	line-height:22px;
	text-transform: uppercase;
	border-color: #ccc;
	margin-bottom: 15px
}

.region-sidebar-second h2.block-title:after {
	border-color: #ccc;
	height:20px
}


/* Upcoming Events */
.professional-events-cues-location p,
.professional-events-cues-location p strong,
.professional-events-cues-body p strong {
	font-family: Roboto-Bold;
	font-size: 18px;
	color: #0074BB;
	letter-spacing: 0;
	line-height:22px;
	margin-bottom:10px
}

.professional-events-cues-body p strong {
color:#000
}

.professional-events-cues-block {
padding: 0 0 20px 0;
}

.professional-events-cues-block a {
  text-decoration: none;
  color: #000;
}

.professional-events-cues-title {
display:none;
}

.professional-events-cues-body,
.popular-now-title {
font-family: Roboto-Bold;
font-size: 18px;
color: #000000;
letter-spacing: 0;
line-height: 24px;
}

.professional-events-cues-block:hover .professional-events-cues-body {
	color:#DC6126;
}



/* Popular Right Now */
#block-popularrightnowblock {
margin: 40px 0 70px 0;
}

#block-popularrightnowblock .div-line {
margin: 20px 0px;
}

.popular-now-more {
margin-top:20px
}

.popular-now-block a {
  text-decoration:none;
  color:#DC6126;
}

.popular-now-author a {
  text-transform: Capitalize;
  color:#0074BB;

}

.popular-now-author a:before {
display:none;
}

.popular-now-author a:first-child {
  color:#000;
}

.popular-now-block > a:before {
content: "\f1ea";
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-right: 5px;
}

.professional-events-cues-date,
.popular-now-date {
	margin: -5px 0 0px 0;
}


/* More From This Author */
#block-morefromthisauthorblock {
    margin: 60px 0 70px 0;
}

#block-morefromthisauthorblock ul,
#block-morefromthisauthorblock ul li {
list-style:none;
margin:0;
padding:0;
}

#block-morefromthisauthorblock ul li {
border-bottom:1px solid #ccc;
padding-bottom:20px
}

#block-morefromthisauthorblock .media-format,
#block-morefromthisauthorblock .views-field-field-date {
padding:0;
}

#block-morefromthisauthorblock .latest-summary,
#block-morefromthisauthorblock .latest-author {
margin:0;
height: inherit;
}

#block-morefromthisauthorblock .content-text br {
display:none;
}


/* hide AddToAny mobile view */
.a2a_vertical_style {
	display:none;
}



/*************************************************/
/* MOBILE ONLY */
/************************************************/

@media only screen and (max-width: 768px) {

.footer .container {max-width: 95% !important;}
.footer .btn-md {padding: 12px 8%;width:80%;}

}/* end max 768 */

/* 768 and larger */
@media only screen and (min-width: 768px) {

}



/* 991 max */
@media only screen and (max-width: 991px) {
	.footer .btn-md {padding: 12px 8%;font-size:.9rem;}
	.footer .container {max-width: 95% !important;}
}/* end max 991 */


/*************************************************/
/* DESKTOP */
/************************************************/



/* 991px AND UP
/************************************************/

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

#block-bluefootermagazineinfo {
	background-image: url(../images/bg-footer-blue.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.footer-blue {
	text-align: left;
}

.footer-blue table {
    float: left;
}

.footer-blue table td {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}


.fb-cover {
	display:block;
    width: 170px;
	height: 217px;
	margin: 0 30px 0 0;
	background-color: rgba(0,0,0,.15);
}

.fb-read,
.fb-stay {
   	font-size: 28px;
   	line-height: 30px;
}

.fb-btn {
    margin-left: 40px;
}

.fb-links a {
	padding: 0 10px;
}

.fb-links a:first-child {
	padding-left: 0;
}

.fb-links a:last-child {
	margin-left: -5px;
}

.footer-blue .col-md-4 {
	background-color: initial;
	padding-left: 40px;
	padding-top: 70px;
}


}/* end 991 */



/* 768 AND UP
/************************************************/

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

.main-container h1 {font-size: 55px; line-height: 60px;}
.main-container h2 {font-size: 38px; line-height: 42px;}
.main-container h3 {font-size: 28px; line-height: 34px;}

h1.block-title,
h2.block-title,
.author-profile .full-width-control h1 {
    position: relative;
	font-size: 55px !important;
	line-height: 64px;
	padding-bottom: 5px !important;
}

/* HEADER */
.container > .navbar-header {
	float: none;
	width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

#navbar-account-xtra a,
#navbar-account-xtra strong {
    display: inline-block;
	background: #0066A5;
    color: #fff;
    font-family: Roboto-Bold;
	font-weight: normal;
    text-transform: uppercase;
    line-height: 34px;
    padding: 0 20px;
    letter-spacing: .5px;
}

#navbar-account-xtra strong {
	padding-right: 35px;
}

header .menu {
	text-transform: uppercase;
}

.logo-media > div {
	padding: 0;
}

.logo-media > div:last-child {
	margin: 10px 0;
}

.navbar .logo {
	display: block;
	width: 100%;
	max-width: 540px;
	padding: 5px 0 0 0;
}
	.navbar .logo-m {
		display: none;
	}

#block-navmedia {
	text-align: right;
	padding: 5px 0;
}

#block-navmedia .nav > li {
	display: inline-block;
	padding-right: 30px;
}
	#block-navmedia .nav > li:last-child {
		padding-right: 0;
	}

#block-navmedia a:link, #block-navmedia a:visited, #block-navmedia a:active {
	padding: 5px 0;
	font-size: 14px;
}
	#block-navmedia a:hover, #block-navmedia a:active {
		color: #DC6126
	}

#block-navmedia .nav > li:hover a {
	background-color: initial;
	color: #DC6126;
}

#block-navmedia .nav > li a:before {
	display: inline-block;
	padding-right:10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #DC6126;
}

#block-navmedia .nav > li:first-child a:before {content: "\f1ea"; }
#block-navmedia .nav > li:nth-child(2) a:before {content: "\f075"; }
#block-navmedia .nav > li:nth-child(3) a:before {content: "\f2ce"; }
#block-navmedia .nav > li:nth-child(4) a:before {content: "\f03d"; }
#block-navmedia .nav > li:last-child a:before {content: "\f15c"; }


#navbar-topics {
	background-color: #fff;
}

#navbar-topics > ul > li {
	display: inline-block;
}


#block-navtopics {
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

#block-navtopics .nav > li {
		display: inline-block;
	}

#block-navtopics a:link, #block-navtopics a:visited, #block-navtopics a:active {
	font-family: Roboto-Medium;
	color: #005081;
	background-color: #fff;
}
	#block-navtopics a:hover,
	#block-navtopics a:active {
		color: #DC6126;
		background-color: #fff;
	}
	#block-navtopics .nav > li a.is-active {
  		color: #DC6126;
	}

/* adjust main menu size */
header .container {width:95%}


/* SEARCH BAR EXPANDABLE */

#navbar-search {
	position: relative;
	height: 0px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.sb-search {
	position: absolute;
	z-index: 1;
    right: 0;
    top: 0px;
	width: 0%;
	min-width: 30px;
	height: 50px;
	overflow: hidden;
	-webkit-transition: width 0.4s;
	-moz-transition: width 0.3s;
	transition: width 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
    background: #fff;
}

.sb-search form {
	padding-top: 8px;
}

.sb-search .sb-label {
    display: inline-block;
    width: 100px;
    height: 30px;
    text-align: right;
	font-family: Roboto-Medium;
	font-size: 17px;
    line-height: 35px;
	color: #005081;
	letter-spacing: 0;
	opacity:0;
}

.sb-search-input {
	position: absolute;
	top: 10px;
	right: 55px;
	border: none;
	outline: none;
	background: #fff;
	width: calc(100% - 160px);
	height: 30px;
	margin: 0;
	z-index: 10;
	padding: 5px 65px 10px 5px;
	font-family: Roboto-Regular;
	font-size: 18px;
	color: #949494;
}
/* enter keywords: */

.sb-search-input::-webkit-input-placeholder {
	color: #ccc;
}

.sb-search-input:-moz-placeholder {
	color: #ccc;
}

.sb-search-input::-moz-placeholder {
	color: #ccc;
}

.sb-search-input:-ms-input-placeholder {
	color: #ccc;
}

.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 12px;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #005081;
	z-index: 90;
	font-size: 22px;
	speak: none;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\f002";
}

/* Open state */

.sb-search.sb-search-open .sb-search-input {
	border-bottom: 1px solid #ccc;
	color: #333;
}

.sb-search.sb-search-open .sb-label {
	opacity: 1;
}

.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search:before {
	content: "\f410";
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #fff;
	color: #005081;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

.page-search #edit-search { /* adjust text input width */
	width: 480px;
}



/* HOMEPAGE EDITORS PICKS */

/* top controls */

.editors-pick .views-slideshow-controls-top {
	position: inherit;
}

.editors-pick .views_slideshow_controls_text {
	position: absolute;
	z-index: 1;
	width: 100%;
    height: calc(100% - 30px);
}

.editors-pick .views_slideshow_controls_text span {
	position: absolute;
	display:block;
	background: #fff;
	padding: 5px;
	text-decoration: none;
}

.editors-pick span.views_slideshow_controls_text_previous,
.editors-pick span.views_slideshow_controls_text_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: 40px;
	height: 40px;

}
  .editors-pick span.views_slideshow_controls_text_previous {left: -50px;}
  .editors-pick span.views_slideshow_controls_text_next {right: -50px;}

.editors-pick span.views_slideshow_controls_text_previous:hover:before,
.editors-pick span.views_slideshow_controls_text_next:hover:before {
	color: #DC6126;
}


.editors-pick span.views_slideshow_controls_text_previous:before,
.editors-pick span.views_slideshow_controls_text_next:before {
	font-size: 40px;
}
/* end top controls */


/* bottom controls */

.editors-pick .views-slideshow-controls-bottom {
    top: unset;
    bottom: -35px;
}
/* end bottom controls */



.editors-pick {
	margin-bottom:65px;
}

.editors-pick .views-row .content-locking-wrapper > div:first-child {
    float:left;
    width: 58%;
    height: 360px;
}

.editors-pick .views-row .content-locking-wrapper > div:nth-child(2) {
    float:left;
    width: 42%;
    height: 360px;
    border-top:1px solid #ccc;
    border-right: 1px solid #ccc;
}


.editors-pick .ep-hero img {height: 360px;}
.editors-pick .views-field-nothing .content-text {margin-top: 32px}
.editors-pick .ep-date {margin-top: 5px;}
.editors-pick .latest-summary {margin-top:15px;}
.editors-pick .latest-author {margin-top: 30px;}
.editors-pick .latest-degreed {margin-top: 60px;}

/* homepage block headers */

.popular-header h2,
.recommended-header h2,
.latest-in-header h2 {
    width: calc(100% - 268px);

}
	.popular-header h2:after,
	.recommended-header h2:after,
	.latest-in-header h2:after {
		display: none;
	}

.popular-header a.more-like-this,
.recommended-header a.more-like-this,
.latest-in-header a.more-like-this {
	position: absolute;
	z-index: 1;
	bottom:0;
	right: 0;
	font-size: 18px;
	line-height: 18px;
}

.popular-header .more-like-this:before,
.recommended-header .more-like-this:before,
.latest-in-header .more-like-this:before {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -45px;
   	display: inline-block;
    content: " ";
    width: 100%;
    height: 100%;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    border-top: 2px solid #ccc;
    border-left: 3px solid #ccc;
}

.latest-in-header .more-like-this:before {background-color: #fff;}


/* homepage blocks - columns */
.view-the-latest-in .views-row,
.block-panels .views-row,
.block-panels-mag .views-row {
	display:block;
	float: left;
	width: 32%;
	max-width: 368px;
	margin-bottom: 30px;
}
	.block-panels-mag .views-row {
  		width: 270px;
  		margin-right: 20px;
 	}

	.view-homepage-popular .views-row,
	.view-homepage-recommended .views-row,
	.view-the-latest-in .views-row {
		margin-bottom: 60px;
	}


.view-the-latest-in .views-row:nth-child(even) {
	margin: 0 2%;
}

.block-panels .views-row:nth-child(3n+2) {
	margin: 0 2% 30px 2%;
}

.view-homepage-popular .views-row,
.view-homepage-recommended .views-row,
.view-homepage-popular .views-row:first-child,
.view-homepage-recommended .views-row:first-child {
	float: none;
	display: inline-block;
	margin: 0 0 60px 0;
	width: 47%;
}
.view-homepage-popular .views-row:nth-child(even),
.view-homepage-recommended .views-row:nth-child(even){
	margin: 0 0 0 4%;
}



/* Recommended w/ Banner Ads */
.popular-section-left,
.recommended-section-left {
	padding:0;
}

.popular-section-left .views-row,
.recommended-section-left .views-row {
	margin-bottom:40px !important;
	width:47%;
}

.popular-section-left .views-row:nth-child(even):after,
.recommended-section-left .views-row:nth-child(even):after {
	display:table;
	content:"";
	clear:both;
}



/* footer */

.footer ul.links-options li a {text-align: left;}


.footer ul.links-social {text-align:right;}
.footer ul.links-social li {margin: 0;}

.footer ul.links-info li a {text-align:right;}


.footer .date-d {display:block;}
.footer .date-m {display:none;}

#block-footerleftside-2 {
	margin-bottom: 0;
	padding-right: 30px;
}

#block-footerleftside-2 .field--type-text-with-summary p:first-child {
	text-align:left;
}

.footer ul.links-options a.btn-logo-lp {
	margin: 0 0 20px 0;
}

#block-footerleftside-2 .btn-cues {
    width: inherit;
    text-align: left;
}

/* CONTENT REGION
********************************************************/

section[role~=page_content] {
  padding-left: 0;
}

article .content .field--name-field-thumbnail {
	width:100%;
	margin-left:0;
}

.block-author-credit {
	float: left;
	width: 50%;
  	margin: 0 0 25px 0;
}

.block-author-credit:after {display:none;}


.col-sm-8 .full-width-control {
  display: none;
}


.aw-header h1 {
	font-size:65px;
}


/*
2 Column Layout - Left side bar adds padding to content
************************************************/
aside[role="complementary"] + section[role="page_content"] {
	padding-left:20px
}


/* Social Media Articles Tab Bar
************************************************/


/*
#block-socialmediatabbar {
    display: block;
    position: absolute;
 	z-index: 1;
 	top: 0;
	left:0;
	width: 100%
}

ul.links-social-tabs {
 	position: absolute;
 	z-index: 1;
	top: -30px;
	right: -57px;
	width: 47px;
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	border: 1px solid #ccc;
 }

ul.links-social-tabs li {
	padding: 0;
}

 ul.links-social-tabs li a {
 	display: block;
 	width: 45px;
 	height: 45px;
 	background-color: #eee;
 	border-bottom: 1px solid #ccc;
	text-align: center;
 	font-size: 22px;
    line-height: 45px;
 }
  	ul.links-social-tabs li:last-child a {
		border: 0;
	}
	 ul.links-social-tabs li a:hover {
	 	background-color: #fff;
	 }

ul.links-social-tabs .icn-degreed {
	display: block;
	width: 45px;
	height: 45px;
	background-image: url("../images/logo-degreed.png");
	background-repeat: no-repeat;
	background-size: 30px 20px;
	background-position: center center;
}
*/

.a2a_vertical_style {
	display:block;
	left:unset !important;
	right: 0;
	top: 220px !important;
	border:1px solid #ccc;
	padding:0 !important;
	border-radius:0 !important;
	width:47px;
}
.a2a_vertical_style a {
 	display: block;
 	width: 45px;
 	height: 45px;
 	background-color: #eee;
 	border-bottom: 1px solid #ccc;
	text-align: center;
 	font-size: 22px;
    line-height: 37px;
}
  	.a2a_vertical_style a:last-child{
		border: 0;
	}
	 .a2a_vertical_style a:hover {
	 	background-color: #fff;
	 }


.aw-hero {display:block;}
.aw-hero-m {display:none;}


/* MAGAZINE
************************************************/

.cover-story .views-row {
display:table;
width: 100%;
}

.cover-story .views-row .content-locking-wrapper  > div {
display:table-cell;
width:50%;
vertical-align: middle;
position: relative;
}

.cover-story .views-field-nothing .content-text {
padding: 20px 20px 60px 20px;
}

.block-panels-mag .views-row {
max-width:unset;
margin-right:1%;
width:24%;
}

.block-panels-mag .views-row:nth-child(4) {
margin-right:0;
}

.block-panels-mag .views-field-field-cover-image {
width:100%;
height:auto;
}

.block-panels-mag .views-row img {
width:100%;
max-width: 270px;
height: auto;
}


}/* end min 768 */



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




}/* end min 991 */



/* 1200 min */
@media only screen and (min-width: 1200px) {

	.logo-media > div:last-child {
    	margin-top: 40px;
	}

}/* end min 1200 */


@media only screen and (min-width: 768px) {#block-navtopics a:link {font-size: 13px; padding: 15px 5px; letter-spacing:-.05em}}
@media only screen and (min-width: 920px) {#block-navtopics a:link  {font-size: 15px; padding: 15px 8px;}}
@media only screen and (min-width: 1095px) {#block-navtopics a:link  {font-size: 17px; padding: 15px 12px;}}
@media only screen and (min-width: 1220px) {#block-navtopics a:link {font-size: 17px; padding: 15px; letter-spacing: initial;}}

@media print {
    /* print styles go here */

.main-header-mobile,
.main-header,
#block-socialmediatabbar,
#block-bluefootermagazineinfo,
#cues_footer {

 {
	display:none;
}

}/* end print */


.captcha div.panel-heading {
  display: none;
}

.captcha #bootstrap-panel--description {
  display: none;
}