/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */



body {
	background-color: #ffffff;
	font-family:  Gotham, Arial, Verdana, sans-serif;
    font-style: normal;
	font-weight: normal;
	line-height: 1.42857143;
	color: #303030;
	font-size: 16px;
	margin: 0;
	position: relative;
}


.carouselBtnP:disabled, .carouselBtnPB:disabled {
				fill: #a0a0a0;
				background-color: rgba(255, 255, 255, 1);
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}
			.carouselBtnP, .carouselBtnPB {
				left: 10px;
				z-index: 3;
				background-color: rgba(255, 255, 255, 1);
				border: 0px;
				position: absolute;
				top: 50%;
				/* JLFT 2025 02 06 transform: translateY(-50%); */
				pointer-events: auto;
				fill: black;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				cursor: pointer;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}
			.carouselBtnN:disabled, .carouselBtnNB:disabled {
				fill: #a0a0a0;
				background-color: rgba(255, 255, 255, 1);
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}
			.carouselBtnN, .carouselBtnNB {
				right: 10px;
				z-index: 3;
				background-color: rgba(255, 255, 255, 1);
				border: 0px;
				position: absolute;
				top: 50%;
			/* JLFT 20250206	transform: translateY(-50%); */
				pointer-events: auto;
				fill: black;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				cursor: pointer;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}
			
			
			

 iframe.video-js.vjs-fluid.bigVid {width: 100%; height: 100%; background-color: transparent !important; border: none; }

 
 #ytvideo {height: 360px;}
 
 
 /* Bootstrap added to fix animation for testing */

	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: inherit; 
		font-weight: 500; 
		line-height: 1.1;
		color: inherit; 
	}
	h4, .h4, h5, .h5, h6, .h6 {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	h6, .h6 {font-size: 12px;line-height: 1.1;}


	 .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	button {
		color: inherit;
		font: inherit;
		margin: 0;
	}
	button {
		overflow: visible;
	}
	button, html input[type="button"] {
		-webkit-appearance: button;
		cursor: pointer;
	}
		button{
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
	}
	

	@media (min-width: 1200px) {
		.col-lg-12 {
			width: 100%;
			float: left;
		}
	}
	button {
		/*font-family: inherit;
		font-size: inherit; */
		line-height: inherit;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	*:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.row:after {
		clear: both; 
		content: " ";
		display: table;
	}
	ul, ol {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.nav {
		margin-bottom: 0;
		padding-left: 0;
		list-style: none;
	}
	.nav:before, {
		content: " ";
		display: table;
	}
	.nav:after {
		clear: both;
		content: " ";
		display: table;
	}
	.nav>li {
		position: relative;
		display: block;
	}
	.nav-tabs>li {
		float: left;
		margin-bottom: 0px;
	}

	.nav-tabs>li {
		float: left;
		margin-bottom: 0px;
	}

 /* Bootstrap added to fix animation for testing */
 
/* NEW PAGE HEADER FOR AI DN HUB 2024-09-25 STARTS */
.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 02;
    border: none;
    border-radius: 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 0px;
}


.ai-hub-header {max-width: 1040px; width: 100%; margin: 0 auto; height: 20px;} /* KD add a height lat3er */
.site-value-prop {font-family: Gotham, Arial, sans-serif; font-size: 1.0rem; font-weight: 600; color: #003049; text-transform: uppercase; margin: 0 auto;  padding: 20px 0px 0px 0px; text-align: center;}
.site-value-title, div.site-value-title h1 {
	font-family: Gotham, Arial, sans-serif;
    font-size: 2.80rem;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 auto;
    padding-top: 50px;
    letter-spacing: .70rem;
    text-align: left;
}
.site-tab-nav {}

.nav-tabs { border-bottom: none;}
.nav-item {font-family: inherit; font-size: 1.5rem; font-weight: 600; color: #003049;  }/* background-color: transparent;  */
.nav-link {text-transform: uppercase; padding: 3px 20px; background-color: transparent;
			font-family: inherit;
			font-size: .90rem;
			font-weight: 600;
			color: #003049;  } /* border-radius: 5px; border: transparent;  */
#home-tab {padding: 3px 50px; }
.nav-link.disabled {color: #999999; cursor: auto; background-color: transparent;}
.nav-link.active {background-color: #003049; color: #FFFFFF; }
button.nav-link {
	background-color: transparent;
    color: #3e82c6;
    border-top-left-radius: 10%;
	border-top-right-radius: 10%;
    border: none;
}
button.nav-link.active {
	background-color: #3e82c6;
    color: #FFFFFF;
}
	button.nav-link:hover, button.nav-link:focus {background-color: #003049; color: #FFFFFF; }
	button.nav-link.disabled, button.nav-link.disabled:hover, button.nav-link.disabled:focus {
		padding-top: 0px; /* padding-top: 18px; REMOVE THIS WHEN THE HREF AND THE BLUE HOVER COLOR IS RESTORED */   
		background-color: transparent; 
		color: #494848; 
	}

.btn-navbar {
		/* display: none;  */				
		display: inline-block;
		/*border: 1px solid #dddddd; */
		border-radius: 5px;
		padding: 4px 10px;
	}
	
	
.icon-bar {
		display: block;
		width: 18px;
		height: 2px;
		background-color: #f5f5f5;
		border-radius: 1px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		margin: 4px 0px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
a.btn.btn-navbar.btn-primary {
	position: absolute;
	top: 10px;
	right: 22px;
	/*border: 1px solid #dddddd; */
	z-index: 3;
}

#menutoggle {
	display: none;
}

 #menu {
        display: none;
        width: 250px;
        height: 140px;
        z-index: 100;
        border-radius: 5px;      
        text-align: left; 
		margin-right: 80px;
		padding-right: 0px;		
    }

.btn-navbar {
    display: inline-block;
   /* border: 1px solid #dddddd; */
    border-radius: 5px;
 }

/*
a.btn.btn-navbar.btn-primary {
    float: right;
    border: 1px solid #dddddd;
	margin:120px 10px;
} */

#navtabs {
	display: block;
}

.mid-navigation {
    background-color:transparent; 
    margin-top: 0px;
    margin-bottom: 0px;
    display: none;
    /* text-align: right; */
	padding: 0px 0px;
    list-style-type: none;
    display: none;
}

.mid-navigation ul li {
    list-style-type: none;
    display: block; 
	font-weight: 600;
    padding-left: 20px;
	margin-bottom: 5px;
}
	
/*  h1.banner-text {padding-top: 30px  !important; }  
div.navigation {margin: 0 auto;}	*/




/* CUSTOM CSS FOR UPDATED NAV  - 2024-11-07 STARTS  */


div#menu-ai-hub, 
div#menu-pcs, 
div#menu-cloud,
div#menu-computing,
div#menu-edge,
div#menu-software,
div#menu-security {z-index: 500; position: absolute; background-color: #003049; width: 400px; height: 100%;} /* KD does this fixed width and height help or hurt? */
.mid-navigation ul li:hover {background-color: #003049;}
div ul.nav-ul {width: 390px; }
.mid-navigation ul li {padding: 5px 0px;}
/* remove some of the margin-left padding on the <mid nav ul lis. also remove width restrictions that were in place from before on the in-page me=nu

/* CUSTOM CSS FOR UPDATED NAV  - 2024-11-07 ENDS  */




/* NEW PAGE HEADER FOR AI DN HUB 2024-09-25 ENDS */

  .featured-asset-video {  /* KD added 20230303 */
	width: 95%;
	max-width: 800px;
	height: 80%;
	flex: 1 0 45%;
	zoom: 1;
    background-color: transparent; 
    display: block;
    margin: 0 auto;
	border: none;
}
.bigVideo { 
	height: 450px;
	display: block; 
	position: relative;  
	margin: 0 auto; 
	text-align: center;
} /* KD added 20230303 */


/*.bc-iframe,.bc-iframe body,.bc-player-XTc8aTRFKF_default,.bc-player-XTc8aTRFKF_default .vjs-poster{background-color:#ed1c24;}  151B17 */
.bc-player-XTc8aTRFKF_default .vjs-control-bar{background-color:rgba(0,0,0,.6);color:#fff}
.bc-iframe, .bc-iframe body, .bc-player-XTc8aTRFKF_default, .bc-player-XTc8aTRFKF_default .vjs-poster {  background-color: transparent !important; border: none;}

.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {
	font-family: Gotham, Arial, Verdana, sans-serif;
	color: #01304a;
	font-style: normal;
	font-size: 1.75rem;
	margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1;
}

h2 {
	font-size: 26px;
	font-weight: 600;
	font-style: normal;
	margin-bottom: 15px;
	margin-top: 20px;
	line-height: 1.1;
	text-transform: none;
	color: #003049;
}

h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0 0;
	padding: 0 0;
}

h4 {
	color: #003049;
	margin: 5px 0 15px 0;
	font-weight: normal;
	
}

h4.crntvol {
    font-weight: 800;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid black;
}

h4.yt-carousel {
	text-align: left;
	cursor: pointer;
}

h5 {
	color: #01304a;
	font-weight: 300;
	margin-bottom: 10px;
	margin-top: 5px;

}
p.social {
	color: #565656;
	font-weight: 400;
	font-size: 16px;
	font-family: inherit;
	border-bottom: 2px solid #cdcdcd;
	padding-bottom: 10px;
}
p.last-social {
	color: #565656;
	font-weight: 400;
	font-size: 16px;
	font-family: inherit;
	padding-bottom: 10px;
}

p.nosocial {
	color: #003049;
	font-weight: 700;
	font-size: 16px;
	font-family: inherit;
	padding-bottom: 10px;
	margin-top: 25px;
}


h6 {
	color: #ffffff;
	text-align: center;
	margin-bottom: 5px;
}


p {
	font-weight: 300;
	line-height: 1.2;
	margin-top: 0;

}

ul {
	font-weight: 200;
	padding-left: 20px;
}

li {
	margin-bottom: 10px;
}
ul.content-list {
	list-style-type: none !important;
	padding: 0; 
	margin: 0; 
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    text-align: left;
    vertical-align: text-top;
	display: inline-grid;
	margin-top: 15px;
}
ul.content-list li { 
	float: left;
    margin-bottom: 18px;
} 
.floatL {float: left;}
.floatR {float: right;}
img.floatL {
	margin-right: 10px;
    margin-bottom: 10px;
    width: auto;
	height: auto;
}
img.asset-img.floatL { width: auto;}
ul.content-list li a {color: #808080; }
ul.content-list li a:hover {color: #cc0000; }
.crn-featured-stories {width:100%;}

a {
	color: #003049; /* #01304a */
	/* text-decoration: underline; */
}

a:-webkit-any-link {
    color: #003049;
    cursor: pointer;
    text-decoration: underline;
	text-decoration-line: none;
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #032541;
}

a:visited {
	color: #003049;
}

a.btn-outlined {
	border: 2px solid #01304a;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #333333;
	text-decoration: none;
	padding: 10px 30px;
	display: inline-block;
	font-weight: 400;
}

a.btn-outlined.btn-white {
	color: #fff;
	border: 2px solid #fff;
}

a.btn-outlined:hover {
	background-color: #ed1c24;
	color: #fff;
}

a.btn-outlined.btn-white:hover {
	background-color: #fff;
	color: #ed1c24;
}

a.btn-solid-nobtn {
	font-size: 16px; 
	text-transform: none;
	text-align: center;
	color: #FFFFFF;
	background-color: #01304a;
	border: 2px solid #01304a;
	text-decoration: none;
	padding: 10px 30px;
	font-weight: 500;
	display: inline-block;   
    width: auto;
}

a.btn-solid-nobtn:hover {
	background-color: #ed1c24;
	border: 2px solid #ed1c24;
	color: #FFFFFF;
}

a.btn-solid {
	font-size: 16px; 
	text-transform: none;
	text-align: center;
	color: #FFFFFF;
	background-color: #01304a;
	border: 2px solid #01304a;
	text-decoration: none;
	padding: 10px 30px;
	font-weight: 400;
	display: inline-block;   
    width: 180px;
}

a.btn-solid:hover {
	background-color: #ed1c24;
	border: 2px solid #ed1c24;
	color: #FFFFFF;
}

a.btn-arrow, div.btn-arrow {
	color: #3b3b3b;
	text-decoration: none;
	position: relative;
	display: inline-block;
	margin-left: 30px;
	font-weight: 400;
}

a.btn-arrow::before, div.btn-arrow::before {
	content: '';
	background-image: url('../svg/arrow-green.svg');
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -30px;
	top: 4px;
	transition: all 0.2s ease-in;
}

a.btn-arrow:hover, div.btn-arrow:hover {
	color: #ed1c24;
}

a.btn-arrow:hover::before, div.btn-arrow:hover::before {
	left: -22px;
}

hr {
    border-top: 0;
    border-bottom: 1px solid #003049;
    margin: 40px 0 40px 0;
}

img {
	display: inline-block;
}

img.awards {width: 150px; height: auto;}

.container {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
/*	overflow: auto; */
	position: relative;
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 5px;
    margin-bottom: 5px;
}

#sponsorSection {margin-top: 50px;}

.container.white {background-color: #FFFFFF;}

.container.gray {background-color: #f2f2f2;}

.gray {background-color: #f2f2f2;}

/*.container.rule-line {
    border-top: 1px solid #01304a;
    margin: 10px auto 10px auto;
}*/

.container.rule-line-2 {
	padding: 0 20px;
	border-top: 1px solid #01304a;
	margin-top: 18px;
}

.container.rule-line-dotted {
	padding: 0 20px;
	border-top: 2px dotted #b9b9b9;
	margin-top: 10px;
}
/* KD hide because middle section was sliding to the left */
.block {
	margin: 15px auto;
} 

.light-gray-block {
	background-color: #eeeeee;
	/* padding: 20px 0; KD commented out */
	border: 1px solid #01304a;
	padding-top: 25px;
}
	.client-footer-text {
		width: 100%;
		float: none;
		text-align: center;
		padding: 40px 0px;
		border-bottom: 1px solid #01304a;
		margin-bottom: 20px;
	}

header {
	/*background-image: url(../images/TCC-CRNtvOnLocation-Hero-1040x220-FINAL.jpg);*/
    /*background-size: cover;
	background-position: center;
	margin-top: 20px;
	width: 100%; */
	background-size: contain;
    max-width: 1040px;
    height: 220px;
    margin: 0 auto;
	margin-top: -5px; /* KD added this to mask the rounded bottom border on the new nav */
}
header.ai-pcs, header .ai-pcs {
	background-image: url(../images/xch-august-masthead-1040x220.jpg); 	 
    /*background-size: cover;
	background-position: center;
	margin-top: 20px;
	width: 100%; */
	background-size: contain;
    max-width: 1040px;
    height: 220px;
    margin: 0 auto;
	margin-top: -5px; /* KD added this to mask the rounded bottom border on the new nav */
}

.site-name {
   /*  width: 50%; KD changed 100%;  */
    max-width: 600px; /* KD changed 1040px; */
    width: 100%; 
	text-align:left;
	float:left;
	display: block;
	margin-top: 120px;
	position: relative;
        bottom: 0;
        left: 0;
}

header h1 {
    padding: 0px 0px 0px 35px; 
	line-height: 1;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}
header h1 sup {
		font-size: 26px;
		border: 12px;
}
	
.summary-text { 
	font-weight: 100; 
	font-size: 16px; 
	line-height: 28px;
	color: #01304a;
	text-align: justify;
  	text-justify: inter-word;
  	overflow-wrap: break-word;
}
.button-text { 
	font-weight: 500; 
	font-size: 16px; 
	line-height: 36px; 
	color: #FFFFFF; 
}

.client-titles h3, h3.client-titles { 
	font-weight: 600; 
	font-size: 1.54rem;
	text-transform: capitalize;
	padding-top: 15px;
	margin-bottom: 5px;
	color: #01304a;
}

h3#AI-Coverage, h3 #AI-Coverage {text-align: center;}
h4#more-crn, h4 #more-crn {text-align: center; font-size: 1.54rem; font-weight: 600; color: #003049;}

.social-share a, .social-share {
	font-weight: 400; 
	font-size: 16px;
	text-decoration: none;
	color: #000000;
	line-height: 40px;
}

.social-share a:hover, a.social-share:hover {
	font-weight: 600;
}

.assist-div {
	margin-top:50px;
	margin-bottom:10px;
	padding-left:20px;
	padding-right: 20px;
}

.assist-text-1 {
	font-size: 1.0rem;
	margin: 0 auto;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 400;
}

div.assets-container {background-color: #c5c5c5; max-width: 1040px; width: 100%;}

.ad-title {
    font-family: inherit;
    color: #333;
    font-size: 0.6rem;
    text-transform: uppercase;
	padding-top: 20px;
}
.right-ad {border-bottom: 1px solid #c9c9c9;}
.bottom-ad-section {}
.ribbon-ad {
	margin: 0 auto; 
	text-align: center;
	max-width: 1040px;
	width: 100%;
}

/* 2025 CSS START */

.header {
	background-image: url(../images/xch-august-masthead-1040x220.jpg);
	background-size: cover;
    max-width: 1040px;
    height: 220px;
    margin: 0px auto;
    margin-top: 0px;
    margin-top: -5px;
}
#videos h2.client-titles {
	color: #ffffff !important;
}
.featured-asset-big {
	background-color: #01304a !important;
	border: 0 !important;
}
.slides-container {
	overflow: hidden;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	background-color: #01304a;
	color: #ffffff;
}
a .slide-article-title h5{
	color: #ffffff;
}

a .slide-article-title h5:hover {
	text-decoration: underline;
}

.display-off {
	display: none;
}
.featured-article-text {
	width: 78%;
	display: inline-block;
	text-align: left;
    vertical-align: top;
}

.featured-article-text:hover {
	text-decoration: underline;
    vertical-align: top;
}
.featured-article-image {
	width: 21%; 
	display: inline-block;
	text-align: right;
}
.featured-article-image img{
	max-width: 100px;
	margin-bottom: 12px;
}
.modal-background {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
.modal {
	z-index: 12;
	padding-top: 100px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: block;
}
.modal-content {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
/*	position: relative; */
	padding: 10px;
	outline: 0;
	width:80%;
	top: 55px !important;
	left: 10% !important;
	position: fixed !important;
}
.modal-articles-wrapper {
	max-height: 600px;
	overflow-y: scroll;
	margin-bottom: 10px;
}
.modal-header {
	min-height: 80px;
	height: fit-content;
	width: 100%;
}
.modal-header-text {
	min-height: 60px;
	height: fit-content;
	margin: 0px 10px;
}
.modal-header-left {
	float: left;
	width: 70%;
	font-size: 16px;
	font-family: Roboto, Arial, sans-serif;
}
.modal-header-right {
	float: right;
	width: 20%;
}
.modal-header-right .button {
    border: 1px solid #003049;
    border-radius: 4px;
    display: inline-block;
    padding: 4px 8px;
    margin: 0px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #003049;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.modal-title {
	text-transform: none;
	font-size: 25px;
	color: #111111;
}
.modal-navigation {
	background-color: #003049;
	min-height: 80px;
}
#modalmenutoggle {
	position: absolute;
    right: 20px;
    top: 140px;
    border: 2px solid white;
    border-radius: 6px;
    padding: 6px;
    display: none;
}
.modal-menu-link {
	width: 15%;
	margin-top: 18px;
	padding: 10px;
	display: inline-block;
	color: white;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
} 
.modal-menu-link:hover{
	color: white;
	font-weight: bold;
	text-decoration: underline;
} 
.modal-menu-link:visited {
	color: white;
}
.modal-subtitle{
	text-align: center;
	color: #003049;
	padding: 20px 0 1px 0;
	border-bottom: 2px solid #003049;
	font-size: x-large;
	margin-bottom: 4px;
}
.modal-article {
	margin: 5px 20px;
}
.modal-article-title {
	font-weight:normal;
}
.modal-article-image {
	width: 20%;
	display: inline-block;
}
.modal-article-image img {
	max-width: 120px;
	margin-right: 10px;
	float: right;
}
.modal-article-text {
	width: 70%;
	display: inline-block;
	margin-left: 2px;
	vertical-align: super;
}
.more-news-button {
	background-color: #eee;
    color: #01304a;
    text-align: center;
    padding: 5px;
    margin: 10px auto;
    display: block;
    cursor: pointer;
    border: 1px solid #01304a;
    border-radius: 4px;
    max-width: 400px;
    width: 80%;
}
.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.split7 {
	width: 68%;
	display: inline-block;
}
.split5 {
	width: 46%;
	display: inline-block;
	vertical-align: bottom;
}
.split3 {
	width: 28%;
	display: inline-block;
}
/* Dropdown Button */
.dropbtn {

}

/* The container <div> - needed to position the dropdown content */ 
.dropdown {
  position: relative;
  /* display: inline-block; */
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.show {display: block;}
#pastEventsDropdown a:hover {
	background-color: #c2c2c2;
}

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

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

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


#gototop {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
}
#sponsors {margin-bottom: 30px;}
.about-sponsor-row {
	width:100%;
	margin: 15px 5px;
}
.underwriter-left {
	margin-top: 1px;
	width: 25%;
	height: 160px; /*can be anything but never 0*/
	display: inline-block;
	vertical-align: top; /*mandatory*/
	position: relative;
}
.underwriter-left a img{
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 10px;
}
.underwriter-right {
	border-top: 1px solid #111111;
	padding-top: 10px;
	display: inline-block;
	width: 100%;
}

.underwriter-asset {
	display: inline-block;
    width: 24%;
    min-width: 160px;
	vertical-align: top;
}

.builder-left {
	margin-top: 1px;
	width: 25%;
	height: 160px; /*can be anything but never 0*/
	display: inline-block;
	vertical-align: top; /*mandatory*/
	position: relative;
}
.builder-left img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    padding: 10px;
}
.builder-right {
	display: inline-block;
	width: 74%;
}
.builder-right-columns {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.footer-line {
	border: 4px solid #003049;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.border-bottom {
	border-bottom: 1px solid #003049;
	border-top: 8px solid #003049;
}
.footer {
	background-color: #003049;
}

@media screen and (max-width: 728px) {
	.header {
	/*	background-image: url(../images/computing-hub-aia-masthead-480x220.jpg); */
		background-image: url(../images/xch-august-masthead-mobile-628x240.jpg); 
		background-size: cover;
		max-width: 1040px;
		height: 220px;
		margin: 0px auto;
		margin-top: 0px;
		margin-top: -5px;
	}
	.modal-article-image img {
		float: none;
	}
	.builder-right-columns {
		width: 100%;
	}
}
@media screen and (max-width: 750px) {
	#sponsors {
		margin-bottom: 30px;
	}
	.underwriter-left {
		width: 90%;
		padding:0px 10px;
		display: none;
	}
	.underwriter-logo {
		margin: 20px auto;
		display: block;
		text-align: center;
		position: relative;
	}
	.underwriter-right {
		padding: 10px;
		width: 100%;
	}
	.underwriter-asset {
		width: 100%;
	}
	.builder-left {
        width: 100%;
        height: auto;
	}
	.builder-left img {
		/* width: 50%; */
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
		position: relative;
	}
	.builder-right {
		padding: 10px;
		width: 100%;
	}
	.modal {
		max-height: 100%;
	}
	.modal-content {
		width: 100% !important; 
		top: 80px !important;
		left: 0px !important;
		position: fixed !important;
	}
}
@media screen and (min-width: 1079px) {
	#modal-nav {
		display: block; 
	}
}
@media screen and (max-width: 1080px) {
	.modal-article-image {
	    padding-top: 1px;
		height: 64px;
	}
	.modal-article-image img {
		width: 100%;
	}
	.modal-menu-link {
		width: 100%;
		margin-top: 0px;
		display: block;
		text-align: center;
		padding: 5px;
		font-size: 14px;
	}
	.modal-article-title {
		font-weight: normal;
		text-transform: none;
		margin-left: 10px;
	}
	#modalmenutoggle {
		display: inline-block;
	}
}

/* 2025 CSS END */



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

	h2 {font-size: 24px;}
	.vjs-playlist .vjs-playlist-name {
		line-height: 22px;
		display: block;
		font-style: normal;
		font-size: 12px;
		font-weight: 700;
		max-height: 2.5em;
		overflow: hidden;
		line-height: 20px;
		padding: 0 0px 4px 2px;
		float: left;
		position: absolute;
		top: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	    text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000;
	}

	header {
		background-image: url(../images/xch-august-masthead-1040x220.jpg);
		/*background-size: cover;
		background-position: center;
		margin-top: 20px;
		width: 100%; */
		background-size: cover;
		max-width: 1040px;
		height: 170px;
		margin: 0px auto;
			margin-top: -5px; /* KD added this to mask the rounded bottom border on the new nav */
	}
	
	header.ai-pcs, header .ai-pcs {
		background-image: url(../images/ai-pcs_1040x220.jpg);
		/*background-size: cover;
		background-position: center;
		margin-top: 20px;
		width: 100%; */
		background-size: cover;
		max-width: 1040px;
		height: 170px;
		margin: 0px auto;
			margin-top: -5px; /* KD added this to mask the rounded bottom border on the new nav */
	}
	
	.site-name {
		   /*  width: 50%; KD changed 100%;  */
		max-width: 600px; /* KD changed 1040px; */
		width: 100%; 
		text-align:left;
		float:left;
		display: block;
	}
	.navigation { max-width: 420px; width: 100%;}


	header h1, h1.banner-text {
		padding: 0px 0px 0px 35px;
		font-size: 3.5rem;
		font-weight: bold;
		text-align: left;
		color: #ffffff;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 1;
	}
	header h1 sup {
			font-size: 26px;
			border: 12px;
	}
	
	.text-assist {
		padding-left:10px;
		padding-right: 10px;
	}
	
	.bc-iframe { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
	.video-js { background-color: transparent !important; border: none;}

}

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

	h2 {
		font-size: 26px;
		color: #01304a;
		/*text-transform: uppercase; */
	}
	
	
.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}

}

/* ==========================================================================
   Logo
   ========================================================================== */
img.clientLogo { 
	max-width: 360px;
	width: 100%;
	padding-right: 15px;
	padding-top:2px;
}

#intel-logo {
	width: 8%;
	float: right;
	    margin: 50px -120px 0px 20px;
}
.logo img {
	width: 120px;
	height: 50px;
}

.logo {
	float: left;
	width: 120px;
	margin-top: -8px;
}
.flex {
    display: flex;
}
.flex-align-center {
    align-items: center;
}
.flex-space-between {
    justify-content: space-between;
}

/* ==========================================================================
   Main Nav
   ========================================================================== */
nav {
	width: 100%;
	color: #ffffff;
    background-color: #000000;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}
.nav-padding {
    padding: 0 15px;
}

nav .flex-container {
	display: flex;
}

div#top-menu-logo { 
    max-width: 1040px;
    width: auto;
}
	
.top-crn-logo {
	display: inline-block;
	margin-top: 11px;
}
.top-tcc-logo {
	display: inline-block;
	margin-top: 6px;
    margin-bottom: 6px;
}
.top-crn-logo img{
    width: 75px;
}
#top-menu-logo {
    align-items: center;
    margin: 0 auto;
    display: flex !important;
}
#top-menu-logo h6 { 
    color: rgba(255, 255, 255, 0.89);
    text-transform: uppercase;
    margin-left: 20px;
	margin-block-start: .9em;
    margin-block-end: .9em;
	font-weight: 400;
	font-family: Arial, Verdana, sans serif;
	letter-spacing: .5px;
	display: inline-block;
}

.hpe-icon {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
}



/* ==========================================================================
   Mobile Nav
   ========================================================================== */

.icon-nav-menu-mobile {
	padding-top: 10px;
}

.main-nav-list {
	margin: 0;
	padding: 0;
}

.main-nav-list>li {
	display: inline-block;
	padding: 10px 0 10px 20px;
}

.main-nav-list a {
	color: #CFCFCF;
	font-weight: 500;
	font-style: normal;
	font-size: 19px;
	text-decoration: none;
	display: inline-block;
}

.main-nav-list a:hover {
	color: #fff;
}

.icon-close-mobile {
	display: none;
}

/* ==========================================================================
   Partner Ready Block
   ========================================================================== */
/* .partner-block {
	border: 1px solid #eeeeee;
	background-image: url('../images/dell-bottom-background.png');
	display: inline-block;
	position: relative;
	color:#fff;
	background-position: center;
	background-size: cover;
	padding: 20px;
	margin-bottom: 30px;
	width: 100%;
} */
.partner-img {
	/*background-image: url('../images/dell-partner-bottom-hero.png');*/
	background-position: center;
	background-size: cover;
	padding: 10px 20px 0px 0px; /* KD 50px 20px 20px 15px */
	width: 100%;
	animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

a.btn-solid2 {
	font-weight: lighter;
    font-size: 16px;
    text-transform: none;
    text-align: center;
	background-color: #fff;
	color: #00447c;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    width: 295px;
}

a.btn-solid2:hover {
	background-color: #41b6e6;
	color: #FFFFFF;
}

.partner-ready {
	text-align: left;
	margin-bottom: 0px; /* KD 30px */
	margin-left: 20px;
}

.partner-ready-container {
	/*	display: flex;
		flex-wrap: wrap; */
	flex: 1 0 50%;
	padding-left: 30px;
	margin-top: 0px;
	width: 40%;
}
	
.partner-ready-content:nth-child(odd) {
	margin-right: 10px;
}
	
	
.partner-ready-content {
	margin-bottom: 0px; /* KD 20px */
}

.partner-ready-content p {
	margin-bottom: 10px;
}




/* JLFT */
.top-header-bar {width: 100%; max-width: 1040px; height: 50px; margin: auto;}
.top-tcc-logo {float:left;}
.top-tcc-logo img {width: 180px; margin-top: 6px;}
.top-social-share {width: 150px; float: right;}
.bottom-header-bar {width: 100%; max-width: 1040px; height: 68px; margin: auto; border-bottom: 8px solid #003049;}
.microsoft-logo, .first-client-logo {float:left; width: 20%; padding-left:10px;}
.microsoft-logo img, .first-client-logo img {width: 145px;}

.sponsor-logo, .third-client-logo {/*width: 20%;*/ padding-left:10px;}
.sponsor-logo img, .third-client-logo img {width: 170px;}



.opentext-logo img, .second-client-logo {width: 225px;} /* KD changed on 20240919 changed top padding - added 20240808 margin-top: 10px to adjust horiz spacing */
.s-text {/* width: 80%; */ display: inline; padding-left:0px; text-align: center; margin: 0 auto;}
.s-text p { height: 44px; padding-top: 20px; color: #003049; font-weight: 400; font-size: .75rem;}
.s-text a {text-decoration: underline;}

.s-text a:active, .s-text a:hover, .s-text a:focus {text-decoration: underline;}


.mid-navigation { margin-top:0px; margin-bottom:0px; /* KD added this --> */ display:none; /* margin-top: 40px;*/ }
.mid-navigation div {display:none; margin-right:25px; padding-top:10px; }
.mid-navigation a {color:#dddddd; font-weight:400; 
    font-size: .90rem;
    }

.mid-navigation a:active, .mid-navigation a:hover, .mid-navigation a:focus  {color:#ffffff;text-decoration: underline !important;}

.mid-navigation ul li {list-style-type: none; display: block;}
.mid-navigation {
	background-color: #003049;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    display: none;
	padding: 0px 0px;
    list-style-type: none;
    display: none;
}



.mid-navigation ul li, ul.nav-ul, ul .nav-ul, div#menu.mid-navigation.container.collapse ul.nav-ul li {
    list-style-type: none !important;
	font-size: .80rem;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
  /*  width: 150px;   KD COMMENTED THIS OUT 20211107 */
	background-color: #003049;
}



.bc-experience {background-color: #F2F2F2; border: 1px solid #b2b2b2; height:fit-content;} /*KD 20240808 changed height from 370 to 400 */
.ft-text {border: 1px solid #b2b2b2; background-color: #F2F2F2; padding: 9px; margin-right: 106px; }
.ft-image {float: right; border: 1px solid #b2b2b2; margin: 3px 0px 15px 20px; width: 200px; z-index: 1; position: absolute; right: 0px;}
.ft-copy {margin-right: 100px; min-height: 175px;}

.article {margin-top: 30px; margin-bottom: 50px;}
.article-list {height:fit-content; min-height:1000px;}
.article-image {width:20%; z-index: 3; position: relative;}
.article-image img {width:190px; min-height:143px; border: 1px solid #3b3b3b;}
.article-title {font-size: 20px; font-weight:bold; color:#003049;}
.article-title:hover {text-decoration:underline;}
.article-text {position: absolute; margin-top: -176px; margin-left: 10%; background-color: #F2F2F2; padding: 30px 46px 42px 120px; z-index: 2; border: 1px solid #3b3b3b; max-width: 940px; width: 90%; height: 187px;}
.article-text a {color:#111111;}

a:active .article-text .article-title, a:hover .article-text .article-title, a:focus .article-text .article-title {text-decoration: underline;}

.article-summary {text-decoration: none;}

a:active div.boxed-article-title h5, a:hover div.boxed-article-title h5, a:focus div.boxed-article-title h5,
div.boxed-article a:active h5, div.boxed-article a:hover h5, div.boxed-article a:focus h5 {text-decoration: underline;}

.boxed-article-title {padding:0px 40px; margin-left:auto; margin-right:auto; text-align:center;}
.boxed-article-image {max-width: 100%; padding: 40px;}

.underwriter-image img {width:190px; border: 1px solid #3b3b3b;}
.underwriter-text { margin-top: -130px; margin-left: 10%; background-color: #F2F2F2; padding: 48px 46px 42px 120px; z-index: -1; border: 1px solid #3b3b3b;} /* position: absolute;  */
.aboutcrntv-image img {width:190px; border: 1px solid #3b3b3b;}
.aboutcrntv-text { position: absolute; margin-top: -130px; margin-left: 10%; background-color: #F2F2F2; padding: 48px 46px 42px 120px; z-index: -1; border: 1px solid #3b3b3b;}
.boxed-articles{ margin-left:auto; margin-right:auto; display:block; text-align: center;}
.boxed-article {display:inline-block; width:20%; margin-left:10px; margin-right:10px; vertical-align: top;}
.boxed-video-articles{margin-left:auto; margin-right:auto; display:block; text-align: center;padding-bottom: 10px;}
.boxed-video-article {display:inline-block; margin-left:10px; margin-right:10px; }

.boxed-article-image {max-height:200px;}
.boxed-article-image img { max-width:100%;}

.about-sponsor-box {margin-top: 65px; margin-bottom: 15px;}
.about-us-box {margin-top: 65px; margin-bottom: 30px;}

.dn-footer {max-width: 1040px; margin-left: auto; margin-right: auto; position: relative; padding-top: 10px; padding-bottom: 60px;padding-left:30px; padding-right:30px; border-top: 1px solid #3b3b3b; border-left: 1px solid #3b3b3b; border-right: 1px solid #3b3b3b;}
.dn-footer-logos {height:70px;}
.show-on-mobile {display:none;}

.backtotop {text-align: center; width: 100%;}
.backtotop svg {width: 20px; margin-top:10px; margin-left: auto; margin-right: auto; text-align: center; display: block;}
.backtotop a {text-decoration: none;}

.top-opentext-logo, .top-second-client-logo {
    background-image: url("../images/OpenText-Cybersecurity-HorizontalLogo-Normal-Primary.png"); /* KD removed the slash before assets on all of these */
    background-size: contain;
    background-repeat: no-repeat;
}




@media screen and (max-width: 796px) {
	.article { margin-top: 20px; }
	.bottom-header-bar {height: 130px;}
	.microsoft-logo, .first-client-logo {/* width: 100%;*/ padding:0px 10px;}
	.opentext-logo, .second-client-logo {max-width: 160px; width: 100%; } /* KD 20240807  changed to max-width: 160px; width: 100% from width: 160px; */
	.top-opentext-logo, .top-second-client-logo {background-image: url("../images/OpenText-Cybersecurity-Vertical Logo-Normal-Secondary.png"); background-size: contain; background-repeat:no-repeat;}
	.sponsor-text {max-width: 200px; width: 100%; padding:0px 10px;}
	.top-header-bar {padding: 0 10px;}
	.mid-navigation a {line-height: 15px;}
	.about-us-box {margin:50px 0px 100px 0px;}
	.container {padding: 0px; margin: 0px;} 
	.show-on-mobile {display:inline-block;}
	.partner-ready-container {padding-left: 10px;}
	.ft-image {width: 90%; margin: 0px 5% 5px 5%; position: relative; padding: 5%; border: 0;}
	.ft-text {margin: 0 auto;}
	.ft-copy {margin: 0px;}
	.boxed-article-image { padding: 40px; margin-left:auto; margin-right:auto; margin-bottom:10px; text-align:center;}
	.boxed-article-image img {max-width: 150px; }
	.boxed-article-title {max-width: 70%; }
}

@media screen and (max-width: 700px) {
	.article-text {position: relative; margin-top:0px; margin-left:0px; padding: 15px 30px 27px 30px; height: fit-content; width:100%;}
	.article-image {width:100%; }
	.article-image img {width: 50%; margin: 5px 25%;}
	.opentext-logo, .second-client-logo {max-width: 160px; width: 100%;} /* KD 20240807  changed to max-width: 160px; width: 100% from width: 160px; */
	.top-opentext-logo, .top-second-client-logo {background-image: url("../images/OpenText-Cybersecurity-Vertical Logo-Normal-Secondary.png"); background-size: contain; background-repeat: no-repeat;}
	.underwriter-text {position: relative; margin-top:0px; margin-left:0px; padding: 15px 30px 27px 30px;}
	.underwriter-image {width:100%;}
	.underwriter-image img {display: block; margin: 0px auto 20px auto;}
	.about-sponsor-box {margin:0px;}
	.about-us-box {margin:50px 0px 100px 0px;}
	.aboutcrntv-text {position: relative; margin-top:0px; margin-left:0px; padding: 15px 30px 27px 30px;}
	.aboutcrntv-image {width:100%; }
	.aboutcrntv-image img {display: block; margin: 0px auto 20px auto;}
	.microsoft-logo img{max-width: 120px; width: 100%; margin-top: 5px;}  /* KD 20240807  changed width: 150px; margin-top: 20px; */
	.opentext-logo img, .second-client-logo img {max-width: 180px; width: 100%; margin-top: 25px;} /* KD 20240807  changed width: 200px; margin-top: 20px; */
	
		.featured-asset {margin: 0 auto;}
	.featured-asset-social {margin-top: 5px;}

}

@media screen and (min-width: 770px) {
	.main-nav-list li {
		padding: 5px 0 5px 40px;
	}
	.main-nav-list {
		display: block;
		float: right;
	}
	.icon-nav-menu-mobile {
		display: none;
	}
	.main-nav-list a.current {
		border-bottom: 2px solid #01A982;
		padding-bottom: 3px;
	}
	/*.main-nav-list a.active::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 12px 10px 12px;
		border-color: transparent transparent #F6F6F6 transparent;
	    position: absolute;
	    bottom: -27px;
	    right: 0;
	    left: 0;
	    margin: auto;
	}*/
	.vjs-playlist .vjs-playlist-name {
    line-height: 22px;
	}
	.vjs-playlist .vjs-playlist-name {
		display: block;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		max-height: 2.5em;
		overflow: hidden;
		line-height: 20px;
		padding: 0 0 4px 2px;
		float: left;
		position: absolute;
		top: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000;
	}
	
	
.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}

	
	
}

@media screen and (max-width:769px) {
	.main-nav-list a {
		font-size: 20px;
	}
	.main-nav-list {
		display: none;
		position: fixed;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-color: #425563;
	    padding-top: 70px;
	}
	.main-nav-list.active {
		display: block;
	}
	.icon-nav-menu-mobile {
		display: block;
	}
	.main-nav-list>li {
		display: block;
		text-align: left;
		padding-right: 20px;
	}
	.main-nav-list a {display: block;}
	.main-nav-list > li > a {
		border-bottom: 1px solid #CFCFCF;
		position: relative;
	}
	.main-nav-list ul {
		position: relative;
		background-color: rgba(246, 246, 246, 0);
		height: auto;
		top: auto;
	}
	.main-drop-down {
		box-shadow: none;
	}
	.main-drop-down .flex-container {
		display: block;
		padding: 20px 0;
		padding-bottom: 0;
	}
	ul.main-drop-down li {
		text-align: left;
		margin-bottom: 8px;
	}
	.main-nav-list a.clicker {
		margin-right: 0px;
		position: relative;
	}
	.main-nav-list a.clicker::before {
		top: -9px;
		right: 2px;
	}
	.main-nav-list .main-drop-down a{
		color: #CFCFCF;
		line-height: 2.2;
		font-weight: 400;
	}
	.main-nav-list .main-drop-down a:hover {
		color: #fff;
	}
	.hpe-icon {
		float: left;
		margin-right: 10px;
		margin-top: 7px;
	}
	.main-drop-down.disti-links a {
		margin-left: 0;
	}
	.main-drop-down.disti-links .container {
		padding-left: 0;
		padding-bottom: 0;
	}
	.icon-close-mobile {
		display: block;
		position: absolute;
		top: 30px;
		right: 25px;
	}
	
	
	
.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}


}

/* ==========================================================================
   Main Banner Image
   ========================================================================== */
/*
.banner-img {
	background-image: url('../images/dell-newsroom-hero.png');
	background-position: center;
	background-size: cover;
	margin-top: 20px;
	width: 100%;
	
} */

.banner-img p {
	color: #fff;
	font-size: 19px;
	margin: 0;
}

.banner-img .container {
	/*background-color: rgba(240, 240, 240, 0.9);
	margin-top: 130px;*/
}



.banner-img .container h1 {
	color: #333333;
	line-height: 1.0;
}

.banner-img .container p {
	color: #333333;
	line-height: 1.2;
}

.header-content {
	max-width: 600px;
}



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

	.banner-img .container {background-color: rgba(240, 240, 240, 0.0);	}
	.banner-img .container h1,
	.banner-img .container p {color: #fff;	/*max-width: 600px;*/	}
	.banner-img .container .dark-text h1,
	.banner-img .container .dark-text p {color: #333333;}
	.banner-img .container p {font-size: 21px;	}
	.banner-img .container {
		display: table;
	    height: 414px;
	    margin-top: 0;
	    width: 100%;
	    width: -webkit-fill-available;
	    width: -moz-available;
	}
	
	.top-opentext-logo, .top-second-client-logo {background-image: url("../images/OpenText-Cybersecurity-Vertical Logo-Normal-Secondary.png"); background-size: contain; background-repeat: no-repeat;}
	#intel-logo {
		width: 8%;
		float: right;
		margin: 50px 0px 0px 20px;
	}
			
	.header-content {display: table-cell;vertical-align: middle;}
	
	.header-content.align-right .forty {padding-left: 40%;}
	.header-content.align-right {padding-left: 52%;}

	.header-image-inner {float: right;width: 15%;}	
	
	.text-assist {padding-left:10px;padding-right: 10px;}
	
	.bc-iframe { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
	.video-js { background-color: transparent !important; border: none;}
	.about-us-box {margin: 50px 0px 50px 0px;}
}

/* ==========================================================================
   Home Page - Intro block
   ========================================================================== */

.intro-section {
	text-align: center;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.intro-section p {
	font-size: 19px;
}


/* ==========================================================================
   Home Page - Featured Stories block
   ========================================================================== */

.featured-asset {
	display: flex;
	flex-wrap: wrap;
}

.featured-asset-big { 
    background-color: #F2F2F2; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top: 30px;
    margin-bottom: 30px;
	border: 1px solid #3b3b3b;
	padding: 2px 0px 35px 0px;
	}
/*
.featured-asset img {
	width: 100%;
	max-width: 500px;
}
.featured-asset-img {
	margin-left: 20px;
}
*/

.featured-sponsors {
	max-width: 300px;
	margin-left: 20px;
	flex: 1 0 35%;
}


.featured-asset-social {
	max-width: 1040px;
	margin-left: 20px;
	flex: 1 0 95%;
	background-color: #f2f2f2;
	
}
.featured-asset-content {
	flex: 1 0 1%;
	margin-left: 20px;
}

.featured-asset-videos {
	width: 45%;
	max-width: 650px;
	flex: 1 0 45%;
}

.featured-asset-text { font-size: 16px;color: #00447c; font-family: inherit; padding-top: 20px;line-height: 18px;}
.featured-asset-text-sm { font-size: 16px; color: #00447c; font-family: inherit; padding-top: 20px;line-height: 18px;}
.featured-asset-stories {
	width: 45%;
	max-width: 450px;
	margin-left: 20px;
	flex: 1 0 45%;
}

.featured-asset-video ul li {font-size: 16px;color: #00447c; font-family: inherit; line-height: 18px;}

.featured-objects {
	border-left: solid 2px #000000;
	margin-bottom: 1.75em;
}

h4.featured-titles { 
	font-weight: 200;  
	font-size: 16px; 
	color: #01304a; 
	padding-left: .5em;
	text-transform: capitalize;
	margin-bottom: 0px;
}
h4.featured-titles a:hover { color: #032541;  }

h4.client-titles { 
	font-weight: 600;
	font-size: 20px;
	text-transform: capitalize;
	color: #000000; 
	font-size: 20px; 
	margin-top: 8px;
}

div.featured-asset-video h4, div.featured-asset-video.h4, h4.featured-asset-video {text-align: center; padding-bottom: 10px;}
p .featured-text, p.featured-text { 
	font-weight: normal; 
	font-size: 16px; 
	color: #808080;
	padding-left: .5em;
	/*padding-top: .75em; ML commented out*/
}

.featured-text img {
		display: none;
	}




/* ==========================================================================
	TRANSFORMATION THROUGH INNOVATION Section 
   ========================================================================== */

.main-innovation-article-asset{
	    flex: 1 0 45%;
    margin-right: 25px;
    padding: 10px;
}

.innovation-article-asset{
	    flex: 1 0 30%;
    margin-right: 25px;
    padding: 10px;
	background-color: #c5c5c5;
}

.innovation-article-text{
	    padding-bottom: 15px;
}

.innovation-asset-img {
	position: relative;
	box-shadow: inset 1px 1px 0 0 #eee, inset -1px -1px 0 0 #eee;
	overflow: hidden;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-transform: scale(1.01); /* IE 9 */
    -webkit-transform: scale(1.01); /* Chrome, Safari, Opera */
    transform: scale(1.01);
	-webkit-transition: transform 0.2s ease-in;
	-moz-transition: transform 0.2s ease-in;
	-o-transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	height: 185px;
}

h5.innovation-titles {
    font-weight: 200;
    font-size: 21px;
    padding-bottom: 20px;
    color: #cc0000;
    padding-left: 0em;
    text-transform: uppercase;
    margin-block-start: .75em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

@media screen and (max-width: 1006px) {
.main-innovation-article-asset{
    padding: 10px;
}

}

@media screen and (max-width: 961px) {
.innovation-asset-img {
	height: 150px;
}

}

@media screen and (max-width: 804px) {
.innovation-asset-img {
	height: 125px;
}

}

@media screen and (max-width: 727px) {
.innovation-asset-img {
	height: 185px;
}

}



/* ==========================================================================
	NEWSROOM Section 
   ========================================================================== */

.resource-titles h3 { font-weight: normal; font-size: 16px; color: #007db8; padding: 1em 1.0em .5em .5em;}

.resource-descriptions { font-weight: normal; font-size: 14px; color: #000000; padding: .25em 1.0em 1.0em .5em;}

h5.resource-titles { 
	font-weight: normal;  
	font-size: 14px; 
	/* text-transform: capitalize;*/
	color: #01304a; 
	padding: .5em 0em 0em 0em; /* KD changed from .5em */
	text-align: center;
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

p .resource-text, p.resource-text { 
	font-weight: lighter; 
	font-size: 12px;
	line-height: 1rem;
	color: #808080;
	padding-left: 0em; /* KD changed from .5em */
	padding-top: .5em;
	margin-block-start: 0.25em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}




@media screen and (max-width: 560px) {
	.partner-ready-content p {
		display: none;
	}
	.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {width: 100%;}
	
	.bigVideo {
		height: 238px;
	}
	.break-560 {
		display: inline;
	}
	
	.modal-header-left {
	font-size: 14px;
	}
}

@media screen and (min-width: 560px) {
	.partner-ready-container {
	/*	display: flex;
		flex-wrap: wrap; */
	}
	.partner-ready-content {
		flex: 1 0 45%;
	}
	.partner-ready-content:nth-child(odd) {
		margin-right: 20px;
		margin-left: 20px;
	}
	.break-560 {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.partner-ready-content {
		flex: 1 0 10%;
	}
	.partner-ready-content {
		margin-right: 5px;
	}
	.partner-ready-content:nth-child(3n+0) {
		margin-right: 0;
	}
}


/* ==========================================================================
   Home Page - Partner Success Corner 
   ========================================================================== */

.partner-success {
	position: relative;
	height: 290px;
	margin-top: -30px;
	background-position: center;
	background-size: cover;
}

.partner-success-content {
	background-color: #F0F0F0;
	position: absolute;
	top: 50px;
	padding: 20px;
	bottom: -25px;
	margin: 0 20px;
}

@media screen and (max-width: 560px) {
	.partner-success-content {
		bottom: auto;
		position: initial;
	}
	.partner-success {
		margin-bottom: -30px;
		height: auto;
	}
}

@media screen and (min-width: 768px) {
	.partner-success {
		max-width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}
	.partner-success-content {
		max-width: 690px;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	.container {width: inherit;} 
}

@media screen and (min-width: 1040px) {
	.partner-success { margin-top: 50px; }
}



/* ==========================================================================
   Around The Web Include
   ========================================================================== */

.feed ul {
	padding: 0;
}

.feed li {
	list-style-type: none;
	margin-bottom: 25px;
}

.feed a {
	color: #3b3b3b;
	text-decoration: none;
	font-weight: 500;
}

.feed h3 {
	color: #333333;
}

.feed li p {
	margin-bottom: 5px;
}

span.date {
	color: #3b3b3b;
	font-weight: 200;
}

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



.upcoming-events {
	margin-bottom: 30px;
}

@media screen and (min-width: 650px) {
	.upcoming-events, #twitter {
		width: 48%;
	}
	.upcoming-events {
		float: left;
	}
	
}

@media screen and (min-width: 900px) {
	.upcoming-events, #twitter, .around-the-web {
		width: 31%;
	}
	
	
}


/* ==========================================================================
  RESOURCES SECTION
   ========================================================================== */

.single-asset {
	display: block;
	background-color: #fff;
	padding: 10px;
	padding-bottom: 20px;
	color: #333333;
	text-decoration: none;
	margin-bottom: 20px;
	/* -webkit-box-shadow: 0.5px 2px 30px -1px rgba(0,0,0,1);
	-moz-box-shadow: 0.5px 2px 30px -1px rgba(0,0,0,1);
	box-shadow: 0.5px 2px 30px -1px rgba(0,0,0,1); 
	
	-webkit-box-shadow: 0px 0px 44px -9px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 44px -9px rgba(0,0,0,1);
box-shadow: 0px 0px 44px -9px rgba(0,0,0,1);*/
}


.innovation-article-asset-image {
	display: block;
	background-color: #fff;
	color: #333333;
	text-decoration: none;
	margin-bottom: 20px;
}

.asset-type {
	color: #3b3b3b;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
}

.asset-img-container {
	overflow: hidden;
	width: 100%;
	height: 180px;
}

.asset-img {
	position: relative;
	box-shadow: inset 1px 1px 0 0 #eee, inset -1px -1px 0 0 #eee;
	overflow: hidden;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-transform: scale(1.01); /* IE 9 */
    -webkit-transform: scale(1.01); /* Chrome, Safari, Opera */
    transform: scale(1.01);
	-webkit-transition: transform 0.2s ease-in;
	-moz-transition: transform 0.2s ease-in;
	-o-transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	height: 185px;
}

.tech-featured-asset .asset-img {
	height: 200px;
}

.single-asset:hover .asset-img {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
}

.single-asset:hover .btn-arrow {
	color: #333333;
}

.single-asset:hover .btn-arrow::before {
	left: -22px
}


.innovation-article-asset-image:hover .asset-img {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
}

.innovation-article-asset-image:hover .btn-arrow {
	color: #333333;
}

.innovation-article-asset-image:hover .btn-arrow::before {
	left: -22px
}

@media screen and (max-width: 560px) {
	.innovation-article-asset p {
		display: none;
	}
	.innovation-article-asset .asset-img-container {
		/* display: none;  KD removed */
	}
	.single-asset:first-child .asset-img-container {
		display: block;
	}

		.single-asset p {
		display: none;
	}
	.innovation-article-asse-image .asset-img-container {
		/* display: none;  KD removed */
	}
	.innovation-article-asset-image:first-child .asset-img-container {
		display: block;
	}
}

@media screen and (min-width: 728px) {
	.tech-flex-container, .assets-flex-container{
		display: flex;
		flex-wrap: wrap;
	}
	.tech-featured-asset, #video {
		flex: 1;
	}
	.tech-featured-asset {
		margin-right: 20px;
	}
	.single-asset {
		flex: 1 0 40%;
		margin-right: 20px;
		position: relative;
		/* padding-bottom: 35px;  KD commented out */
	}
	.single-asset:nth-child(2n+0) {
		margin-right: 0;
	}
	.single-asset:last-child {
		margin-right: 0;
	}
	.single-asset .btn-arrow {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}


		.innovation-article-asset-image {
		flex: 1 0 40%;
		margin-right: 20px;
		position: relative;
		/* padding-bottom: 35px;  KD commented out */
	}
	.innovation-article-asset-image:nth-child(2n+0) {
		margin-right: 0;
	}
	.innovation-article-asset-image:last-child {
		margin-right: 0;
	}
	.innovation-article-asset-image .btn-arrow {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.single-asset {
		flex: 1 0 25%;
		margin-right: 20px;
	}
	.single-asset:nth-child(2n+0) {
		margin-right: 20px;
	}
	.single-asset:nth-child(3n+0) {
		margin-right: 0;
	}
	.single-asset:last-child {
		margin-right: 0;
	}
	.innovation-article-asset-image {
		flex: 1 0 25%;
		margin-right: 20px;
	}
	.innovation-article-asset-image:nth-child(2n+0) {
		margin-right: 20px;
	}
	.innovation-article-asset-image:nth-child(3n+0) {
		margin-right: 0;
	}
	.innovation-article-asset-image:last-child {
		margin-right: 0;
	}
}




.social-links {
	position: absolute;
	top: 0;
	right: 20px;
}

.social-links span {
	font-weight: 200;
	color: #3b3b3b;
	position: absolute;
	top: 8px;
	right: 110px;
	width: 80px;
	text-align: right;
}

.social-links a span {
	display: none;
}

.social-links a {
	display: inline-block;
	width: 34px;
	height: 34px;
	position: relative;
	color: #00447c; 
	text-decoration: underline;
}

.social-links a img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

p.social a, .social a {text-decoration: underline;}
.social a:hover {color: #032541;text-decoration: underline;}
p.last-social a, .social a {text-decoration: underline;}

.social-links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
}

.social-links .icon-facebook {
	background-color: #3B5998;
}

.social-links .icon-twitter {
	background-color: #00B6F1;
}

.social-links .icon-linkedin {
	background-color: #007BB6;
}

.social-links .icon-facebook:hover,
.social-links .icon-twitter:hover,
.social-links .icon-linkedin:hover {
	background-color: #3b3b3b;
}

/* ==========================================================================
   Article Page 
   ========================================================================== */

.back-btn {
	position: absolute;
	top: 0;
	left: 20px;
}

.back-btn span {
	display: none;
}

.back-btn .icon-back {
	background-color: #01A982;
	display: inline-block;
	width: 34px;
	height: 34px;
	position: relative;
}

.back-btn .icon-back:hover {
	background-color: #707070;
}

.back-btn .icon-back img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.banner-img.article-temp .container {
	height: 150px;
}

.article-temp h1 {
	color: #241F21;
	margin-bottom: 25px;
}

.article-temp .asset-type {
	margin-top: 45px;
}

.intro-copy {
	font-size: 20px;
	margin-bottom: 25px;
}

.download-asset-top {
	display: inline-block;
	position: relative;
	color:#fff;
	background-position: center;
	background-size: cover;
	padding: 20px;
	margin-bottom: 30px;
	width: 100%;
}

.download-asset-top h2,.download-asset-bottom h2 {
	font-size: 20px;
}

.download-asset-top p,.download-asset-bottom p {
	font-size: 19px;
}

.overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(66,85,99,0.9);
}

.download-asset-top * {
    position: relative;
    /* hack */
}

.download-asset-bottom {
	background-color: #01A982;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 20px 0;
	margin-bottom: 30px;
}

@media screen and (min-width: 728px) {
	.download-asset-top {
		flex: 0 1 32%;
		padding: 30px 20px;
	}
	.article-content {
		flex: 1;
		/*Remove comment if there is a smaller download section needed.*/
		/*margin-right: 30px;*/
		border-top: 1px solid #D8D8D8;
		padding-top: 25px;
	}
	.article-temp .tech-flex-container {
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-start;
	}
	.banner-img.article-temp .container {
		height: 300px;
	}
	.article-temp h1 {
		font-size: 25px;
	}
}

/* ===========================
	Animation stuff
   =========================== */

.no-underline {
	-webkit-text-decoration-line: none !important;
	text-decoration-line: none !important;
}

a {
	-webkit-text-decoration-line: none;
	text-decoration-line: none;
} 

.bottom-header-bar {
	height: 60px;
}

.mid-navigation {
	padding: 0px 0px; /*   KD changed this 5px 0px; */
	list-style-type: none;
    display: none;  /* KD changed this from inline to none */
}	

.assist-text {
	font-size: 16px;
	color: #003049;
	text-align: center;
}

.sponsor-text-2 p {height: 30px; font-size:14px; color: #003049; margin-bottom: 1px; padding-bottom:20px; padding-left:10px;}

.sponsor-text-2 a {text-decoration: underline !important; color: #003049;}

.sponsor-text p{padding: 0px; height: 10px;}

#floatL {float: left;}
#floatR {float: right;}
.co-20 {
	width: 18%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

.co-25 {
	width: 24%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	vertical-align: middle;
}

.co-33 {
	width: 32.7%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

.co-50 {
	width: 48%;
	margin: 0px 0px;
	display: inline-block;
	align-items: start;
    align-content: start;
    position: relative;
    margin: 0px 0px;
}

.co-5x {
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

.co-80 {
	width: 78%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
.anchor{
	scroll-margin: 50px 0 0 50px;
}
.hidden {
	visibility: hidden;
	display: none;
}
.display-off {
	display: none;
}
display-on {
	display: block;
}
.animated-box {
	color: #C7D1D7;
	cursor: pointer;
	height: 200px;
	margin: 1px;
}
.modal-header {
	border-bottom: 1px solid #003049;
	margin-bottom: 10px;
}
.modal-body {
	
}
.modal-row {
	width: 100%;
	height: 90px;
	overflow: hidden;
}

.animated-box:hover p{
	text-decoration: underline;
}

.notice {
	font-weight: bold;
	color: red;
	background-color: pink;
	text-align: center;
	border: 1px solid red;
	border-radius: 5px;
	margin: 0px 50px;
	padding: 20px;
}

.box-title {
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	color: #FFFFFF;
}

.box-article-image {
	display: inline-block;
	height: 68px;
	width: 20%;
}

.box-article-image img {
	width: 80px;
	border: 1px solid #3b3b3b;
}

.box-article-title {
	font-size: 14px;
	font-weight: bold;
	color: #003049;
	position: relative;
}

.box-article-title:hover {
	text-decoration: underline;
}

.box-article-text {
	display: inline-block;
	width: 70%;
}

.box-article-wrapper {
	height: 600px;
	overflow-y: scroll;
}

.box-name {
	font-size: 37px;
	font-weight: bold;
	color: #003049;
}

.new-tag::after {
	content: "";
	background-image: url("../images/new-article-tag.jpg");
	position: absolute;
	top: 20px;
	left: 0px;
	width: 108px;
	height: 27px;
}

.microsoft-logo, .first-client-logo {
	float: none;
}

.opentext-logo, .second-client-logo {
	float: none;
	/* position: absolute;
	bottom: 22%;
	right: 0px;
	height: 50px;
	width: 325px;*/
}

.box {
	height: 200px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

#box-L1 {
	background-image: url("../images/Cloud-box-image-1124400915-341x200.jpg");
}

#box-C1 {
	background-image: url("../images/Computing-box-image-1088950364-341x200.jpg");
}

#box-R1 {
	background-image: url("../images/Events-box-image-1281724535-341x200.jpg");
}

#box-L2 {
	background-image: url("../images/Networking--box-image-1394879058-341x200.jpg");
}

#box-C2 {
	background-image: url("../images/Software-box-image-1476757631-341x200.jpg");
}

#box-R2 {
	background-image: url("../images/Other-News-box-image-1419532732-341x200.jpg");
}

#box-L1m {
	background-image: url("../images/Cloud-box-image-1124400915-341x200.jpg");
}

#box-C1m {
	background-image: url("../images/Computing-box-image-1088950364-341x200.jpg");
}

#box-R1m {
	background-image: url("../images/Events-box-image-1281724535-341x200.jpg");
}

#box-L2m {
	background-image: url("../images/Networking--box-image-1394879058-341x200.jpg");
}

#box-C2m {
	background-image: url("../images/Software-box-image-1476757631-341x200.jpg");
}

#box-R2m {
	background-image: url("../images/Other-News-box-image-1419532732-341x200.jpg");
}

.overflow1 {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overflow2 {
	--max-lines: 2;
	--line-height: 16;
	position: relative;
	height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
	padding-right: 1rem;
}

.overflow2::before {
	position: absolute;
	content: "...";
	bottom: 0;
	right: 0;
}

.overflow2::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1rem;
}

.overflow {
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
}
#About {
	margin-top: 40px; /* 120px */
}

.modal{z-index:4;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;}
.modal-background {background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.6)}
.button{border:1px solid #003049; border-radius:4px; display:inline-block; padding:8px 16px; margin:0px; vertical-align:middle;overflow:hidden;text-decoration:none;color:#003049;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.topright{  float: right; }
.menu-icon {position: relative; float: right; line-height: 50px !important;}

@media (min-width:701px){
	#menu {display: none;  /* width: 400px; padding-right: 50px; */}
	#menuToggle {display: block;}
}
@media (max-width:700px){
	#menuToggle {display: inline-block; width: 100%;}
	#menu {display: none; } /* width: 400px; padding-right: 50px; */
	.mid-navigation ul li {
		display: none; 
	}
	.modal-content {
		margin-top:30px;
		width:auto!important;
	}
	.modal{
		padding-top:30px;
	}
}

@media (max-width:798px){

	.modal {
		padding-top:50px;
	}
	.co-33, .co-50, .co-20, .co-80 { 
		width: 100%;
		min-height: 40px;
	}
	.co-25 { 
		width: 24%;
		/* min-height: 40px; */
	}
	
	.hide-on-mobile {
		display:none; visibility:hidden;
	}
	.show-on-mobile {
		display:block; 
		visibility:initial;
	}
	.bottom-header-bar {
		/* height: 180px; */
	}
	.opentext-logo, .second-client-logo {
		bottom: 2%;
	}
	.opentext-logo, .second-client-logo {
		float: none; /*KD 20240808 changed to float right to remove big space */
		margin-left: 10px;
		position: relative;
	}
}

@media (min-width:993px){
	.modal-content{
		width: 80%;
	}
}
				

/* ****************************
	Video carousel stuff
 ***************************** */

.video-slide {
   width: 300px;
   width: 33%;
   cursor: pointer !important;
}

.video-slide iframe{
	pointer-events: none !important;
}

.blog-slide {
    min-width: 200px;
}

.slide-articles { /* boxed-articles  */
    display: flex;
 }
 
.slide-container { /* featured-asset-big */
    overflow: hidden;
	position: relative;
	overflow: hidden;
	margin: 10px 5% 15px;
	width: 90%;
	border: 0px;
	background-color: #eeeeee;
}

.carouselBtnP, .carouselBtnPB {
    left: 10px;
    z-index: 3;
    background-color: rgba(255, 255, 255, 1);
    border: 0px;
    position: absolute;
    top: 50%;
/*  JLFT 20250206    transform: translateY(-50%); */
    pointer-events: auto;
    fill: black;
    width: 40px;
    height: 40px;
    border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.carouselBtnN, .carouselBtnNB {
    right: 10px;
    z-index: 3;
    background-color: rgba(255, 255, 255, 1);
    border: 0px;
    position: absolute;
    top: 50%;
/*  JLFT 20250206        transform: translateY(-50%); */
    pointer-events: auto;
    fill: black;
    width: 40px;
    height: 40px;
    border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.carouselBtnP:hover, .carouselBtnPB:hover  {
	fill: white;
    background-color: rgba(0, 0, 0, 1);
}

.carouselBtnN:hover, .carouselBtnNB:hover  {
	fill: white;
    background-color: rgba(0, 0, 0, 1);
}

.carouselBtnP:disabled, .carouselBtnPB:disabled {
	fill: #a0a0a0;
    background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.carouselBtnN:disabled, .carouselBtnNB:disabled  {
	fill: #a0a0a0;
    background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (min-width: 1024px) {
	.video-slide {
		width: 300px;
		width: 33%;
	}
}
@media (min-width: 798px) AND (max-width: 1023px) {
	.video-slide {
		width: 300px;
		width: 50%;
	}
}
@media (max-width: 796px) {
	.video-slide {
		width: 300px;
		width: 100%;
	}
	.boxed-article {
		width: 100%;
	}
}
@media (max-width: 700px) {
	#About {
		margin-top: 30px; /* 60px */
	}
}
@media (min-width: 701px) {
	#About {
		margin-top: 40px; /* 180px; */
	}
}

/* ==========================================================================
  Brightcove Videos Section
  ========================================================================== */
  
  /* VIDEO SECTION */  /* max-width: 600px;  */
  
 
.vjs-playlist {
	font-weight: bold; 
	font-size: 20px; 
	color: #FFFFFF;
}
.video-js .vjs-dock-title {
	font-weight: 700; letter-spacing: 1px; line-height: 1.333; margin-bottom: .333em;
}
.video-js .vjs-dock-description {font-weight: 400;line-height: 1.5;}

.vjs-mouse.vjs-playlist {
    font-size: 17px;
    min-width: 289px;
    background-color: #f8f8f8;
    color: #fff;
    padding: 17px 0px 0 0px;
}


.vjs-mouse.vjs-playlist time {
	font-size: .75em;
    font-weight: 100;
}
	
	
@media (min-width: 600px) {
.vjs-mouse.vjs-playlist time {font-size: .75em;}


.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}

}

.vjs-poster {
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000;
}

.vjs-playlist .vjs-playlist-duration {
    font-weight: 100;
    background-color: #4f4f4f;
    top: .25rem;
    left: .25rem;
    padding: 2px 5px 1px;
    margin-left: 2px;
    position: absolute;
}
.vjs-mouse.vjs-playlist .vjs-playlist-item {
    height: 85px; /* KD changed */
    margin-bottom: 17px;
}


.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail:before {
    height: 85px;  /* kd changed */
    line-height: 68px;
    width: 145px;  /* kd changed */
}
.vjs-playlist .vjs-selected .vjs-playlist-thumbnail:before {
    height: 85px;
    line-height: 85px;
    width: 145px;
}



.vjs-playlist-item {
    max-width: 145px;
    display: inline-block;
}


.vjs-playlist .vjs-selected, .vjs-playlist.vjs-mouse .vjs-selected {
    background-color: rgba(0,0,0,0.7)!important;
}

#video .vjs-playlist {
    background-color: #ffffff!important;
}

.vjs-playlist .vjs-playlist-item-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.vjs-playlist .vjs-playlist-item {
    margin-right: 10px;
}

.video-player p {
	margin: 0.5em 0 2em 0;
}
#video .vjs-playlist .vjs-selected, .vjs-playlist.vjs-mouse .vjs-selected {
  background-color: #cc0000 !important;
}
#video .bc-iframe .vjs-playlist-show-hide button:hover {
  background: #cc0000 !important;
}
#video ol.vjs-playlist {
margin: 5px 0;
}
#video .vjs-playlist .vjs-playlist-item {
margin-right: 20px;
position: relative;
background-color: #000000;
flex: 0 1 31%;
}
#video .vjs-playlist .vjs-playlist-item:hover {
background-color: #cc0000;
}
#video .vjs-playlist-item:hover::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #ffffff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 100;
  background-color: rgba(204, 0, 0, .6); 
  
}
#video .vjs-playlist-item:hover::after {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(204, 0, 0, .6); 
}
#video .vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text {
display: none !important;
}

.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {
    height: 85px;
    font-size: 13px;
    margin-right: 10px;  /* kd changed */
    width: 145px; /* kd changed */
}
.vjs-mouse.vjs-playlist .vjs-playlist-title-container {
    position: absolute;
    bottom: 0;
    padding: .5rem .8rem;
    text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000;
}

.vjs-mouse.vjs-playlist .vjs-playlist-title-container {
    position: absolute;
    bottom: 0;
    padding: .5rem .8rem;
    text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000;
}

.vjs-playlist .vjs-playlist-title-container {
    position: absolute;
    bottom: 0;
    padding: .5rem .8rem;
    text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000;
}

.vjs-playlist .vjs-playlist-thumbnail {
    background-color: #a6a6a6;
    display: block;
    float: none; /* KD changed from float: left */
}
.vjs-mouse.vjs-playlist cite {
    height: 85px; /* KD changed */
	background-color: rgba(255,255,255,0.75); /* BG changed */
    line-height: 14px; /* KD changed */
	margin-left: -10px;
}

.video-detail .video-detail-inner {
    zoom: 1;
    background-color: transparent;
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 20px 20px;
}
.video-detail, section.video-detail {
   background-color:#eeeeee;
    height: 100%;
}
      .video-js {
        height: 100% !important;
        width: 100% !important;
      }

      .video-js .vjs-poster {
        background-color: transparent;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 100%;
      }
    


@media screen and (min-width: 560px) {
	.vjs-playlist .vjs-playlist-name {
		display: block;
		white-space: pre-wrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 140px;
		color: black;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		max-height: 3.5em;
		line-height: 20px;
		padding: 0 0 4px 2px;
		position: absolute;
		top: -1.75rem;
		text-shadow: none;
	}
	
	
.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}



}	
@media screen and (max-width: 559px) {

	#menutoggle {
		display: block;
	}
	#navtabs {
		display: none;
		height: 300px; /* KD added 20241107 */
	}
	.nav-item {
		list-style-type: none !important;
		display: block;
		font-weight: 600;
		padding-left: 0px;
		margin-bottom: 10px;
	}
	
	.vjs-playlist-item {
		max-width: 845px;
		width: 100%;
		display: inline-block;
	}

	.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {
		height: 85px;
		font-size: 13px;
		margin-right: 10px;
		width: 100%;
	}
	#video .vjs-playlist .vjs-selected, .vjs-playlist.vjs-mouse .vjs-selected {
		background-color: #f3f3f3 !important;
	}
	.vjs-playlist .vjs-playlist-duration {
		margin-left: 0px;
	}
	
	
	/* .vjs-mouse.vjs-playlist cite {
		display: block;
		white-space: pre-wrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
	    position: absolute;
		top: 2.5rem;
		left: .75rem;
		font-size: 16px;
		text-shadow: none;
	} */
	
	
.vjs-mouse.vjs-playlist cite {
    display: block;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 65%;
    position: unset;
    top: 2.5rem;
    left: 0.75rem;
    font-size: 16px;
    float: right;
    text-shadow: none;
    color: #000000;
    font-size: 12px;
    background-color: transparent;
}


.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}
.partner-ready-content {    margin-bottom: 10px;} /* KD added */

}

/* ==========================================================================
    Footer
  ========================================================================== */


footer p {
	
	padding-top: 1em;
	margin-bottom: 0;
	font-size: 0.9em;
}

@media screen and (min-width: 680px) {
	/* .hpe-footer {
		flex-wrap: wrap;
		display: flex;
	} */
	footer p {
		flex: 1;
	}
	footer p {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}
	footer img {
		/* border-right: 1px solid #9a9a9a; 
		margin-right: 1em;
		padding-right: 1em;*/
	}

	
.bc-iframe { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
.video-js { background-color: transparent !important; border: none;}


}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer .tagline {
	   font-weight: normal; 
	   font-size:  16px; 
	   color: #FFFFFF;
}
	
footer {
	background-color: #FFFFFF;
	margin-top: 50px;
	width: 100%;
}

footer span {
	display: inline-block;
	float: left;
}

footer p { 
	font-weight: lighter; 
	color: #FFFFFF;
	text-align: left;
	font-size: 11px;
}

footer p a {
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
}

.footer-logo-crn,
.footer-logo-tcc {
	display: inline-block;
	height: auto;
}

.footer-logo-crn {
	/* width: 90px; KD removed */
	height: 32px;
}

.footer-logo-tcc {
	width: 150px;
	height: 32px;
}
.tcc-footer-text {
	font-weight: normal;
    font-size: 12px;
	padding-right: 25px;
	text-align: left;
	color: #FFFFFF;
	padding-right: 50px;
}
.client-footer-text {
	font-weight: normal;
    font-size: 12px;
	text-align: center;
	padding: 8px 125px;
	color: #FFFFFF;
}
.tcc-footer-right {
	float: right;
}
span.client-footer-text a {
	color: #FFFFFF;
	text-decoration: underline;
}

span.client-footer-text a:hover {
	color: #FFCC00;
}


@media screen and (max-width: 938px) {
	.client-footer-text {
		padding: 0px 90px;
	}
}


@media screen and (max-width: 868px) {
	.client-footer-text {
		padding: 0px 40px;
	}
}


/* */

@media screen and (max-width: 768px) {
	.featured-asset img {/*width: 93%; display: none;  KD removed */}
	.featured-asset-content {flex: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: block;
        text-align: center;}
	.featured-asset-videos {flex: 100%;	}
	.featured-asset-stories {flex: 100%;margin-left: 0px;}	
	.featured-asset-social {flex: 100%;	margin-top: 25px;}
	footer p {text-align: center;margin-bottom: 10px;}
	.tcc-footer-text {
		width: 100%;
		text-align: center;
		padding-right: 0px;
		float: none;
	}

	.client-footer-text {
		width: 100%;
		float: none;
		text-align: center;
		padding: 40px 0px;
}

	.tcc-footer-right {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.client-titles h3, h3.client-titles {font-size: 1.50rem; text-align: center; margin: 0 auto;}
	img.awards {width:100px; height: auto;}

}

	.bc-player-VkeRNWL0Ag_default .vjs-big-play-button {
		background-color: #000000;
		color: #00bbe7;
	}

	.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {
		height: 85px;
		font-size: 13px;
		margin-right: 10px;
		width: 145px;
		border: 1px solid #01304a;
	}

	.vjs-mouse.vjs-playlist {
		font-size: 17px;
		min-width: 289px;
		background-color: #eeeeee;
		color: #fff;
		padding: 17px 0px 0 0px;
		border: 1px solid #01304a;
	}

	.vjs-playlist .vjs-playlist-item-list {padding: 10px 10px;}

	div.bigVideo iframe.video-js.vjs-fluid.bigVid {background-color: transparent;}

	video-js#vjs_video_3.video-js.vjs-default-skin.vjs-controls-enabled.vjs-workinghover.vjs-v7.bc-player-XTc8aTRFKF_default.bc-player-XTc8aTRFKF_default-index-0.vjs-mouse.vjs-playlist-enabled.vjs-plugins-ready.vjs-plyer-info.vjs-contextmenu.vjs-contextmenu-ui.vjs-errors.vjs-thumbnails.hapyak-remote.hapyak-player.hapyak-view-mode.vjs-has-started.vjs-paused.vjs-layout-large.not-hover.jvs-user-inactive {background-color: transparent !important;}


	.video-js .vjs-default-skin .vjs-controls-enabled .vjs-workinghover .vjs-v7 .bc-player-XTc8aTRFKF_default .bc-player-XTc8aTRFKF_default-index-0 .vjs-mouse .vjs-playlist-enabled .vjs-plugins-ready .vjs-player-info .vjs-contextmenu .vjs-contextmenu-ui .vjs-errors .vjs-thumbnails .hapyak-remote .hapyak-player .hapyak-view-mode .vjs-has-started .vjs-paused .vjs-layout-large .not-hover .vjs-user-inactive {background-color: transparent !important;}


	.ee-components-video-info-name {padding-right: 5px;}


	#menu.mid-navigation.container ul li a {
		-webkit-text-decoration-line: underline;
		text-decoration-line: underline;
		}
	
	div.top-header-bar img#event-logo, #event-logo {height: 35px !important; margin: 8px 0px 5px 0px;}
	
	/* KD added 20240808 - to add left gutter in mobile  */
@media screen and (max-width: 796px) {
		.wrapper {margin: 0px 5px;}
		.container {width: 796px; margin: 0 auto;}
		.sponsor-logo img {width: 150px;}
		
}	
@media screen and (min-width: 768px) and (max-width: 918px) {
		.container {width: 100%;}
		.bottom-header-bar {
			margin: 0 auto;
			vertical-align: middle;
			align-self: center;
			align-items: center;
			display: inline-block;
		}
		.site-name {max-width: 400px; width: 100%; }
		div.navigation {max-width: 300px; width: 40%;}
		.navigation {max-width: 280px;width: 100%;}
		
		
	.featured-article-text {width: 58%;}
	
}


@media  screen and (min-width: 728px) {
  .site-name {
        /*  width: 50%; KD changed 100%;  */
		/* max-width: 600px; KD changed 1040px; */
		width: 100%; 
		text-align:left;
		float:left;
		display: block;
    }
}

@media screen and (max-width: 700px) {
	.wrapper {margin: 0px 5px;}
	.opentext-logo img, .second-client-logo img {
		width: 200px;
		margin-top: 5px;
	}
	.bottom-header-bar {
			height: 50px;
			padding-top: 5px;
			display: inline-block;
		}
	div.navigation, .navigation {max-width: 420px;} /* KD added 20241007 */
	.nav-link {padding: 3px 10px;}	/* KD added 20241007 */
}	

@media screen and (min-width: 560px) and (max-width: 750px) {
	.wrapper {margin: 0px 5px;}
	.opentext-logo img, .second-client-logo img {width: 125px;margin-top: 5px;}
	.microsoft-logo img, .first-client-logo img {width: 100px;}
	.sponsor-logo img, .third-client-logo img {width: 110px;}
	.bottom-header-bar {
		height: 60px;
		padding-top: 5px;
		display: inline-block;
	}
	div.navigation /*, .navigation*/ {max-width: 300px; width: 100%; margin-top: 1.5rem; margin-right: 5px;} /* KD changed fri night 400px; 50%; 40px; 10px */
	.container {max-width: 600px; width: 100%; margin: 0 auto;}
	div.bottom-header-bar.container {max-width: 700px; width: 100%; margin: 0 auto; float: none;}
	
}	
@media screen and (min-width: 560px) {
	.wrapper {margin: 0px 5px;}
	.opentext-logo img, .second-client-logo img {
		width: 60px;
		margin-top: 5px;
	}
	#home-tab {padding: 3px 10px;} /* KD added 20241007 */
	.nav-link {padding: 3px 10px;} /* KD added 20241007 */
}	

@media screen and (max-width: 559px) {
	.wrapper {margin: 0px 5px;}
	.opentext-logo img, .second-client-logo img {width: 60px; margin-top: 5px;}
	
	.site-value-title h1 {
		position: absolute;
		left: 10px;
		top: 150px;
	}
	
	div.navigation /*, .navigation */ {max-width: 250px; width: 50%;	}
	div.bottom-header-bar.container {max-width: 500px; width: 100%;}
	.microsoft-logo img, .first-client-logo img {width: 100px;}
	.sponsor-logo img, .img-client-logo img {width: 110px;}
	.bottom-header-bar {
		height: 50px;
		padding-top: 5px;
		display: inline-block;
	}
	/* div.navigation,*/ .navigation {max-width: 290px;width: 50%;} /* KD changed 20241007 from 320 to 290 */
	.container {max-width: 600px; width: 100%; margin: 0 auto;}
	div.bottom-header-bar.container {max-width: 600px; width: 100%;}
	#long-site-name {margin-top: 90px;}
	#video {margin-bottom: 30px;}
	#sponsors {margin-bottom: 30px;}
}	


.navigation {
    /* 	min-height: 30px !important; */
    max-width: 520px; /* KD added */
    width: 100%; 
	margin: 0 auto;
	display: block;
	float: right;

}


.btn-navbar {
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 5px;
 }

/*
a.btn.btn-navbar.btn-primary {
    float: right;
    border: 1px solid #dddddd;
	z-index: 125;
} */

@media screen and (min-width: 728px) {
	.ai-hub-header {max-width: 1040px  !important; width: 100%;  margin: 0 auto;} /* KD add a height lat3er */
	
	/*.site-name {max-width: 450px; width: 100%;} KD commented out Fri night - not sure if it's a fix or not */
	header h1, h1.banner-text {font-size: 2.0rem; }
	.navigation {width: 40%;}
	
	.sponsor-logo img, .second-client-logo img {width: 160px;}
	
	#home-tab {padding: 3px 20px;}
	.nav-link {padding: 3px 15px;}
	.navigation {max-width: 320px; width: 100%; }
}

@media screen and (max-width: 700px) {
	.featured-asset {margin: 0 auto;}
	.featured-asset-social {margin-top: 5px;}
	
	#mobile-center {
		margin: 10px auto; 
		width: 100%;
        text-align: center;
	}
	div#box-L1m, div#box-C1m, div#box-R1m, div#box-L2m, div#box-C2m, div#box-R2m {height: 100px; width: 160px; margin-right: 10px;}
	
	
	div.article {height: 200px; overflow:hidden;}
	div.article-image {float: left; width: 45%; height: auto; }
	div.article-image img {width: 100%; margin: 0px 0px;}
	div.article-text {min-height: 200px; float: right; width: 55%;}
	h4.article-title {font-size: 1.15rem;}
	h3.client-titles {font-size: 1.25rem; }
	.article-summary {font-size: .85rem; font-weight: 300;}

	.carouselBtnPB, .carouselBtnNB   {top: 65%}
	div.under-writer-image, .underwriter-image img {
		width: 45%;
		float: left;
		vertical-align: top;
		margin-top: 20px;
		margin-right: 20px;
		margin-left: 27px;
		}
	div.aboutcrntv-image {
		width: 45%;
		float: left;
		vertical-align: top;
		margin-top: 20px;
		margin-right: 20px;
	}
	 .ft-copy {
        margin: 0px;
        font-size: .90rem;
    }
	.ft-image {
		width: 50%;
		margin: 0px 5% 2px 5%;
		padding: 1% 5%;
	}
	.top-tcc-logo {
		float: none;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
}	

@media screen and (min-width: 560px) and (max-width: 750px) {
	.ai-hub-header {width: 100%;  width: 100%;  margin: 0 auto;}/* KD add a height lat3er */
	.site-name {/*max-width: 180px; */width: 100%; margin-top: 50px;}
	.site-value-title, div.site-value-title h1{font-size: 2.20rem;padding-top: 70px;}
	.banner-text {/*font-size: 1.5rem; */}
	.navigation {width: 30%;}
	.bottom-header-bar {float: right;}
	.sponsor-logo img, .third-client-logo img {width: 125px;}
	.microsoft-logo img, .first-client-logo img {width: 100px;}
	.opentext-logo img, .second-client-logo img {width: 160px; margin-top: 5px;}
	#home-tab {padding: 5px 10px;}
	.nav-link {padding: 5px 10px; font-size: .75rem;}

}
@media screen and (max-width: 559px) {	
	.ai-hub-header {width: 100%;  margin: 0 auto;}/* KD add a height lat3er */
	.site-name {width: 2%;}
	.site-value-title, div.site-value-title h1 {
		font-size: 2.0rem;
		max-width: 558px;
		width: 100%;
		letter-spacing: .40rem;
	}
	.navigation {width: 30%;}
	.bottom-header-bar {float: right;}
	.sponsor-logo img, .third-client-logo img {width: 100px;}
	.microsoft-logo img, .first-client-logo img {width: 80px;}
	.site-value-prop {font-family: inherit; font-size: .75rem; font-weight: inherit; color: #003049; text-transform: inherit; margin: 0 auto;  padding: 20px 10px 0px 10px; text-align: center;text-transform: uppercase; letter-spacing: .05rem;}
	#ytvideo {
		height: 360px;
		width: 95%;
		margin: 0px auto;
		display: block;
	}
}
@media screen and (min-width: 560px) and (max-width: 750px) {

		
	header {
		/* background-image: url(../images/TCC-CRNtvOnLocation-Hero-628X250-FINAL.jpg); */
		/*background-size: cover;
		background-position: center;
		margin-top: 20px; */
		width: 100%; 
		background-size: cover;
		height: 220px;
		margin-top: -5px; /* KD changed from margin-top: 30px auto; because margin-top can't have 2 values 20240808 */
	}
	header.ai-pcs, header .ai-pcs {
		background-image: url(../images/ai-pcs_559x223.jpg); /* ai-dn-pcs-hero-628X250.jpg */
		width: 100%; 
		background-size: cover;
		height: 220px;
		margin-top: -5px; 
	}
	.site-name {
		text-align:left;
		float:left;
		display: block;
	}
	header h1 {
		font-size: 2.0rem;
		font-weight: bold;
		text-align: left;
		color: #ffffff;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 1;
		margin-top: 6rem; 
	}
	header h1 sup {
			font-size: 12px;
			border: 12px;
	}
	.featured-asset-stories {
		margin-left: 0px;		
	}
	
	.text-assist {
		padding-left:10px;
		padding-right: 10px;
	}
	
	.bc-iframe { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
	.video-js { background-color: transparent !important; border: none;}
	.bigVideo { 
		height: 346px;
		display: block; 
		position: relative;  
		margin: 0 auto; 
		text-align: center;
		background-color: transparent;
	} /* KD added 20230303 */
	
	.right-ad {margin-bottom: 20px;	}

}


/* KD NEW MOBILE TREATMENT FOR SMALLER CELLS & IPHONES */
@media screen and (max-width: 559px) {
	
	
	
	li.nav-item a:hover, .nav-tabs>li>a:hover {background-color: #003049;}
	.nav-tabs>li>a {
		margin-right: 2px;
		line-height: 1.42857143;
		border: none;
		border-radius: 0px;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 0px 0px;
	}

	.nav-item {font-size: 1.45rem;}
	#home-tab {padding: 5px 18px;}
	.nav-link {padding: 5px 18px;}
	.nav-tabs>li {padding: 0px 15px;width: 200px;  text-align: left;}
		.nav-tabs>li {
		float: left;
		margin-bottom: 0px;
	}

	.nav-tabs>li {
		float: none;
		margin-bottom: 0px;
	}  
	
	
	
	.ios .nav-tabs>li {padding: 0px 15px;width: 180px;  text-align: left;}
	
    button.nav-link {
        background-color: #003049;
        color: #cccccc;
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
        border: none;
    }
	
	button.nav-link.active {background-color: #003049; color: #FFFFFF;text-decoration: underline; border: none; }
	button.nav-link:hover, button.nav-link:focus {background-color: #003049; color: #ffffff;  }
	button.nav-link.disabled, button.nav-link.disabled:hover, button.nav-link.disabled:focus {background-color: transparent; color: #777777; }


	.top-opentext-logo, .top-second-client-logo {background-image: url("./images/OpenText-Cybersecurity-Vertical Logo-Normal-Secondary.png"); background-size: contain; background-repeat: no-repeat;}	
		
	header {
		background-image: url(../images/TCC-CRNtvOnLocation-Hero-559x223-FINAL.jpg);
		/*background-size: cover;
		margin-top: 20px;
		width: 100%; */
		background-position: left;
		background-size: cover;
		height: 200px;
		margin-top: 0px; /* KD changed 20241007 -10px to 0 px for mobile */
	}
	header.ai-pcs, header .ai-pcs {
		background-image: url(../images/ai-pcs_559x223.jpg); /* ai-dn-pcs-hero-628X250.jpg */
		/*background-size: cover;
		margin-top: 20px;
		width: 100%; */
		background-position: left;
		background-size: cover;
		height: 200px;
		margin-top: 0px; /* KD changed 20241007 -10px to 0 px for mobile */
	}
	
	.mid-navigation ul li, ul.nav-ul, ul .nav-ul, div#menu.mid-navigation.container.collapse ul.nav-ul li  {
		font-size: .80rem;  
		margin-top:10px;
		margin-bottom: 20px; /*  KD changed from 10 to 20 THIS 20211107 */
		margin-left: 0px;/*  KD changed from 10 to 0 THIS 20211107 */
		/*  width: 150px; KD COMMENTED THIS OUT 20211107 */
		font-weight: 400;
		padding-left: 20px;
	}
	
	div ul.nav-ul {width: 400px;}

	.hero-logo{
		width: 375px !important;
		margin-top: 20px;
	}


	.site-name {
		/* max-width: 160px;  */
		width: 100%; 
		text-align:left;
		float:left;
		display: block;
		margin-top: 0px;
	}
	header h1 {
		padding: 0px 0px 0px 15px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: left;
		color: #ffffff;
		text-transform: uppercase;
		line-height: 1;
		margin-top: 130px;
	}
	header h1 sup {
		font-size: 12px;
		border: 12px;
	}
	
	 .co-25 {
        width: 24%;
        height: 50px;
        margin-right: 10px;
    }
	.nav-tabs {border: none;}
	
	div.navigation, .navigation {
        max-width: 200px;
		width: 100%;
		height: 160px;
        
    }
	
	#menu {
		width: 250px;
		height: 160px;
		
	}
	div.bottom-header-bar.container {
        max-width: 490px !important;
        width: 100%;
		display: inline-block;
		overflow: hidden;
    }
    .sponsor-text {
        width: 50px;
        padding: 0px 0px 0px 10px;
		display: inline-block;
		margin: 0 auto;
		text-align: left;
    }
	.sponsor-text p {
		padding: 0px;
		height: 10px;
		font-size: 1rem;
	}
	
	.sponsor-logo, .third-client-logo {
		width: 100%;
		padding-left: 2px;
	}
	.sponsor-logo img, .third-client-logo img  {width: 100px;margin: 0px 0px; float: left; }
	.microsoft-logo, .first-client-logo  {float: none; width: 100% }
	.microsoft-logo img, .first-client-logo img  {margin: 0px 0px; float: left;width: 100px; margin: 5px 0px;}
	.opentext-logo, .second-client-logo  {width: 100px; }
	.opentext-logo img, .second-client-logo img  {width: 125px; margin: 0px 0px; float: left; }
	

	.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {width: 100%;}
	
	footer p {
		text-align: center;
	}
	.tcc-footer-text {
		text-align: center;
		padding-right: 0px;
	}

	.client-footer-text {

		text-align: center;
		padding: 0px 0px;
	}

	.tcc-footer-right {
		float: none;
	}
	
	
	.bc-iframe { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default .vjs-poster { background-color: transparent !important; border: none;}
	.bc-player-XTc8aTRFKF_default { background-color: transparent !important; border: none;}
	.video-js { background-color: transparent !important; border: none;}

		.bigVideo {
			height: 236px;

		}
		.about-us-box {margin: 50px 0px 50px 0px;}
		
		#sponsors, #video {margin-bottom: 30px;}
}


/* KD added ios specific small cell CSS */
@media (min-width:320px) and (max-width:430px) {
	.nav-tabs>li {
		padding: 0px 15px;
		width: 180px;
		text-align: left;
	}
	.site-name {
		max-width: 140px;
		width: 100%;
		text-align: left;
		float: left;
		display: block;
		margin-top: 0px;
	}
	.site-value-title h1, div.site-value-title h1 {
		position: absolute;
		left: 20px;
		top: 200px;
		max-width: 429px;
	}
	div.navigation, .navigation {
		max-width: 215px;
		height: 180px;
		width: 100%;

	}
	.mid-navigation ul li, ul.nav-ul, ul .nav-ul, div#menu.mid-navigation.container.collapse ul.nav-ul li {
		font-size: 1.25rem;
		margin-bottom: 15px;
	/*	width: 175px; KD COMMENTED THIS OUT 20211107 */ 
		padding-right: 20px;
		font-weight: 400;
		padding-left: 20px;
	}
	.site-value-prop {padding: 20px 20px 0px 20px;}
	.site-value-title, div.site-value-title h1 {padding: 5px;} /* padding: 10px 30px; */
	.wrapper {margin: 0px 0px; padding: 0px 5px;}
	div#floatL.co-50 h3.client-titles, div#floatR.co-50 h3.client-titles {text-align: left; padding: 0px 20px 20px 0px;}
		
	.about-us-box {margin: 20px 0px 20px 0px;}
		
	#sponsors, #video {margin-bottom: 30px;}
	
	.featured-article-text {width: 58%;}
	h2 {text-align: center;}
	.top-crn-logo img {width: 40px;}
	.top-tcc-logo img {width: 80px;margin-top: 6px;}
	h6 {font-size: 7px; line-height: 1.1;}
}

@media (min-width:431px) and (max-width:558px) {
	.featured-article-text {width: 58%;}
	h2 {text-align: center;}
	.top-crn-logo img {width: 40px;}
	.top-tcc-logo img {width: 80px;margin-top: 6px;}
	h6 {font-size: 7px; line-height: 1.1;}
	.right-ad {margin-bottom: 20px;	}
}
	
	
	
@media screen and (max-width: 559px) {
	div.bottom-header-bar.container {
        max-width: 490px !important;
        width: 100%;
        display: inline-block;
        height: 100%;
        overflow: hidden;
    }
	.co-25 {
        width: 100%;
		min-height: 40px;
        height: 100%;
		margin-right: 10px;
    }
	.sponsor-text {
        max-width: 450px;
        width: 100%;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }
	.sponsor-text p {
        font-size: .75rem;
        text-align: center;
		padding: 0px 0px;
		margin: 0 auto;
    }
	
	.microsoft-logo, .opentext-logo, .sponsor-logo, .first-client-logo, .second-client-logo, .third-client-logo  {   
		width: 100%;
        padding: 0px 0px;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
	}
	 .microsoft-logo img, .first-client-logo img {
        margin: 0px 0px;
        float: none;
        width: 150px;
        margin: 5px 0px;
    }
	.opentext-logo img, .second-client-logo img {
        width: 200px;
        margin: 0px 0px;
        float: none;
    }
	.sponsor-logo img, .third-client-logo img {
        width: 150px;
        margin: 0px 0px;
        float: none;
    }
	
	.client-titles h3, h3.client-titles {
        font-size: 1.5rem;
        text-align: center;
    }
	
	div#floatL.co-50 h3.client-titles, div#floatR.co-50 h3.client-titles {text-align: left;        padding: 0px 20px 20px 0px;}
	
	.partner-ready-container {
        margin-left: 0px;
        margin-top: 15px;
        display: inline-block;
        width: 100%;
		margin-bottom: 30px;
    }
	.article-title {font-size: 2.5rem; }
	
	h4 {
		font-family: inherit;
        font-size: .80rem;
		font-weight: bold;
		/* text-align: center; */
	}

	.assist-text-1 {font-size: 1.0rem;	}

	
	.nav {background-color: #003049;}

	button.nav-link {
		background-color: transparent;
		color: #cccccc;
		border-top-left-radius: 10%;
		border-top-right-radius: 10%;
		border: none;
	}

	button.nav-link.active {
		background-color: #003049;
		color: #FFFFFF;
		text-decoration: underline;
		border: none;
	}


	.nav-link.disabled {
		color: #777777;
		cursor: auto;
		background-color: transparent;
	}
	
	#long-site-name {margin-top: 150px;}
	
	h4.article-title {font-size: 1.0rem; margin: 0px 0px; padding: 0px 0px;}
	h5.box-title.article-title {font-size: 1.15rem;}
    .ft-image {
        width: 35%;
        margin: 0px 2% 2px 2%;
        position: relative;
        padding: 2%;
        border: 0;
    }
	.ft-copy {min-height: 140px;}
	.article-text {
		padding-bottom: 5px;
		max-width: 940px;
		width: 100%;
		min-height: 150px;
		height: auto;
	}
		.featured-asset-social {margin-top: 5px;}
		p.social {
		font-weight: 400;
		font-size: .80rem;
	}
	
	#sponsorSection {margin-top: 5px;}
	.featured-asset {margin: 0 auto;}
	.featured-asset-social {margin-top: 5px;}
	
	#mobile-center {margin: 10px auto;}
	div#box-L1m, div#box-C1m, div#box-R1m, div#box-L2m, div#box-C2m, div#box-R2m {height: 100px; width: 150px; margin-right: 0px;}
	
	
	div.article {height: 180px; overflow:hidden;}
	div.article-image {float: left; width: 45%; height: auto; }
	div.article-image img {width: 100%; margin: 0px 0px;}
	div.article-text {min-height: 200px; float: right; width: 55%;}
	h4.article-title {font-size: 1.15rem;}
	h3.client-titles {font-size: 1.25rem; }
	.article-summary {font-size: 1rem; font-weight: 300;}

	.carouselBtnPB, .carouselBtnNB   {top: 55%}
	div.under-writer-image {
		width: 45%;
		float: left;
		vertical-align: top;
		margin-top: 20px;
		margin-right: 20px;
		}
	div.aboutcrntv-image {
		width: 45%;
		float: left;
		vertical-align: top;
		margin-top: 20px;
		margin-right: 20px;
	}
    #About {margin-top: 0px;}
	.about-us-box {margin: 20px 0px 20px 0px;}
	
	.top-tcc-logo {
		float: none;
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.ft-text {
		border: 1px solid #b2b2b2;
		background-color: #F2F2F2;
		padding: 9px;
		margin-right: 90px;
		width: 100%;
	}
	.ft-copy {font-size: .90rem;}
		
}
	.underwriter-text {font-size: .80rem;}


#tcc-logo {max-width: 200px; width: 100%;}

.hideMe {display: none; visibility: hidden;}
.showMe {display: block; visibility: visible;}



@media screen and (max-width: 560px) {
	.nav-link::after { content: ' >  ';}
	.nav-link.disabled::after { content: ' ';}
	.right-ad {margin-bottom: 20px;	}
}


.tmsads {    
	text-align: center;
    margin: 0 auto;
    padding-bottom: 15px; }