/* ------------------------------------------------------------ *\
	General Microsite -- added from old design
\* ------------------------------------------------------------ */
.general-microsite img.left { margin: 0 20px 20px 0; }
.general-microsite .blog-posts { list-style: outside none none; font-family: "Scala Sans", 'Titillium Web',Arial,sans-serif; }
.article-wide.general-microsite header.border-bottom { margin-bottom: 0; padding-bottom: 0;}
.article-wide.general-microsite .microsite-description p { padding: 0px 0px 20px;     font-size: 16px; line-height: 24px; }
.article-wide.general-microsite .blog-post-entry h2, .article-wide.general-microsite .blog-post-entry h1 { font-size: 17px; line-height: 20px; padding-bottom: 5px; margin-top: 0; }
.article-wide.general-microsite .blog-post-entry p { font-size: 14px; line-height: 20px; color: #444; padding-bottom: 3px; }
.article-wide.general-microsite .article-entry p ~ p { margin-top: 0px; }
.article-wide.general-microsite .register-box { background: #900 none repeat scroll 0% 0%; color: #FFF; padding: 15px; margin-bottom: 20px; font-family: "Scala Sans", 'Titillium Web',Arial,sans-serif; }
.article-wide.general-microsite .register-box p { font-size: 13px; line-height: 1.3; padding-bottom: 10px; color: #FFF; }
.article-wide.general-microsite .register-box p:first-child:first-letter { font-size: 13px; float: none; margin:0; padding:0; display: inline; }
.article-wide.general-microsite .register-box p a { color: #FFF; }
.article-wide.general-microsite .buttons { text-align: center; padding-bottom: 17px; }
.article-wide.general-microsite .buttons a { font-family: "Scala Sans", 'Titillium Web',Arial,serif; }
.article-wide.general-microsite .button2 { color: #FFF; background: #900 none repeat scroll 0% 0%; display: inline-block; border: 1px solid #FFF; height: 38px; line-height: 38px; font-family: "Scala Sans", 'Titillium Web',Arial,serif; font-weight: bold; font-size: 25px; padding: 0px 20px; border-radius: 1px; }
.article-wide.general-microsite .button2:hover { text-decoration: none; background: #FFF none repeat scroll 0% 0%; color: #900; border: 1px solid #900; }
.article-wide.general-microsite .register-box .buttons { padding-bottom: 0px; text-align: left; }
.general-microsite .blog-post { overflow: hidden; padding-bottom: 17px; }
.general-microsite .latest-blog-post { border-bottom: 1px dotted #9C9C9C; margin-bottom: 20px; }
.general-microsite .blog-post-entry { overflow: hidden; }
.general-microsite .blog-post-image { position: relative; float: left; display: inline; width: 100px; margin-right: 17px; padding-top: 3px; }
.general-microsite .blog-post-label {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
}
.general-microsite .blog-post-label--video {
	background-color: rgba(220,3,16,.4);
}
.general-microsite .blog-post-label--podcast {
	background-color: rgba(80,193,16,.4);
}
.general-microsite .blog-post-label--webinar {
	background-color: rgba(20,68,193,.4);
}
.latest { display: inline-block; font-size: 12px; margin-bottom: 5px; height: 19px; line-height: 19px; color: #FFF; text-transform: uppercase; padding: 0px 6px; background: #900 none repeat scroll 0% 0%; }
.article-wide.general-microsite .blog-post-entry .meta { font-size: 13px; line-height: 13px; }
.article-wide.general-microsite .blog-post-entry .meta a { color: #000; }
.related-content { padding-bottom: 17px; }
.general-microsite .related-content h2, .general-microsite .webinars h2, .general-microsite .related-content h1, .general-microsite .webinars h1  { color: #000; font-size: 15px; line-height: 20px; font-weight: bold; font-family: "Scala Sans", 'Titillium Web',Arial,serif; text-transform: uppercase; padding-bottom: 0px; }
.general-microsite .related-content ul, .general-microsite .webinars ul { list-style: outside none none; }
.general-microsite .related-content ul li, .general-microsite .webinars ul li { font-size: 15px; }
.general-microsite .webinars ul li { padding-bottom: 17px;  }
.general-microsite .related-content ul li + li { border-top: 1px solid #9C9C9C; }
.general-microsite .related-content ul li a, .general-microsite .webinars ul li a { display: block; color: #900; font-family: "Scala Sans", 'Titillium Web',Arial,sans-serif; }
.general-microsite .related-content ul li a { padding: 10px 0; }
.general-microsite .webinars .webinar h3 { text-align: left; font-weight: normal; font-size: 15px; line-height: 20px; color: #000; }
.general-microsite .webinars .webinar p { color: #444; font-size: 13px; line-height: 20px; font-family: "Scala Sans", 'Titillium Web', sans-serif; }
.general-microsite .red-text-box { display: block; border: 1px solid #D7D7D7; background: #FFF none repeat scroll 0% 0%; font-size: 13px; padding: 15px 10px; text-align: left; }
/* ------------------------------------------------------------ *\
	Microsite Impact India
\* ------------------------------------------------------------ */
.microsite-impact-india .title-logo img {
	width: 100%;
	max-width: 316px;
}
.microsite-impact-india .blog-posts-actions { text-align: center; margin: 15px 0; }
.impact-india-blurb-container { margin-bottom: 30px; }
.impact-india-blurb-container .impact-india-blurb-cover { width: calc(25% + 77px); display: inline-block; vertical-align: top; padding-right: 10px; } /* using calc to make the width like blocks below */
.impact-india-blurb-container .impact-india-blurb-cover img { margin: 0 20px 20px 0; float: left; max-width: 100%; height: auto; }
.impact-india-blurb-container .impact-india-blurb { width: calc(75% - 81px); display: inline-block; font-size: 16px; }
.impact-india-blurb-container .impact-india-blurb img { width: 100%; max-width: 187px; margin-bottom: 15px; }
/* ------------------------------------------------------------ *\
	Section Floated Boxes -- from old design
\* ------------------------------------------------------------ */
.section-floated-boxes .box { width: 45%; min-height: 665px; padding: 10px 15px 5px; border: 1px solid #97B3B8; background: #EEE none repeat scroll 0% 0%; color: #444; }
.section-floated-boxes .box h4 { margin-bottom: 15px; }
.section-floated-boxes .box.left { float: left; }
.section-floated-boxes .box.right { float: right; }
.section-floated-boxes .box.wide { width: 100%; min-height: initial; }
.section-floated-boxes .box ul { list-style: outside none none; }
.section-floated-boxes .box .bullet-list li { padding: 0px 0px 15px 15px; background: transparent url("//images.ssireview.org/css/bull.png") no-repeat scroll 0px 7px; font-size: 15px; line-height: 16px; }
.section-floated-boxes .box .bullet-list li h5 { font-size: 17px; }
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.section-articles-inline { margin-bottom: 30px; }
.section-articles-inline .section-body { overflow: hidden; }
.section-articles-inline .article-body .article-label { margin-bottom: 10px; }
.section-articles-inline .article-body .article-entry, .section-articles-inline .article-body .article-entry > p { font-size: 16px; }
.article-inline { float: left; width: 31%; text-align: center; }
.article-inline ~ .article-inline { margin-left: 3.5%; }
.article-inline h5 { margin: 10px 0 6px; overflow: hidden; font-size: 14px; }
.article-inline h5.sponsored { margin: 10px 0 8px; }


/* Spacing Fix */
.article-image img { margin-bottom: 10px; max-width: 100%; }
.article-inline h5, .article-inline h5.sponsored  { margin: 0px 0 6px; }


.article-inline h4 { font-size: 18px; margin-bottom: 10px; line-height: 1.2; }
.article-inline h4 a { color: #000; }
.article-inline .meta { font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: 12px; color: #000; margin-bottom: 15px; }
.article-inline p { font-size: 14px; }
.section-homepage .article-inline p { font-size: 16px; }
.article-inline p span { display: inline-block; vertical-align: middle; line-height: 1; padding-left: 4px; margin-left: 4px; border-left: 1px solid #ababab; }
.article-inline .article-image img { width: 100%; height: auto; }

.article-block { overflow: hidden; margin-bottom: 40px; position: relative; }
.article-block .article-image { /* float: left; */ width: 17%; /* position: absolute; */ left: 0; top: 0; display: inline-block; }
.article-block .article-image img { width: 100%; height: auto; }
.article-block .article-body { float: right; width: 83%; padding-left: 20px; /* margin-left: 17%; */ min-height: 100px; }
.article-block > .article-body:first-child { padding-left: 0; margin-left: 0; width: 100%; }
.article-block .article-body .article-entry { font-size: 16px; }
.article-block h4 { font-size: 18px; margin: 2px 0 8px; }
.article-block h4 a { color: #000; }
.article-block h5 { text-align: left; font-size: 14px; }
.article-block h5.sponsored { margin-bottom: -3px; }
.article-block .meta { margin-bottom: 10px; font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: 12px; color: #000; }
.article-block .meta span { padding-left: 5px; margin-left: 3px; border-left: 1px solid #c3c3c3; display: inline-block; line-height: 1; }
.article-block .meta .ico { margin-left: 2px; }

.article-entry img { max-width: 100%; height: auto; }

/* Added code for Supplement list */
.supplement-block .article-image { width: 25%; }
.supplement-block .article-body { width: 75%; padding-left: 80px; }
.supplement-block { min-height: 205px; }

.section-books .article-block { overflow: visible; position: relative; }

.section-books .article-block:before,
.section-books .article-block:after { content: ''; display: table; }
.section-books .article-block:after { clear: both; }

.section-books .article-image img { box-shadow: 2px 2px 8px rgba(0,0,0,.5); }

.section-default { margin-bottom: 30px; }
.section-default .section-head { margin-bottom: 20px; /* border-bottom: 1px solid #8a8b82; */ }
.section-default .section-actions { text-align: center; }
.section-default .section-actions .link-more { font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-weight: 400; font-size: 16px; color: #ab1600; text-transform: uppercase; }
.link-more { margin-bottom: 2em; display: block; }
.section-default .section-head .subtitle { font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-weight: 400; font-size: 17px; line-height: 1.3; color: #000; margin-top: 6px; }
.section-default .section-head p, .section-default .section-head hr { margin: 1em 0; }
.section-default .section-body { clear: both; }

.section-webinars .article { margin-bottom: 20px; }
.section-webinars .article > .article-body:first-child { width: 100%; }
.section-webinars .article-entry p { margin-bottom: 8px; }

.section-body .pagination { text-align:center; font-size: 13px; font-family: "Scala Sans", 'Titillium Web', sans-serif; line-height: 16px; margin: 0 0 20px; }
.section-body .pagination p { display: inline; }
.section-body .pagination a { margin: 0 3px; }
.section-body .pagination .pages { margin: 0 10px; display:inline;  }
.section-body .pagination .pages a { display:inline-block; padding: 2px 8px; border: 1px solid #919289; color: #990000; margin: 0 1px; }
.section-body .pagination .pages a:hover,
.section-body .pagination .pages a.active { color: #000; border-color: #000; text-decoration:none; }
.section-body .pagination .pages strong { display:inline-block; padding: 2px 8px; border: 1px solid #000; margin: 0 1px; }
.section-body .pagination .next-pages { margin-right: 10px; }

.section-bordered { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #c3c3c3; }
.border-top { padding-top: 30px; border-top: 1px solid #c3c3c3; }
h4.border-top { padding-top: 10px; }
.border-bottom { padding-bottom: 30px; border-bottom: 1px solid #c3c3c3; }

.article-wide .article-head { font-family: 'Scala Sans', 'Titillium Web', sans-serif; margin-bottom: 30px; }
.article-wide .article-head h2, .article-wide .article-head h1 { line-height: 1; margin-bottom: 20px; }
.article-wide .article-head h5 { font-size: 14px; margin-bottom: 10px; }
.article-wide .article-head p { font-size: 16px; color: #000; letter-spacing: -0.02em; }

.article-wide .debate-head {  }
.article-wide .debate-head p.intro { margin-top: 25px; }
.article-wide .debate-head .debate-thumb { float: left; display: inline-block; margin: 0px 10px 0px 0px; }
.article-wide .debate-head .article-meta { margin-bottom: 15px; }
.article-wide .debate-head .debate-thumb .register-note { padding: 0 15px; text-align: center; margin-top: -10px; margin-bottom: 10px; font-size: 14px; }

.article-wide .article-head-actions { margin: 25px 0 20px; border-top: 1px solid #989991; border-bottom: 1px solid #989991; }
.article-wide .article-head-actions ul { list-style: none; font-size: 0; }
.article-wide .article-head-actions li { display: inline-block; vertical-align: middle; }
.article-wide .article-head-actions li.active, .article-wide .article-head-actions li.active a { color: #000; }
.article-wide .article-head-actions li ~ li { margin-left: 32px; }
.article-wide .article-head-actions ul a { display: block; font-size: 13px; color: #9d9e96; text-transform: uppercase; padding: 12px 0 8px; }

.article-wide .article-head-actions { padding: 12px 0 0 0; }
.article-wide .article-head-actions li a { padding: 0 0 8px 0; }

.article-wide .article-meta { font-size: 16px; color: #5c5c5c; }
.article-wide .article-meta a { color: #b71800; }
.article-wide .article-meta a.black { color: #000; }
.article-wide .article-meta span { display: inline-block; vertical-align: middle; margin-left: 5px; padding-left: 5px; border-left: 1px solid #ababab; color: #ababab; line-height: 1; }

.article-wide .article-entry h1, .article-wide .article-entry h2, .article-wide .article-entry h3, .article-wide .article-entry h4 { margin-top: 10px; }
.article-wide .article-entry h3 { text-align: left; margin-top: 30px; margin-bottom: 30px; font-size: 16px; font-weight: bold; }
.article-wide .article-entry hr { margin-top: 25px; }
.article-wide .article-entry > hr:first-child { margin-bottom: 25px; }
.article-wide .article-entry p { font-size: 16px; color: #000; line-height: 1.7; }
.article-wide .article-entry p ~ p { margin-top: 30px; }
.article-wide .article-entry p ~ h2 { margin-top: 20px; }
.article-wide .article-entry h2 ~ p { margin-top: 20px; }
.article-wide .article-entry p ~ .seriesbox.right, .article-wide .article-entry p ~ .seriesbox.left { margin-top: 30px; }
.article-wide .article-entry h3 + p { margin-top: 15px; }
/* .article-wide .article-entry p:first-child:first-letter { font-family: 'Georgia', sans-serif; font-size: 45px; line-height: 16px; display: inline-block; float: left; margin-top: 0px; margin-right: 3px; } */
.capital-letter { font-family: 'Georgia', sans-serif; font-size: 45px; line-height: 16px; display: inline-block; float: left; margin-top: 0px; margin-right: 3px; }

.article-wide .article-entry p a { color: #990000; }
.article-wide .article-entry p img.left { margin: 20px 20px 20px 0; }
.article-wide .article-entry blockquote.pullquote, .article-wide .article-entry blockquote.pullquote p {font-family: "Scala Sans", 'Titillium Web', sans-serif; font-size: 28px; line-height: 1.2; color: #7B9FA4;}
.article-wide .article-entry blockquote.pullquote p:first-child::first-letter { font-family: "Scala Sans", 'Titillium Web', sans-serif; font-size: 28px; line-height: 1.2; margin: 0; display: inline; float:none;}
/*.article-wide .article-entry blockquote::before { content: "“ "; font-size: 35px; }*/
.article-wide .article-entry blockquote.pullquote.right { width: 60%; padding: 20px 30px 18px 45px; }
.article-wide .article-entry blockquote.pullquote.left { width: 60%; padding: 20px 45px 18px 30px; }
.article-wide .article-entry ul, .article-wide .article-entry ol  { padding: 25px 0px 0px 45px; }
.article-wide .article-entry ul { list-style: disc outside none; }
.article-wide .article-entry ul li, .article-wide .article-entry ol li { margin: 0 0 8px 0; line-height: 1.7; font-size: 16px; }

.article-wide .wp-caption { margin-top: 20px; margin-bottom: 20px; display: block /* inline */; max-width: 100%; }
.article-wide .wp-caption.left { margin: 10px 10px 10px 0px; text-align: left; float: left; display: inline; max-width: 100%; }
.article-wide .wp-caption.right { margin: 35px 0px 10px 10px; text-align: right; float: right; display: inline; max-width: 100%; }
.article-wide .wp-caption.right:first-child { margin-top: 0; }
.article-wide .wp-caption p { font-size: 13px; line-height: 1.3; padding: 0px; margin: 5px 0px 0 0; clear: both; color: #444; font-family: "Scala Sans", 'Titillium Web',Arial, sans-serif; }
.article-wide .wp-caption.right p {text-align: right; }
.article-wide .wp-caption.left p {text-align: left; }

/* From old design */
.article-wide .article-entry .innerbox { border: 1px solid #97B3B8; background: #FFF none repeat scroll 0% 0%; color: #444; font-family: "Scala Sans", 'Titillium Web',Arial,serif; width: 270px; padding: 15px; line-height: 20px; }
.article-wide .article-entry .innerbox.right { margin: 0px 0px 10px 10px; text-align: left; float: right; display: inline; }
.article-wide .article-entry .innerbox.left { margin: 0px 15px 10px 0; text-align: left; float: left; display: inline; }
.article-wide .article-entry .innerbox p { margin: 0px; padding: 0px; line-height: 20px; font-size: 15px; }
.article-wide .article-entry .innerbox p b { font-family: "Scala",serif; font-weight: 700; }
.article-wide .article-entry .innerbox a { margin: 0px auto; display: block; text-align: center; }
.article-wide .article-entry .innerbox img { display: block; margin: 0px auto 18px; }
.article-wide .article-entry .innerbox2 { width: 185px; border: 1px solid #A60000; }
.article-wide .article-entry .innerbox2 img { margin-bottom: 15px; width: 150px; }
.article-wide .article-entry .innerbox2 strong { text-align: left; color: #A60000; font-weight: bold; line-height: 1.3; padding-bottom: 10px; font-family: "Scala Sans", 'Titillium Web',arial,sans-serif; display: block; }
.article-wide .article-entry .innerbox2 .microsite_summary a, .article-wide .article-entry .innerbox2 span.microsite_summary strong { display: inline; }

.article-wide .article-entry .seriesbox { border: 2px solid #97B3B8; background: #EEE none repeat scroll 0% 0%; color: #444; font-family: "Scala Sans", 'Titillium Web',Arial,serif; width: 40%; padding: 15px; line-height: 20px; }
.article-wide .article-entry .seriesbox.right { margin: 0px 0px 10px 10px; text-align: left; }
.article-wide .article-entry .seriesbox h4 { font-size: 16px; margin-bottom: 10px; font-weight: normal; }
.article-wide .article-entry .seriesbox > h4 {margin-top: 0; }
.article-wide .article-entry .seriesbox p { font-size: 13px; }
.article-wide .article-entry .seriesbox p ~ p { margin: 0; }
.article-wide .article-entry .seriesbox ul { margin: 0px; padding: 0px; list-style: outside none none; }
.article-wide .article-entry .seriesbox .entries .entry { border-bottom: 0px none; margin: 6px 0px 0px; }
.article-wide .article-entry .seriesbox .entries .entry h5 { color: #900; font-size: 15px; line-height: 16px; margin-right: 5px; padding-bottom: 0px; font-weight: normal; }
.article-wide .article-entry .seriesbox .entries .entry h5 .meta { font-size: 13px; font-weight: normal;}

.article-wide .debate-responses-title { margin-bottom: 15px; }
.article-wide .debate-list { width: 100%; }
.article-wide .debate-item { width: 50%; float: left; line-height: 1.5em; float: left; display: inline; min-height: 170px; padding: 0px 20px 3px 0; }
.article-wide .debate-item:nth-child(2n+1) { clear: left; }
.article-wide .debate-list::before, .article-wide .debate-list::after { content: " "; }
.article-wide .debate-item p { font-size: 15px; line-height: 1.4em; padding: 0 0 20px; }
.article-wide .debate-list .debate-author { min-height: 65px; }
.article-wide .debate-list .author-thumb { width: 50px; height: 50px; float: left; overflow: hidden; margin-right: 10px; margin-bottom: 0px; }
.article-wide .debate-list .author-title { font-size: 14px; font-family: "Scala Sans", 'Titillium Web',arial,sans-serif; display: inline; margin: 0px; padding: 0px; }
.article-wide .debate-list .author-co { font-size: 14px; font-family: "Scala Sans", 'Titillium Web',arial,sans-serif; display: inline; margin: 0px; padding: 0px; clear: both; color: #938C82; }

.article-wide .article-foot { margin-top: 30px; }

.article-foot .article-notes { border: 1px solid #97B3B8; padding: 10px 15px; margin: 0px 0px 30px; font-size: 13px; line-height: 1.4; }
.article-foot .article-notes h5 { font-size: 15px; line-height: 1.3; color: #000; padding: 0px 0px 8px; font-weight: bold; }
.article-notes ol, .article-notes ul {margin-left: 18px;}

.article-wide .article-author { border-top: 1px solid #989891; padding: 22px 0; overflow: hidden; }
.article-wide .article-author img { float: left; margin-right: 20px; width: 75px; height: 75px; }
.article-wide .article-author, .article-wide .article-author p { overflow: hidden; font-size: 13px; line-height: 1.6; }

.article-lead { overflow: hidden; font-family: 'Scala Sans', 'Titillium Web', sans-serif; }
.article-lead .article-image { float: left; width: 25%; }
.article-lead .article-image img { width: 100%; height: auto; }
.article-lead .article-body { float: left; width: 75%; padding-left: 25px; }
.article-lead h4 { font-size: 24px; margin-bottom: 5px; }
.article-lead h4 a { color: #000; }
.article-lead .meta { font-size: 13px; color: #444; margin-bottom: 5px; }
.article-lead p { font-size: 14px; color: #000; line-height: 1.5; letter-spacing: -0.02em; }
.article-lead p a { color: #991200; }

.article-body .podcast-player { margin-bottom: 20px; }
.podcast-sharing-item { display: inline-block; padding-right: 12px; font-weight: 700; margin-top: 10px; }
.podcast-sharing-item + .podcast-sharing-item { padding-left: 12px; border-left: 1px solid #888;}
.podcast-sharing-item > a { padding-left: 10px;}
.tags { border: 1px solid #97b3b8; padding: 10px 15px; margin: 0 0 22px; font-size: 13px; line-height: 20px; }
.tags h5 { font-size: 15px; line-height: 1.3; color: #000; padding: 0 0 5px; font-weight: 700; }
.tags a { color: #900; display: inline-block; }

#reply{ border: 1px solid #97b3b8; padding: 17px 15px; margin: 0 0 20px; min-height: 99px; font-family: 'Scala Sans', 'Titillium Web', sans-serif; color: #5c5c5c; }
#reply form > * { display: none; }
#reply h2, #reply h1 { color: #444; font-weight: normal; font-size: 21px; text-transform: uppercase; padding: 0 0 15px; letter-spacing: 1px; }
#reply label { width: 85px; font-size: 16px; text-transform: uppercase; color: #5c5c5c; margin: 2px 20px 0 0; text-align: right; margin-bottom: 10px; }
#reply textarea { float: left; width: 476px; height: 48px; padding: 5px 7px; max-width: 446px; min-width: 446px; min-height: 44px; border: 1px solid #8a8b82; background: #fff; }
#reply .reply-info { margin-bottom: 15px; }
#reply .row { padding: 0 0 7px; }
#reply .row .field{ padding: 7px; border: 1px solid #9b9b9b; background: #fff; color: #5c5c5c; width: 364px; }
#reply .row input.small { width: 126px; }
#reply .row p { padding: 0 0 5px; font-size: 16px; color: #5c5c5c; line-height: 20px; }
#reply .indent { padding-left: 105px; }
#reply label.with-input { text-transform: none; margin: 0; }
#reply label.with-input input { float: left; margin: 4px 5px 0 0; }
#reply .captcha-row { float: left; width: 330px; }
#reply .captcha-row h5 { font-size: 14px; color: #ababab; }
#reply .gravatar-signup { float: right; width: 127px; padding: 0 0 0 20px; background: url(https://ssir.org/images/css/gravatar.png) no-repeat 0 3px; font-size: 14px; color: #ababab; line-height: 20px; margin-top: 10px; }
#reply .gravatar-signup a { color: #ababab; }
#reply .submit-row { overflow: hidden; padding: 10px 0 0; clear: both; }
#reply .submit { float: right; text-align: center; cursor: pointer;letter-spacing: 1px; text-transform: none; }

#reply .custom-checkbox { margin-bottom: 0; margin-top: 20px; }
#reply .custom-checkbox label { text-transform: none; width: 100%; font-size: 16px; color: #5c5c5c; line-height: 1; padding-right: 40px; text-align: left; }

/*comments july 2015*/
#comments h2, #comments h1 { font-size: 25px; }
#comments ul { list-style: none; margin: 10px 0 0 0; }
#comments .author { float: left; margin-right: 20px; }
#comments .posted-on, #comments .comment-by { font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: .9em; }
#comments .body { padding: 11px 0px 11px 70px; margin-bottom: 20px; line-height: 1.7; border-bottom: 1px solid #c0c0c0; }

#account h2, #account h1 { color: #444; font-weight: normal; font-size: 21px; text-transform: uppercase; padding: 0 0 15px; letter-spacing: 1px; }
#account label { width: 145px; font-size: 16px; text-transform: uppercase; color: #5c5c5c; margin: 2px 20px 0 0; text-align: right; margin-bottom: 0px; }
#account textarea { float: left; width: 476px; height: 48px; padding: 5px 7px; max-width: 446px; min-width: 446px; min-height: 44px; border: 1px solid #8a8b82; background: #fff; }
#account .row { padding: 0 0 7px; }
#account .row-terms {  }
#account .row .field{ padding: 7px; margin-bottom: 10px; border: 1px solid #9b9b9b; background: #fff; color: #5c5c5c; width: 364px; }
#account .row input.small { width: 126px; }
#account .row p { font-size: 16px; color: #5c5c5c; line-height: 20px; }
#account .indent { padding-left: 165px; }
#account .indent p { margin-bottom: 10px; }
#account .row p.indent { font-style: italic; width: 524px; font-size: 14px; line-height: 1.3; }
#account label.with-input { text-transform: none; margin: 0; }
#account label.with-input input { float: left; margin: 4px 5px 0 0; }
#account .captcha-row { float: left; width: 330px; }
#account .captcha-row h5 { font-size: 14px; color: #ababab; }
#account .submit-row { overflow: hidden; padding: 10px 0 0; clear: both; }
#account .submit { float: right; text-align: center; cursor: pointer;letter-spacing: 1px; text-transform: none; }
#account .custom-checkbox { margin-bottom: 0; margin-top: 20px; }
#account .custom-checkbox label { text-transform: none; width: 100%; font-size: 16px; color: #5c5c5c; line-height: 1; padding-right: 40px; text-align: left; }
#account .form-notes { margin-bottom: 15px; }
#account textarea.matrix-textarea { width: 100%; min-width: 60px; } /* Institutional form */
#account table.matrix { display: inline-block; } /* Fixes missing top border */
#account table.matrix td { text-align: center; vertical-align: middle; } 

#subscriber_sync label { width: 145px; font-size: 16px; text-transform: uppercase; color: #5c5c5c; margin: 2px 20px 0 0; text-align: right; margin-bottom: 10px; }
#subscriber_sync p { margin-bottom: 15px; }
#subscriber_sync .row { padding: 0 0 7px; }
#subscriber_sync .row .field{ padding: 7px; border: 1px solid #9b9b9b; background: #fff; color: #5c5c5c; width: 364px; }
#subscriber_sync .row input.small { width: 126px; }
#subscriber_sync .row p { font-size: 16px; color: #5c5c5c; line-height: 20px; }
#subscriber_sync .indent { padding-left: 165px; }
#subscriber_sync .row p.indent { font-style: italic; width: 524px; font-size: 14px; line-height: 1.3; }
#subscriber_sync label.with-input { text-transform: none; margin: 0; }
#subscriber_sync label.with-input input { float: left; margin: 4px 5px 0 0; }
#subscriber_sync .submit-row { overflow: hidden; padding: 10px 0 0; clear: both; }
#subscriber_sync .submit { float: right; text-align: center; cursor: pointer;letter-spacing: 1px; text-transform: none; }

/* ------------------------------------------------------------ *\
	Bios
\* ------------------------------------------------------------ */

.section-head-bios-image img {
	margin: 0 15px 15px 0;
}
.section-bios {
	min-height: 125px;
}
.section-bios h3 {
	text-align: left;
}
.section-bios-index .article-block {
	float: left;
	width: 49%;
}
.section-bios .article-block .article-body {
	min-height: 20px;
}

/* ------------------------------------------------------------ *\
	Popups
\* ------------------------------------------------------------ */
.popup-signin { width: 300px; margin: 0 auto; background-color: #fff; position: relative; }
.popup-signin .popup-head { background-color: #940d00; padding: 15px 20px; }
.popup-signin .popup-head h3 { font-family: 'Scala', serif; font-weight: 400; font-size: 28px; color: #fff; text-align: left; }

.popup-signin .popup-body { padding: 20px 20px 40px; }
.form-signin .form-row { margin-bottom: 7px; }
.form-signin .field { font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: 16px; color: #b7b7b7; border: 1px solid #9b9b9b; width: 100%; }
.form-signin .custom-checkbox { margin: 25px 0; }

.popup-signin .form-actions { font-size: 0; }
.popup-signin .form-actions .form-btn { width: 100%; border: 0; padding: 13px 0; margin-bottom: 20px; }
.popup-signin .form-actions a { display: inline-block; vertical-align: middle; width: 50%; font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: 16px; color: #a51f00; }

.custom-checkbox input { display: none; }
.custom-checkbox label { display: block; font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: 14px; color: #a9a9a9; padding-left: 30px; position: relative; }
.custom-checkbox label:before { content: ''; display: block; width: 20px; height: 19px; background-image: url(/css/images/sprite.png); background-repeat: no-repeat; background-position: -20px 0; position: absolute; left: 0; top: 0; }
.custom-checkbox input:checked ~ label:before { background-position: 0 0; }

.popup-subscribe { width: 100%; max-width: 620px; margin: 0 auto; position: relative; background-color: #fff; font-family: 'Scala Sans', 'Titillium Web', sans-serif; }
.popup-subscribe .popup-head { background-color: #940d00; padding: 20px; overflow: hidden; }
.popup-subscribe .popup-head img { float: left; margin-right: 40px; }
.popup-subscribe .popup-head h3 { text-align: left; font-family: 'Adode Caslon Pro', serif; font-weight: 400; font-size: 39px; color: #fff; padding-right: 20px; line-height: 1; margin-bottom: 15px; }

.popup-subscribe .subscription-plan { background-color: #8a8b82; text-align: center; padding: 20px; }
.subscription-plan h3 { font-weight: 400; font-size: 25px; color: #fff; }
.subscription-plan p { font-size: 15px; color: #e7e8e7; margin-top: 10px; }
.subscription-plan p a { text-decoration: underline; color: #e7e8e7; }

.list-checks { list-style: none; overflow: hidden; }
.list-checks li { font-family: 'Scala Sans', 'Titillium Web', sans-serif; font-size: 16px; color: #fff; padding-left: 34px; position: relative; }
.list-checks li:before { content: ''; width: 18px; height: 13px; background-image: url(/css/images/sprite.png); background-repeat: no-repeat; background-position: 0 -40px; position: absolute; left: 0; top: 3px; }
.list-checks li ~ li { margin-top: 10px; }

.form-subscription { padding: 32px 32px 20px; margin-bottom: 20px; }
.form-subscription .form-col-1of2 { width: 48%; }
.form-subscription .form-col-1of2 ~ .form-col-1of2 { margin-left: 4%; }
.form-subscription .field { border: 1px solid #9b9b9b; padding: 11px 13px 9px; }
.form-subscription .form-row { margin-bottom: 7px; font-size: 0; }
.form-subscription .fs-dropdown-selected { border: 1px solid #9b9b9b; padding: 10px 13px 8px; }

.popup button.mfp-close { top: 21px; right: 14px; width: 19px; height: 19px; background-image: url(/css/images/sprite.png); background-repeat: no-repeat; background-position: -57px 0; font-size: 0; opacity: 1; }

.popup button.mfp-close:hover,
.popup button.mfp-close:focus,
.popup button.mfp-close:active,
.popup button.mfp-close.active { top: 21px; }

.custom-radio input { display: none; }
.custom-radio label { display: block; font-size: 16px; color: #414141; padding-left: 26px; position: relative; }
.custom-radio label:before { content: ''; width: 16px; height: 16px; background-image: url(/css/images/sprite.png); background-repeat: no-repeat; background-position: -19px -21px; position: absolute; left: 0; top: 2px; }
.custom-radio input:checked ~ label:before { background-position: -1px -21px; }

.form-subscription .custom-radio { display: inline-block; vertical-align: middle; width: 48%; }
.form-subscription .custom-radio ~ .custom-radio { margin-left: 4%; }
.form-subscription p { font-size: 13px; color: #a8a8a8; text-align: center; margin: 10px 0 30px; }
.form-subscription .form-actions { text-align: center; }
.form-subscription .form-actions .btn { width: 260px; margin-bottom: 10px; }
.form-subscription .form-actions .btn.desktop-visible { display: inline-block; }
.form-subscription .form-actions p { margin: 0; }
.form-subscription .form-actions a { display: inline-block; font-size: 16px; color: #a51f00; }

.popup-part3 { position: absolute; left: 50%; top: 0; width: 100%; z-index: 9999; }

.popup-part3 .popup-head { padding: 13px 20px; }
.popup-part3 .popup-head h3 { margin-bottom: 0; font-size: 36px; }

.popup-part3 .form-subscription { margin-bottom: 0; }
.popup-part3 .form-subscription .form-body { display: block; }

.form-subscription-international .form-body { padding: 20px; font-family: 'Scala Sans', 'Titillium Web', sans-serif; }
.form-subscription-international table { width: 100%; margin-bottom: 20px; }

.form-subscription-international table th,
.form-subscription-international table td { font-size: 14px; color: #ababab; font-weight: 400; width: 25%; }

.form-subscription-international table th.active,
.form-subscription-international table td.active { color: #5c5c5c; }

.form-subscription-international table th { text-align: center; }
.form-subscription-international table td { text-align: right; border: 1px solid #fff; line-height: 1.2; }

.form-subscription-international table td:first-child { padding: 5px; }
.form-subscription-international h3 { text-align: left; font-size: 20px; color: #6f6f6f; }
.form-subscription-international .fs-dropdown-selected { border: 1px solid #9b9b9b; }

.form-subscription-international .form-row { margin-bottom: 7px; }
.form-subscription-international .form-section { padding-top: 30px; margin-top: 30px; border-top: 1px solid #d5d5d5; }
.form-subscription-international .form-col-1of2 { width: 48%; }
.form-subscription-international .form-col-1of2 ~ .form-col-1of2 { margin-left: 4%; }
.form-subscription-international .custom-checkbox { margin-top: 15px; }

.form-subscription-international .form-actions { padding: 0 20px 20px; text-align: center; }
.form-subscription-international .form-actions p { text-align: left; font-size: 14px; color: #a8a8a8; margin-bottom: 15px; }

.table-desc { font-size: 14px; color: #ababab; }
.table-info { padding-top: 35px; }

.custom-radio-alt { display: table; width: 100%; }
.custom-radio-alt input { display: none; }
.custom-radio-alt label { font-size: 14px; color: #ababab; background-color: #fff; border: 1px solid #e2e3e3; text-align: center; height: 41px; display: table-cell; vertical-align: middle; cursor: pointer; }
.custom-radio-alt input:checked ~ label { background-color: #e2e3e3; color: #5c5c5c; }

/* UPDATE ALED CARVER HOP STUDIOS 2016-04-11 */
/* PURPOSE USE UL/LI GRID RATHER THAN TABLE LAYOUT */
section.banner ul.grid
{
	width: 100%;
	display:table;
}
section.banner ul.grid li
{
	display:table-cell;
	list-style: none;
}


/* ------------------------------------------------------------ *\
	Webinars (some, the rest is in site_styles_webinars)
\* ------------------------------------------------------------ */

.border-bottom
{
	padding-bottom: 40px;
	border-bottom: 1px solid #c3c3c3
}

div.border-top:empty {
   display: none;
}

span.small
{
	font-family: 'Scala Sans',sans-serif;
	font-size: 12px;
}
span.gray
{
	color: #a8a8a8;
}
span.gray.no-border
{
	color: #a8a8a8;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.no-margin
{
	margin: 0px !important;
}
.no-padding
{
	padding: 0px !important;
}
.ico.ico-series, .ico-down-arrow, .arrowblock i, .ico.ico-close
{
	background-image: url(/css/images/icons-new.png);
	background-repeat: no-repeat;
	-webkit-background-size: 146px 70px;
	background-size: 146px 70px;
	display: inline-block;
	vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1.5)
{
	.ico.ico-series, .ico-down-arrow, .arrowblock i, .ico.ico-close
	{
		background-image: url(/css/images/icons-new@2x.png);
		background-repeat: no-repeat;
		-webkit-background-size: 146px 70px;
		background-size: 146px 70px;
		display: inline-block;
		vertical-align: middle;
	}
}

.ico-series
{
	width: 37px;
	height: 7px;
	background-position: 0px -50px;
}
.ico-close
{
	width: 21px;
	height: 21px;
	background-position: -75px -25px;
}
.ico-down-arrow
{
	width: 15px;
	height: 9px;
	background-position: -124px -25px;
}

.series-box h5
{
	color: #000;
	font-size: 16px;
	margin-bottom: 30px;
}
.series-box .ico
{
	margin-right: 20px;
}
.series-box .ico-series
{
	width: 50px;
	height: 10px;
	background-position: 0px -58px;
}
.series-box span
{
	width: 87.5%;
	float: right;
	margin-top: -8px;
}
.series-box .series-count
{
	display: none;
}


.hoverlink
{
	padding-bottom: 2px;
	border-bottom: 2px dotted #ccc;
	margin-bottom: 4px
}
.hoverlink:hover
{
	cursor: pointer;
}
/*.hoverlink:hover .hovertext, .hoverlink.show .arrowblock
{
	display: block;
}*/
.hovertext.show
{
	display: block;
}
.arrowblock.show
{
	display: block;
}
.hovertext
{
	display: none;
	position: absolute;
	z-index: 99999;
	margin-top: 5px;
	font-size: 16px;
	color: #636363;
}
.hovertext .ico
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.arrowblock 
{
	display: none;
	background-color: transparent;
	width: 300px;
	margin-left: -100px;
	position: absolute;
	z-index: 99999999;
}
.arrowblock .ico
{
	width: 15px;
	height: 9px;
	background-position: -124px -51px;
	margin-left: 142px;
}
.presenters .arrowblock
{
	margin-top: -10px;
	margin-left: 0px;
}
.hoverblock
{
	display: none;
	margin-top: 13px;
	padding: 20px;
	background-color: #eee;
	box-shadow: 0px 2px 5px #8a8a8a;
	width: 300px;
	margin-left: -100px;
	text-align: center;
}
.series-box .hoverblock
{
	background-color: transparent;
	box-shadow: none;
	margin-top: -8px;
	padding: 0px;
	display: block;
	text-align: left;
}
.presenters .hoverlink .hovertext
{
	margin-left: 0px;	
	font-weight: normal;
	background-color: #eee;
	box-shadow: 0px 2px 5px #8a8a8a;
	width: 600px;
	/*margin-left: -100px;*/
	padding: 20px;
}
.hovertext a
{
	color: #900;
}

@media (max-width: 900px)
{
	.presenters .hoverlink .hovertext
	{
		width: 450px;
	}
}
@media (max-width: 769px)
{
	.hoverblock
	{
		margin-left: 0px;
	}
	.series-box .hoverblock
	{
		margin-left: 0px;
		margin-top: -30px;
	}
	.series-box .hoverblock:after
	{
		content:"";
		display: block;
		height: 20px;
	}
	.article-inline ~ .article-inline { margin-left: 0; }
}
@media (max-width: 450px)
{
	.hoverblock
	{
		margin-left: 0px;
	}
	.arrowblock 
	{
		margin-left: -10px;
	}
	.arrowblock .ico
	{
		margin-left: 55px;
	}
	.series-box .hoverblock
	{
		margin-left: 0px;
		margin-top: -30px;
	}
	.series-box .hoverblock:after
	{
		content:"";
		display: block;
		height: 20px;
	}
	.presenters .hoverlink .hovertext
	{
		width: 300px;
	}
}

/* Independent Sector Series */
.microsites-section {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.microsites-section__title {
	font-size: 22px;
	text-align: left;
	margin-bottom: 10px;
}
.microsites-section__read-more {
	color: #ab1600;
	font-weight: bold;
	border: none;
	background: none;
	margin-top: -15px;
	margin-left: 117px;
	font-size: 13px;
	font-family: 'Scala Sans',sans-serif;
}
.blog-post-entry__title {
	font-size: 18px;
	margin-bottom: 6px;
}
.chevron::before {
	border-style: solid;
	border-width: 2px 2px 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 6px;
	position: relative;
	top: 0;
	transform: rotate(-45deg);
	vertical-align: middle;
	width: 0.45em;
}
.chevron.bottom:before {
	transform: rotate(135deg);
	top: -3px;
}
.section-articles-grid .section-body {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.section-articles-grid .article-grid {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 15px;
}
.article-grid .article-body {
	display: flex;
	flex-wrap: wrap;
}
.article-grid .article-image {
	width: 25%;
}
.article-grid .article-entry {
	width: 75%;
	padding-left: 10px;
}
@media (max-width: 767px) {
	.section-articles-grid .article-grid {
		width: 100%;
	}
	.article-wide .article-entry .seriesbox {
		width: 100%;
	}
	.section-homepage .article-block .article-image,
	.section-homepage .article-block .article-body {
		width: 100%;
		display: block;
		float: none;
		position: relative;
	}
	.section-homepage .article-block h5,
	.section-homepage .article-block .article-body {
		text-align: center;
	}
}