/*
Theme Name: tdm-editorial
Theme URI: https://searchengineland.com
Authors: David Chordigian
Author URI: http://twitter.com/davidchordigian
Description: Main Editorial Theme CSS Styles
Version: 2.9.7
*/

/* Start Group Styling */

/* Start font-family: Oswald classes */
.outer-header-container .navbar-light .container a,
.nav-subscribe .navButton,
.featured-left-category,
.homepage-masthead .featured-left-headline,
.homepage-masthead .featured-left-tldr,
.center-features-category,
.center-features-title,
.global-content-stream .stream-article .article-text .category-name,
.global-content-stream .stream-article .article-text h2,
.global-content-stream .stream-webinar .webinar-text h2,
.sb-content-stream .sb-article-text h2,
.article-content .category-info h1,
.article-content .story-box h1,
.channel-content .story-box h1,
.content .all-topics-wp-list h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content .sel-new-articles p,
.article-content .story-box h2.subhead,
.article-content .category-info h4,
.article-content .channel,
.article-content .about-author p,
.author-content .author .information .author-info h1,
.right-rail .right-rail-content .sb-featured span,
.right-rail .right-rail-content .sb-events span,
.right-rail .right-rail-content .sb-dmd span,
.right-rail .right-rail-content .sb-lower-section span,
.right-rail .right-rail-content .nlp-sb span,
.stacked-form-text, p.inline-form-text,
footer.site-footer .footer-inner p,
.taxonomy-description h2,
.taxonomy-description h3 a,
.recent a,
.dig-deeper h3 {
	font-family: Oswald;
	font-display: optional;
}
.related a {
	font-family: Oswald;
	font-display: optional;
}

/* Start font-family: Roboto classes */
.global-content-stream .stream-article .article-text p.dek,
.global-content-stream .stream-webinar .webinar-text p.dek,
.article-content p,
.article-content ul li,
.article-content ol li,
.channel-content p,
.channel-content ul li,
.channel-content ol li,
.content .all-topics-wp-list ul li,
.article-content .category-info p,
.article-content .category-info p.wim-text,
.article-content .dateline,
.article-content .about-author,
.article-content .related-topics p,
.article-content .related-topics .secondary.topics a,
.right-rail .right-rail-content .sb-events p,
.right-rail .right-rail-content .sb-events .btn,
.right-rail .right-rail-content .sb-dmd .btn,
.right-rail .right-rail-content .sb-dmd ul li,
.right-rail .right-rail-content .sb-events ul li,
.dmd-sidebar a {
 font-family: Roboto;
 font-display: optional;
}

/* Start color: #000 classes */
.outer-header-container .navbar-light .container a,
.nav-subscribe .navButton,
.featured-left-content a,
.center-features-text a,
.homepage-masthead .featured-left-tldr,
.global-content-stream .stream-article .article-text h2,
.global-content-stream .stream-webinar .webinar-text h2,
.global-content-stream .stream-article .article-text h2 a,
.global-content-stream .stream-webinar .webinar-text h2 a,
.global-content-stream .stream-article .article-text p.dek,
.global-content-stream .stream-webinar .webinar-text p.dek,
.sb-content-stream .sb-article-text h2,
.sb-content-stream .sb-article-text h2 a,
.article-content .category-info h1,
.article-content .story-box h1,
.channel-content .story-box h1,
.article-content h2,
.article-content .sel-new-articles p,
.article-content p,
.article-content ul li,
.article-content ol li,
.channel-content p,
.channel-content ul li,
.channel-content ol li,
.article-content .category-info p,
.article-content .category-info p.wim-text,
.article-content .dateline,
.article-content .dateline a,
.body-content li a:hover,
.body-content p a:hover,
.story-box li a:hover,
.story-box p a:hover,
.article-content .author-module .name a:hover,
.article-content a:hover,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.author-content .author .information .author-rss a,
.author-content .author .information .author-email a,
.right-rail .right-rail-content .sb-dmd ul li a,
.right-rail .right-rail-content .sb-events ul li a,
.dmd-sidebar a,
.stacked-form-text, p.inline-form-text,
footer.site-footer .footer-inner li a:hover,
.taxonomy-description h3 a {
	color: #000;
}

/* Start color: color: #0093ff; classes */
.outer-header-container .navbar-light .container a:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .dropdown-menu .active > .dropdown-item,
.featured-left-content a:hover, .center-features-text a:hover,
.global-content-stream .stream-article .article-text h2 a:hover,
.global-content-stream .stream-webinar .webinar-text h2 a:hover,
.sb-content-stream .sb-article-text h2 a:hover,
.article-content .channel,
.article-content .dateline a:hover,
.body-content li a,
.body-content p a,
.story-box li a,
.story-box p a,
.article-content a,
ul.pagination li a,
.wp-pagenavi a,
.author-content .author .information .author-rss a:hover,
.author-content .author .information .author-email a:hover,
.article-content .related-topics p,
.article-content .related-topics .secondary.topics a,
.right-rail .right-rail-content .sb-lower-section h3,
.right-rail .right-rail-content .sb-events p a,
.right-rail .right-rail-content .sb-events p a:hover,
footer.site-footer .footer-inner li a,
.sel-blue {
	color: #0093ff;
}

/* Start text-decoration: none; classes */
a, /* overrights bootstrap5 default styling */
.global-content-stream .stream-article .article-text h2 a,
.global-content-stream .stream-webinar .webinar-text h2 a,
.sb-content-stream .sb-article-text h2 a,
.article-content .dateline a:hover,
.article-content .author-module .name a:hover,
.article-content a:hover,
ul.pagination li a,
ul.pagination li a:hover,
.wp-pagenavi a,
.wp-pagenavi a:hover,
.author-content .author .information .author-rss a,
.author-content .author .information .author-email a,
footer.site-footer .footer-inner li a:hover {
	text-decoration: none;
}

/* Start text-decoration: underline; classes */
.global-content-stream .stream-article .article-text h2 a:hover,
.global-content-stream .stream-webinar .webinar-text h2 a:hover,
.sb-content-stream .sb-article-text h2 a:hover,
.featured-left-content a:hover,
.center-features-text a:hover,
.article-content .dateline a,
.body-content li a,
.body-content p a,
.story-box li a,
.story-box p a {
	text-decoration: underline;
}

/* End Group Styling */

/* Start Nav Styles */
header.outer-header-container {
	min-height: 58px;
}
.nav-logo {
	width: 150px !important;
	max-width: 100% !important;
	height: auto !important;
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-light .navbar-toggler {
	border-color: rgba(0,147,255,1) !important;
	background-color: rgba(0,147,255,1) !important;
}
a.nav-email-icon {
	color: #0093ff!important;
	text-decoration: none!important;
}
.btn:disabled  {
	opacity: 1;
}
/* Start Nav Dropdown Styles */
.outer-header-container .navbar-light .container .dropdown-menu a {
	color: #000;
}
.outer-header-container .navbar-light .container .dropdown-menu a.dropdown-item:hover {
	color: #FFF;
	background-color: #0093ff;
}
.outer-header-container .navbar-light .container .dropdown-menu .dropdown-item {
	padding: .25rem .5rem .25rem .75rem !important;
}
.navbar .nav-item:hover .dropdown-menu {
	background-color: #FFF;
}
ul#menu-primary-menu ul.dropdown-menu li a {
	padding-right: 1.25rem !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #0093ff;
}
.dropdown-menu > li > a::first-letter {
	color: #80c100 !important;
	font-size: 150% !important;
}
.searchNavbar {
	font-family: "Font Awesome 5 Free", Roboto, sans-serif;
	font-weight: 900;
}
@media (min-width: 992px) {
	.menu-primary-menu-container {
		min-width: 720px !important;
	}
	.navbar .nav-item .dropdown-menu {
		display: none;
	}
	.navbar .nav-item:hover .nav-link {  }
	.navbar .nav-item:hover .dropdown-menu {
		display: block;
		min-width: 24rem;
		border-radius: 0;
		border: 0;
	}
	ul#menu-primary-menu .dropdown-menu {
		-moz-column-count: 2;
		-moz-column-gap: 8px;
		-webkit-column-count: 2;
		-webkit-column-gap: 8px;
		column-count: 2;
		column-gap: 0.5rem;
		width: 100%;
	}
	ul#menu-primary-menu li:last-child > ul.dropdown-menu {
		min-width: 14rem;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		width: 100%;
	}
	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}
}
@media (min-width: 1200px) {
	.navbar .container {
		max-width: 1500px !important;
	}
	#sidebar-search {
		width: 16.9rem !important;
	}
	.sidebar-submit {
		width:75px!important;
	}
}
@media (min-width: 1400px) {
	.searchNavbar {
		min-width: 13.5rem!important;
		max-width: 13.5rem!important;
	}
}
/* End Nav Styles */

/* Start Masthead Styles */
.homepage-masthead {
	max-width: 1500px;
}
.featured-left-category {
	font-size: .85rem;
	font-weight: 500;
	color: gray;
	margin: .5rem 0 .2rem 0;
}
.homepage-masthead .featured-left-headline {
	font-size: 1.75rem;
	margin: 0;
	line-height: 1.3em;
	letter-spacing: -.025em;
}
.homepage-masthead .featured-left-tldr {
	font-size: 1.15rem;
	line-height: 1.3em;
	font-weight: lighter;
	margin: 0;
	padding-top: .625rem;
}
.center-features-category {
	font-size: .85rem;
	font-weight: 500;
	color: gray;
	margin: 0 0 .125rem 0;
}
.center-features-title {
	font-size: 1rem;
	line-height: 1.1em;
	letter-spacing: -.025em;
	margin: 0;
}
.homepage-masthead .masthead-column .ad-space {
	max-width: 300px !important;
}
@media (min-width: 1400px) {
	.center-features-title {
		font-size: 1.15rem;
		line-height: 1.3em;
	}
}
/* End Masthead Styles */

/* Start Body Content Styles */
main div.content {
	max-width: 1215px;
}
.content ul li,
.content ol li {
	font-size: 1.125rem;
}
.global-content-stream .stream-article .article-text .category-name {
	font-size: .85rem;
	font-weight: 500;
	color: gray;
	margin-bottom: .2rem;
}
.global-content-stream .stream-article .article-text .category-name a, .center-features-category a, .center-features-category a:hover, .featured-left-category a, .featured-left-category a:hover {
	font-size: .85rem;
	font-weight: 500;
	color: gray;
	margin-bottom: .2rem;
	text-decoration: none;
}
.global-content-stream .stream-article .article-text h2,
.global-content-stream .stream-webinar .webinar-text h2,
.sb-content-stream .sb-article-text h2 {
	font-size: 1.25rem;
	margin: 0;
	line-height: 1.3em;
	letter-spacing: -.025em;
}
.global-content-stream .stream-article .article-text p.dek,
.global-content-stream .stream-webinar .webinar-text p.dek {
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.5em;
	padding-top: .313rem;
	margin-bottom: 0;
}
.channel {
	margin-bottom: .625rem;
	border-top: 5px solid #eee;
	padding-top: 5px;
}
.article-content .category-info h1 {
	font-weight: 400;
	font-size: 3.125rem;
	margin: 0 0 .5rem 0;
	letter-spacing: -.025em;
}
.article-content .story-box h1,
.channel-content .story-box h1 {
	font-weight: 400!important;
	font-size: 3.125rem;
	letter-spacing: -.025em;
}
.article-content .story-box h2.subhead {
	font-size: 1.875rem;
	font-weight: 200;
	line-height: 1.3em;
	margin-bottom: .625rem;
}
.article-content h2 {
	/* font-size: 2.625rem; */
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 1.3em;
}
.article-content .sel-new-articles p {
	font-size: 1.75rem;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -.01em;
	line-height: 1.3em;
	color: #0093ff;
	border-bottom: 5px solid #0093ff;
}
/* @media (min-width: 1440px) {
	.article-content h2 {
		font-size: 2.625rem;
	}
} */
.article-content .category-info h4 {
	font-weight: 500;
	font-size: 1rem;
	color: gray;
	margin: 0;
	line-height: 1.25rem;
}
.article-content p,
.article-content ul li,
.article-content ol li,
.channel-content p,
.channel-content ul li,
.channel-content ol li {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.4em;
	margin-bottom: 1.25rem;
}
.article-content .category-info p {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.4em;
	margin: 0;
}
.article-content .category-info p.wim-text {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.4em;
	margin: 0;
}
.article-content .dateline {
	font-size: .875rem;
	margin: 0 0 .625rem;
	line-height: 1em;
}
.article-content .channel {
	font-weight: 700;
}
.article-content img {
	max-width: 100%;
	height: auto;
}
.body-content img {
	margin-bottom: .75rem !important;
}
.article-content .about-author {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	margin: 1.25rem 0 0 0;
}
.article-content .about-author p {
	margin: 0 0 .625rem;
	color: #aaa;
	/* text-transform: uppercase; */
	font-size:1.9rem;
	font-weight:400;
}
.article-content .author-module .name a, .article-content .channel a, .channel-content .channel a {
	font-size: .875rem;
	font-weight: 700;
}
.article-content h3, .article-content h4, .article-content h5, .article-content h6 {
	line-height: 1.3em;
	margin-bottom: 1.25rem;
}
.article-content h4, .article-content h5, .article-content h6 {
	font-weight: 700;
}
.article-content h3 {
	font-weight: 400;
	/* font-size: 1.875rem; */
}
.article-content h4 {
	font-size: 1.125rem;
}
.article-content h5 {
	font-size: 1rem;
}
.article-content h6 {
	font-size: .875rem;
}
ul.pagination li a, .wp-pagenavi a {
	border-radius: 0;
	margin-left: 10px;
	font-size: .875rem;
	border: 1px solid #0093ff;
	padding: 5px 12px;
}
ul.pagination li a:hover, .wp-pagenavi a:hover {
	background-color: #0093ff;
	color: #fff;
	border-color: #0093ff;
}
.page-item span.current, .current {
	color: #fff;
	background-color: #0093ff;
	margin-left: 10px;
	font-size: .875rem;
	border: 1px solid #0093ff;
	padding: 5px 12px;
}
.wp-block-quote {
	border-left: 0.25em solid;
	padding-left: 1em;
}
/* End Body Content Styles */

/* Start Author Styles */
.avatar img {
	max-width: 140px !important;
}
.author-content .author .information {
	padding-top: 1.25rem;
	border-top: 5px solid #eee;
}
.author-content .author .information .author-info h1 {
	font-size: 2.25rem;
}
.author-content .author .information .author-rss a,
.author-content .author .information .author-email a {
	font-family: Arial;
	font-size: .875rem;
}
.author-content .author .information .author-social .twitter,
.author-content .author .information .author-social .twitter iframe,
.about-author .information .author-module .about .twitter,
.about-author .information .author-module .about .twitter iframe {
	border: 0;
}
/* End Author Styles */

/* Start related-topics Topics Styles */
.article-content .related-topics .secondary.topics p {
		margin: 0 0 10px 0;
		font-size: .875rem;
		color: #aaa;
		/* text-transform: uppercase; */
		font-weight:400;
}
.article-content .related-topics .secondary.topics a {
		/* text-transform: uppercase; */
		font-weight: bolder;
		font-size: .625rem;
		border: 1px solid #0093ff;
		padding: 5px 8px 5px 8px;
		border-radius: 0;
		margin-bottom: 5px;
		margin-right: 5px;
		background-color: #fff;
}
.article-content .related-topics .secondary.topics a:hover {
		text-decoration: none;
		background-color: #0093ff;
		border: 1px solid #0093ff;
		color: #fff;
}
/* End related-topics Topics Styles */

/* Start MarTech Topics List Styles */
.content .all-topics-wp-list h1 {
	font-weight: 400!important;
	font-size: 3.125rem;
	letter-spacing: -.025em;
}
.content .all-topics-wp-list ul li {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.4em;
}
/* End MarTech Topics List Styles */

/* Start Sidebar Styles */
.right-rail-content {
	max-width: 300px !important;
	width: 100%;
}
 .right-rail .right-rail-content .sb-nlp .nlp-sb span,
.right-rail .right-rail-content .sb-featured span,
.right-rail .right-rail-content .sb-events span,
.right-rail .right-rail-content .sb-dmd span,
.right-rail .right-rail-content .sb-lower-section span {
	margin: 0;
	padding: .625rem 0;
	font-weight: 400;
	/* text-transform: uppercase; */
	font-size: 1.5rem;
	letter-spacing: 0;
}
.right-rail .right-rail-content .sb-featured span,
.right-rail .right-rail-content .sb-events span,
.right-rail .right-rail-content .sb-dmd span {
	border-top: 5px solid #0093ff;
	color: #0093ff;
 }
 .right-rail .right-rail-content .sb-events .modal-content h3 {
	 border-top: none !important;
 }
 .right-rail .right-rail-content .sb-nlp .nlp-sb,
 .right-rail .right-rail-content .sb-lower-section h3 {
	 border-top: 5px solid #0093ff;
 }
.right-rail .right-rail-content .sb-events p {
	margin-bottom: .625rem;
}
.right-rail .right-rail-content .sb-events .btn,
.right-rail .right-rail-content .sb-dmd .btn {
	background-color: #0093ff;
	border: none;
	border-radius: 0;
	/* text-transform: uppercase; */
}
.right-rail .right-rail-content .sb-dmd ul li,
.right-rail .right-rail-content .sb-events ul li {
	font-size: .813rem;
	list-style-type: none;
	line-height: 1.3em;
	padding: .2rem 0;
}
.right-rail .right-rail-content .sb-dmd ul li a,
.right-rail .right-rail-content .sb-events ul li a {
	font-weight: 400;
}
.dmd-sidebar a {
	font-weight: 300;
	font-size: 0.93rem;
	line-height: 1.2em;
	padding-top: .313rem;
	margin-bottom: 0;
}
/* End Sidebar Styles */

/* Form Styles */
.nl-stacked-form, .nl-inline-form, .nlp-bg {
	background-color: rgba(27,20,100,.1) !important;
}
.nl-stacked-form {
	max-width: 300px !important;
}
.stacked-form-text, p.inline-form-text {
	font-size: 1rem;
	line-height: 1.3em;
	font-weight: lighter;
}
.nl-terms {
	font-size: .8rem;
	font-weight: lighter;
}
/* End Form Styles */

/* Footer Styles */
footer.site-footer .footer-inner p {
	font-weight: 700;
	color: #222;
	/* text-transform: uppercase; */
	font-size: .875rem;
}
footer.site-footer .footer-inner li a {
	font-family: Arial;
	font-size: .875rem;
}
.ftr-nl-text {
	font-size: 1.25rem;
}
.bg-ftr-subscribe {
	/* background-color: rgba(211,211,211,1) !important; */
	background-color: rgba(27,20,100,.1) !important;
}
/* End Footer Styles */

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
	 opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
	opacity: 1;
}

/* Start Sharing Controls */
section.sharing_controls{display:none;margin:0}section.sharing_controls.mode_sticky{position:fixed;left:0;top:50%;margin-bottom:0}section.sharing_controls.mode_sticky ul{left:-60px}section.sharing_controls.mode_sticky ul li{display:block;margin-top:-1px}section.sharing_controls.mode_content{position:fixed;left:0;top:50%;margin-bottom:0}section.sharing_controls.mode_content ul{left:0}section.sharing_controls.mode_content ul li{display:block;margin-top:-1px}section.sharing_controls.mode_inline{margin:20px 0}section.sharing_controls.mode_inline ul:after,section.sharing_controls.mode_inline ul:before{content:" ";display:table}section.sharing_controls.mode_inline ul:after{clear:both}section.sharing_controls.mode_inline ul li{margin-left:-1px;float:left}section.sharing_controls ul{display:block;text-align:left;list-style:none;margin:0;padding:0;position:relative}section.sharing_controls ul li{opacity:.2;list-style:none;font-size:10px;position:relative;border:1px solid #ccc;width:33px;height:35px;overflow:hidden;background-color:#fff;cursor:pointer;font-family:Oswald;/*text-transform:uppercase;*/text-align:center;margin:0;padding:0;display:inline-block}@media (min-width:980px){section.sharing_controls ul li{width:60px;height:45px}}section.sharing_controls ul li.after_more_button{display:block}@media (min-width:768px){section.sharing_controls ul li.after_more_button{display:none}}section.sharing_controls ul li i{color:#000;display:block;position:absolute;top:8px;width:33px;height:35px;text-align:center;font-size:14px}@media (min-width:980px){section.sharing_controls ul li i{top:14px;font-size:15.75px;width:60px;height:35px}}section.sharing_controls ul li:hover i{color:#fff}section.sharing_controls ul li.count{cursor:default}@media (min-width:980px){section.sharing_controls ul li.count span.count{font-size:13px}}section.sharing_controls ul li.count span.icon{background-image:url(wp-content/themes/tdm-editorial/img/icons/share.png);height:15px;width:22px;display:block;background-repeat:no-repeat;margin:4px auto 0}section.sharing_controls ul li.google:hover{border:1px solid #cd4030;background-color:#cd4030}section.sharing_controls ul li.facebook:hover{border:1px solid #3b5998;background-color:#3b5998}section.sharing_controls ul li.twitter:hover{border:1px solid #00aced;background-color:#00aced}section.sharing_controls ul li.more{display:none}section.sharing_controls ul li.more span{padding-top:12px;font-size:10px;display:block}@media (min-width:980px){section.sharing_controls ul li.more{cursor:pointer;display:block}section.sharing_controls ul li.more span{padding-top:13px;font-size:13px;display:block}}section.sharing_controls ul li.email:hover{border:1px solid #000;background-color:#000}section.sharing_controls ul li.linkedin:hover{border:1px solid #0e76a8;background-color:#0e76a8}section.sharing_controls ul li.tumblr:hover{border:1px solid #3e5a70;background-color:#3e5a70}section.sharing_controls ul li.reddit:hover{border:1px solid red;background-color:red}section.sharing_controls ul li.buffer:hover{border:1px solid #ccc;background-color:#ccc}section.sharing_controls.mode_inline ul li {clear: none;}section.sharing_controls.mode_inline ul li {clear: none;}
/* End Sharing Controls */

/*ACF hide/show classes*/
.show-section {

	visibility: visible;
}

.hide-section {

	display: none;
}