@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/*backgrounds*/
.com_content.view-category .t3-wrapper{
background:
		radial-gradient(circle 600px at calc( 50% + 800px ) 300px, rgba(51,125,193,0.2) 0%, rgba(255,255,255,0) 100%), /* blue*/
		radial-gradient(circle 600px at calc( 50% + 700px ) 40%, rgba(51,125,193,0.2) 0%, rgba(255,255,255,0) 100%),

		radial-gradient(circle 300px at calc( 50% + 600px ) -40px, rgba(156,236,211,0.5) 0%, rgba(255,255,255,0) 100%),  /*green*/
		radial-gradient(circle 600px at calc( 50% - 800px ) 20%, rgba(156,236,211,0.5) 0%, rgba(255,255,255,0) 100%),
		radial-gradient(circle 600px at calc( 50% + 700px ) 90%, rgba(156,236,211,0.5) 0%, rgba(255,255,255,0) 100%)
}
.com_content.view-article .t3-wrapper{
	background:
			radial-gradient(circle 500px at calc( 50% + 700px ) 400px, rgba(51,125,193,0.2) 0%, rgba(255,255,255,0) 100%), /* blue*/
			radial-gradient(circle 400px at calc( 50% + 600px ) 80%, rgba(51,125,193,0.2) 0%, rgba(255,255,255,0) 100%),

			radial-gradient(circle 250px at calc( 50% + 300px ) -20px, rgba(156,236,211,0.5) 0%, rgba(255,255,255,0) 100%),  /*green*/
			radial-gradient(circle 350px at calc( 50% + 600px ) 1500px, rgba(156,236,211,0.5) 0%, rgba(255,255,255,0) 100%),
			radial-gradient(circle 400px at calc( 50% + 300px ) 70%, rgba(156,236,211,0.5) 0%, rgba(255,255,255,0) 100%)

}



.v4c_article_wrap{
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 2px 2px 8px 2px rgb(34 180 236 / 10%);
	overflow: hidden;
	transition: all 100ms;
}
.v4c_article_wrap:hover{
	box-shadow: 3px 3px 10px 3px rgb(34 180 236 / 15%);
}
.v4c .article-intro ul>li {
	margin-bottom: 15px;
	line-height: 1.7;
}

.v4c .article-intro ul > li::before {
	content: "⬤";
	font-family: "Courier New", monospace;
	font-weight: 700;
	font-size: 9px;
	margin-right: 0px;
	color: rgb(62, 215, 145);
	vertical-align: 3px;
	position: relative;
	left: -10px;
}


.v4c .item-image{
	max-height: 100%;
	aspect-ratio: 880 / 368;
	background: #d3f0fb;
}
.v4c .item-image img{
	margin-top:0;
}

.com_content.view-category #t3-content{
	padding-top:28px;
	padding-bottom: 0;
}

.com_content.view-category article{
	margin-top: 0;
	margin-bottom: 50px;
}
.com_content.view-category .col-sm-6 .item.column-1{
	margin-right: 21px;
}
.com_content.view-category .col-sm-6 .item.column-2{
	margin-left: 21px;
}
@media (max-width: 768px) {
	.com_content.view-category .col-sm-6 .item.column-1 {
		margin-right: 0px;
	}

	.com_content.view-category .col-sm-6 .item.column-2 {
		margin-left: 0px;
	}

}
@media (min-width: 769px) and (max-width: 992px) {
	.com_content.view-category .col-sm-6 .item.column-1 {
		margin-right: 0px;
	}

	.com_content.view-category .col-sm-6 .item.column-2 {
		margin-left: 0px;
	}

}

.v4c .item-image-box {
	margin-bottom: 16px;
}
.v4c .article-aside{
	margin-left: 35px;
	margin-bottom:8px;
}
.v4c .article-info dd{
	font-size: 16px;
	font-weight: 500;
	color:#141e3e;
}

.v4c .item-content-box{
	margin: 0 35px 35px 35px;
}

.v4c .article-title a{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.25;
	color:#05193c;
}
.v4c .article-title{
	margin-bottom: 16px;
}



.v4c .article-intro{
	margin-right: 105px;
	line-height: 1.6;
	margin-bottom:20px;
	color:#05193c;
	opacity: 0.6;
}
.leading .v4c .article-intro {
	opacity: 1;
}
.com_content.view-category.layout-blog .article-intro{
	opacity: 1;
}
dd.create{
	margin-right: 40px;
}
@media (max-width: 1200px) {
	.v4c .article-intro{
		margin-right: 0;
	}
}
.blog .v4c .readmore a{
	color: #42b7ec;
	font-weight: bold;
	padding-right: 40px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4yMiAxMC4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0N2I3ZTk7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjkuMDggMCA3Ljc0IDEuMzMgMTAuNTQgNC4xNSAwIDQuMTUgMCA2LjE1IDEwLjU2IDYuMTUgNy43NCA4Ljk3IDkuMDcgMTAuMzEgMTQuMjIgNS4xNiA5LjA4IDAiLz48L2c+PC9nPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 30%;
	background-size: auto 75%;
	transition: all 200ms;
}
.blog .v4c .readmore a:hover{
	color: #42b7ec;
	background-position: 100% 30%;
}


/*article styles*/

/*title overrides*/

body{
	color:#091a3d;
}

.article-content h3, .article-intro h3{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #091a3d;
}

.article-content h4, .article-intro h4{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #091a3d;
}
.article-content h5, .article-content h6, .article-intro h5, .article-intro h6{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #091a3d;
}


.com_content.view-article .t3-content{
	padding-top:40px;
}
.com_content.view-article .item-image {
	border-radius:20px;
	overflow: hidden;
}

.com_content.view-article .item-image img{
	margin-top:0;
}
.com_content.view-article .item-image-box {
	margin-bottom: 21px;
}
.com_content.view-article .article-aside{
	margin-bottom: 14px;
}
.com_content.view-article .article-info dd{
	font-size: 16px;
	font-weight: 500;
	color:#141e3e;
}

.com_content.view-article h1.article-title{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-size: 49px;
	line-height: 1.23;
	color:#091a3d;
	margin-bottom:23px;
}

.com_content.view-article .article-content{
	line-height: 1.8;
	font-size: 18px;
	color:#091a3d;
}
.com_content.view-article .article-content p{
	line-height: 1.8;
	margin-bottom: 36px;
}
.com_content.view-article .article-content a:not([class]){
	color:#286e84;
	text-decoration: none;
}
.com_content.view-article .article-content a:not([class]):hover{
	color:#22b4ec;
	text-decoration: none;
}
.com_content.view-article img.img-polaroid,
.com_content.view-article p.img-polaroid > img{
	/*box-shadow: 0 0 7px 1px rgb(219,224,230);*/
	border: 1px solid #000000;
	padding: 0;
	border-radius: 10px;
	box-sizing: content-box;
}
.com_content.view-article p.img-polaroid{
	background-color: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}
.com_content.view-article .article-content p.question{
	font-weight: 700;
	margin-bottom: 5px;
}
.com_content.view-article .article-content .subnote {
	margin-top: -7px;
	font-size: 13px;
	color: #6a7589;
	font-style: italic;
}
.com_content.view-article .article-content h2{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 700;
	font-size: 34px;
	margin-top: 68px;
	margin-bottom: 26px;
	color:#091a3d;
}
.inarticle_cta_wrap{
	background: url('/images/backgrounds/inart_cta_bg1.svg') no-repeat;
	background-size: auto 50% ;
	background-position: 0 100%;
}
.inarticle_cta{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	background: url('/images/backgrounds/inart_cta_bg2.svg') no-repeat;
	background-size: auto 100% ;
	background-position: 100% 0;
	padding: 50px;
	margin-top: -20px;
	margin-bottom: -20px;
}
.article-content ol {
	counter-reset: li;
	list-style-type: none;
	padding: 0;
	line-height: inherit
}

.article-content ol li {
	position: relative;
	padding: 5px 0 12px 42px;
	list-style: none;
	margin: 0!important;
	line-height: 1.6;
}

.article-content ol li:before {
	content: counter(li);
	counter-increment: li;
	height: 30px;
	width: 30px;
	border: 2px solid #3ed791;
	border-radius: 50%;
	color: #3ed791;
	text-align: center;
	position: absolute;
	left: 0;
	font-family: 'Courier New',monospace;
	font-weight: 700;
	font-size: 19px;
	line-height: 29px;
}

.article-content ol li:last-child {
	padding-bottom: 0
}
.article-content ul{
	padding-left: 24px;
	line-height: 1.75rem;
	margin-top: 0.5rem;
	text-indent: -1.25rem;
	list-style: none;
}
.article-content ul>li{
	margin-bottom:15px;
	line-height: 1.7;
}

.article-content ul > li:before{
	content: "⬤";
	font-family: 'Courier New',monospace;
	font-weight: 700;
	font-size: 9px;
	margin-right: 0px;
	color: #3ed791;
	vertical-align: 3px;
	position:relative;
	left:-10px;
}
.article-content .bs-callout ul{
	padding-left:40px;
}
.article-content .bs-callout ul > li:before{
	color: #091a3d;
	font-size:9px;
	vertical-align: 3px;
}
.com_content.view-article.withtoc .t3-sidebar{
	position: sticky;
	top: 70px;
}
/*sidebar overrides*/

.withtoc .t3-sidebar .sidebarwrap{
	border-radius: 0px;
	position: relative;
	box-shadow: none;
}
.withtoc .t3-sidebar{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
}

.withtoc .t3-sidebar .t3-module{
	padding-top:0px;
}

.withtoc .t3-sidebar .sidebarwrap:before{
	content: none;
}
.withtoc .t3-sidebar-right .sidebarwrap{
	margin-left: 0;
}
@media (min-width: 768px) {
	.withtoc.com_content.view-article .t3-content{
		padding-right: 50px;
	}
}
html {
	scroll-behavior: smooth;
}

.quickindex .index-link.active,
.quickindex .index-link:hover
{
	color:#141e3e;
}

.quickindex a.index-link{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 400 !important;
	color:#6a7589;
	border-left:2px solid;
	border-left-color:transparent;
	transition: border-left-color 300ms, color 300ms;
	margin-left: -2px;
	margin-bottom: 18px;
	display: block;
}
.quickindex a.index-link strong,
.quickindex a.index-link sub{
	font-weight: 400;
	font-size:100%;
}
.quickindex li.index-item{
	padding-bottom:0;
}
.module-ct .quickindex ul li{
	border-top:0;
	padding:0;
}
.quickindex .index-header{
	color:rgba(21,31,62,0.3);
	font-size: 19px;
	margin-bottom: 19px;
}
.quickindex .index-wrapper{
	border-left:2px solid rgba(106,117,137,0.1);
}
.quickindex ul.index-level-2 > li > a{
	padding-left:17px;

}
.quickindex ul.index-level-3 > li > a{
	padding-left:47px;
}
.quickindex .index-link.active{
	border-left-color:#22b8f0;
	font-weight: 500 !important;
}

.quickindex .index-link.active strong,
.quickindex .index-link.active sub{
	font-weight: 500;
}
.rl_quickindex.quickindex {
	max-height: calc( 100vh - 100px);
	overflow-y: auto;
}
.bs-callout{
	background:#FFFFFF;
}
.box-default,.box-info,.box-note,.box-warning{

	padding: 40px 40px 40px 161px;
	border-radius: 20px;
	border: 2px solid #091a3d;
	min-height: 150px;
}
.box-default{
	background: url('/images/icons/default.svg') 15px 50% no-repeat,
				linear-gradient(90deg,#ffffff 60%,#e4edf6 100%) repeat-y 100% 0;
	background-size: auto 121px;
}
.box-info{
	background: url('/images/icons/success.svg') 15px 50% no-repeat,
	linear-gradient(90deg,#ffffff 60%,#def8f0  100%) repeat-y 100% 0;
	background-size: auto 121px;
}
.box-note{
	background: url('/images/icons/notes.svg') 15px 50% no-repeat,
	linear-gradient(90deg,#ffffff 60%,#f1edfe  100%) repeat-y 100% 0;
	background-size: auto 121px;
}
.box-warning{
	background: url('/images/icons/important.svg') 15px 50% no-repeat,
	linear-gradient(90deg,#ffffff 60%,#f7fae0  100%) repeat-y 100% 0;
	background-size: auto 121px;
}
@media (max-width: 414px) {
	.box-default,.box-info,.box-note,.box-warning{
		background:none;
		padding: 20px;
	}
}

.article-content .quickindex{
	display: none;
}

/*knowledgebase*/
.view-category.layout-uberkbblog.itemid-500 .t3-wrapper,
.view-category.itemid-500 .t3-wrapper{
	background: radial-gradient(circle 600px at calc( 50% + 800px ) 300px, rgba(51,125,193,0.2) 0%, rgba(255,255,255,0) 100%); /* blue*/
}

.view-category.layout-uberkbblog.itemid-500 #t3-mainbody{
	margin-bottom: 150px;
}
.view-category.layout-uberkbblog.itemid-500 .blog .page-subheader{
	display: none;
}
#Mod185 {
	box-shadow: 3px 3px 8px 0px rgb(166 188 189 / 50%) !important;
	background-color: #fff;
	border-radius: 30px;
}
.kb-box {
	/* blue */
	/*box-shadow: 3px 3px 10px 3px rgb(34 180 236 / 15%);*/
	border-color: rgba(170, 211, 222, 0.4);
	box-shadow: 5px 5px 10px 0px rgb(166 188 189 / 50%);
	border-width: 1px;
	border-style: solid;

	border-radius: 20px;
	overflow: hidden;
	padding: 20px;
	background: linear-gradient(90deg, #def8f0 0%, #ffffff 50%);
	margin-bottom: 40px;
	transition: transform 200ms ease-in-out;
}
.kb-box:hover{
	transform: scale(1.03);
}
.kb-a{
	display: flex;
	flex-direction: row;
}
.kb-imgwrap{
	max-width: 26%;
	margin: 0px 15px 0px 0;
	max-height: 100px;
	text-align: center;
	flex-grow: 0;
}
.kb-img{
	width: 80px;
}
.kb-box-title{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 700;
	color: #031a3d;
	font-size: 20px;
	margin: 0 0 5px;
}
.kb-box .category-desc{
	color: #031a3d;
}
.kb-a:hover .kb-box-title{
	color: #0d8ab9;
}
.kb-box .category-desc p{
	margin-bottom: 0;
}
.cat-header{
	display: flex;
	flex-direction: row;
}
.cat-imgwrap > img{
	width: 100px;
}
.cat-title{
	font-family: 'Inter', 'Open Sans', 'Helvetica', 'Verdana', sans-serif;
	font-weight: 700;
	color: #031a3d;
	font-size: 38px;
	margin: 7px 0;
}
.cat-titlewrap {
	padding: 0 15px;
}
.links-wrapper {
	display: flex;
	flex-direction: row;
	/* flex-shrink: 0; */
	flex-wrap: wrap;
	border: 1px solid #031a3d;
	border-radius: 20px;
	padding: 30px;
}

.bloglink-wrap {
	 width: 50%;
	 min-width: 50%;
	 padding: 10px;
 }
@media (max-width: 768px) {
	.bloglink-wrap {
		width: 100%;
		min-width: 100%;
		padding: 10px;
	}
	.com_content.view-article h1.article-title{
		font-size: 28px;
		margin: 10px 0;
	}
	.com_content.view-article .article-aside{
		margin-bottom: 5px;
	}
	.com_content.view-article .article-content h2{
		font-size: 23px;
		margin-top: 30px;
		margin-bottom: 18px;
	}
	.com_content.view-article .article-content p{
		margin-bottom: 14px;
	}
	.com_content.view-article .t3-content{
		padding-top: 10px;
	}
	.masthead .jamasshead .jamasshead-title{
		font-size: 55px;
	}
}
.bloglink{
	color: #031a3d;
	padding-left: 40px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4yMiAxMC4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0N2I3ZTk7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjkuMDggMCA3Ljc0IDEuMzMgMTAuNTQgNC4xNSAwIDQuMTUgMCA2LjE1IDEwLjU2IDYuMTUgNy43NCA4Ljk3IDkuMDcgMTAuMzEgMTQuMjIgNS4xNiA5LjA4IDAiLz48L2c+PC9nPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-size: auto 11px;
	transition: all 200ms;
}
.bloglink:hover{
	color: #42b7ec;
	background-position: 15px 4px;
}
.items-more {
	margin: 50px 0 100px 0;
}
@media (max-width: 767px) {
	.v4c .article-title {
		margin: 0 0 10px 0;
	}
}

.article-intro a{
	color: #286e84;
	text-decoration: none;
	border-bottom: 1px dashed #c8c9c9;
}

.article-intro a:hover{
	color: #22b4ec;
	text-decoration: none;
}

@media (max-width: 768px) {
	body,
	.v4c .article-title a,
	.article-content h3, .article-intro h3,
	.article-content h4, .article-intro h4,
	.article-content h5, .article-content h6, .article-intro h5, .article-intro h6,
	.com_content.view-article h1.article-title,
	.com_content.view-article .article-content h2,
	.withtoc .t3-sidebar,
	.quickindex a.index-link,
	.kb-box-title,
	.cat-title
	{
		font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif; /* Mobile system fonts */
	}
}