/* 

Webroot Carbonite OpenText color info
blue #215aa8;
purple #482366;
black #000000;
gray #707c6d;
green #408740;
light green #96c93d;
mustard yellow fbb116;
dark yellow #e59123; 

buttons:
pale green #96c93d Use only with #262d2d text on #262d2d, #484c55, or #ffffff backgrounds, in email and carb.com only. 
white #ffffff; Use only with #262d2d text on #262d2d, #484c55, or #ffffff backgrounds, in email and carb.com only. 
gray #484c55; Use only with #262d2d text on #262d2d, #484c55, or #ffffff backgrounds, in email and carb.com only. 
dark yellow #e59123;  Use only with #ffffff text on #262d2d, #484c55, or #ffffff backgrounds
yellow #fbb116; Use only with #ffffff text on #262d2d, #484c55, or #ffffff backgrounds 
process black #262d2d; Use only with #ffffff text on #96c93d, or #ffffff backgrounds.


*/
body {
    margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto, Roboto Regular, "Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}


@font-face {
font-family: Roboto Regular;
	src: url('../fonts/roboto-regular.eot');
	src:url('../fonts/roboto-regular.eot#iefix') format('embedded-opentype'),
	url('../fonts/roboto-regular.woff2') format('woff2'),
	url('../fonts/roboto-regular.woff') format('woff'),
	url('../fonts/roboto-regular.ttf') format('truetype'),
	font-weight:normal;
	font-style:normal;
}


@font-face {
font-family: Roboto Bold;
	src: url('../fonts/roboto-bold.eot');
	src:url('../fonts/roboto-bold.eot#iefix') format('embedded-opentype'),
	url('../fonts/roboto-bold.woff') format('woff'),
	url('../fonts/roboto-bold.woff2') format('woff2'),
	url('../fonts/roboto-bold.ttf') format('truetype'),
	font-weight:normal;
	font-style:normal;
}



@font-face {
font-family: Roboto Medium;
	src: url('../fonts/roboto-medium.eot');
	src:url('../fonts/roboto-medium.eot#iefix') format('embedded-opentype'),
	url('../fonts/roboto-medium.woff2') format('woff2'),
	url('../fonts/roboto-medium.woff') format('woff'),
	url('../fonts/roboto-medium.ttf') format('truetype'),
	font-weight:normal;
	font-style:normal;
}


@font-face {
font-family: Roboto Light;
	src: url('../fonts/roboto-light.eot');
	src:url('../fonts/roboto-light.eot#iefix') format('embedded-opentype'),
	url('../fonts/roboto-light.woff2') format('woff2'),
	url('../fonts/roboto-light.woff') format('woff'),
	url('../fonts/roboto-light.ttf') format('truetype'),
	font-weight:normal;
	font-style:normal;
}


.search {}
.article {}
article {}
.resources {}
.blank {}

.page-homepage {}
.node-type-article {}
.node-type-static-page {}
.node-type-resources {}
.page-resources {}
.page-search {}


	/* drop down menu stuff */
	
		.dropbtn {
		  background-color: #ffffff;
		  color: #482366;
		  padding: 0px 0px;
		  margin: 0px 20px;
		  line-height: 20px;
		  font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif;
		  font-size: 18px;
		  font-weight: initial;
		  border: none;
		  cursor: pointer;	
		}
		
		.dropbtn.current {
		  background-color: #ffffff;
		  color: #482366 !important;  /* !important */
		  border-bottom: 2px solid #482366 !important; 
		  padding: 0px 0px;
		  margin: 0px 20px;
		  line-height: 20px;
		  font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif;
		  font-size: 18px;
		  font-weight: initial;
		  border: none;
		  cursor: pointer;	
		}
		.dropbtn.current:hover {border-bottom: 2px solid #215aa8; color: #215aa8;}

		.dropbtn:focus, button.dropbtn:focus, .dropbtn:hover, button.dropbtn:hover, .dropdown .dropbtn:focus, .dropdown button.dropbtn:focus, .dropdown .dropbtn:hover, .dropdown button.dropbtn:hover {
		  background-color: #ffffff; /* 0071C5; */
		  border-bottom: 2px solid #215aa8 !important;
		  color: #215aa8 !important; /* 00aeef */
		}
		
		.blue {
			background-color: #ffffff; 
			border-bottom: 2px solid #215aa8;
			color: #215aa8;
		  
		}                                    

		.dropdown {
		  position: relative;
		  display: inline-block;
		  border: none;
		}

		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f8f8f8;
		  
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		}
		
		#myDropdown.dropdown-content.show {
			border: 1px solid #707070;
			border-top: 10px solid #482366 !important;
			border-radius: 0px;
			background-color: #ffffff;
		}
	
		.dropdown-content a, #myDropdown.dropdown-content.show a {
		  color: #482366;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		}

		#myDropdown.dropdown-content.show a:hover, .dropdown-content a:hover, .dropdown-content a:focus {color: #215aa8;}
		
		

form {font-family: Roboto, Arial, sans-serif;}
.mktoForm .mktoButtonWrap.mktoMinimal .mktoButton {
    background: #ffffff;
    border: 1px solid #215aa8;
    border-radius: 0px;
    color: #215aa8;
    font:  Roboto Regular, arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
    padding: 8px 0 9px;
    text-align: center;
    width: 150px;
    text-transform: uppercase;
}

.abc-checkbox {
  cursor: default;
  padding-left: 4px;
}

.abc-checkbox label {
  cursor: pointer;
  display: inline;
  vertical-align: top;
  position: relative;
  padding-left: 5px;
}

.abc-checkbox label::before {
  cursor: pointer;
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 2px;
  left: 0;
  margin-left: -1.25rem;
  border: 1px solid #ced4da;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.abc-checkbox label::after {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 2px;
  margin-left: -1.25rem;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #495057;
}

.abc-checkbox input[type="checkbox"],
.abc-checkbox input[type="radio"] {
  position: static;
  margin-left: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.abc-checkbox input[type="checkbox"]:focus + label::before,
.abc-checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.abc-checkbox input[type="checkbox"]:checked + label::after,
.abc-checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}

.abc-checkbox input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}

.abc-checkbox input[type="checkbox"]:disabled + label,
.abc-checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}

.abc-checkbox input[type="checkbox"]:disabled + label::before,
.abc-checkbox input[type="radio"]:disabled + label::before {
  background-color: #e9ecef;
  cursor: not-allowed;
}

.abc-checkbox input[type="checkbox"]:disabled + label::after,
.abc-checkbox input[type="radio"]:disabled + label::after {
  cursor: not-allowed;
}

.abc-checkbox.abc-checkbox-circle label::before {
  border-radius: 50%;
}

.abc-checkbox.checkbox-inline {
  margin-top: 0;
}

.abc-checkbox-primary input[type="checkbox"]:checked + label::before,
.abc-checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #215aa8;
  border-color: #215aa8;
}

.abc-checkbox-primary input[type="checkbox"]:checked + label::after,
.abc-checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.abc-checkbox-danger input[type="checkbox"]:checked + label::before,
.abc-checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #dc3545;
  border-color: #dc3545;
}

.abc-checkbox-danger input[type="checkbox"]:checked + label::after,
.abc-checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.abc-checkbox-info input[type="checkbox"]:checked + label::before,
.abc-checkbox-info input[type="radio"]:checked + label::before {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.abc-checkbox-info input[type="checkbox"]:checked + label::after,
.abc-checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.abc-checkbox-warning input[type="checkbox"]:checked + label::before,
.abc-checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #ffc107;
  border-color: #ffc107;
}

.abc-checkbox-warning input[type="checkbox"]:checked + label::after,
.abc-checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.abc-checkbox-success input[type="checkbox"]:checked + label::before,
.abc-checkbox-success input[type="radio"]:checked + label::before {
  background-color: #28a745;
  border-color: #28a745;
}

.abc-checkbox-success input[type="checkbox"]:checked + label::after,
.abc-checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.abc-checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #215aa8;
  border-color: #215aa8;
}

.abc-checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.abc-checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #dc3545;
  border-color: #dc3545;
}

.abc-checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.abc-checkbox-info input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.abc-checkbox-info input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.abc-checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #ffc107;
  border-color: #ffc107;
}

.abc-checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.abc-checkbox-success input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #28a745;
  border-color: #28a745;
}

.abc-checkbox-success input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.abc-radio {
  cursor: default;
  padding-left: 4px;
}

.abc-radio label {
  cursor: pointer;
  display: inline;
  vertical-align: top;
  position: relative;
  padding-left: 5px;
}

.abc-radio label::before {
  cursor: pointer;
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 2px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #ced4da;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.15s ease-in-out;
}

.abc-radio label::after {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 5px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #495057;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.abc-radio input[type="radio"] {
  position: static;
  margin-left: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.abc-radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.abc-radio input[type="radio"]:checked + label::after {
  transform: scale(1, 1);
}

.abc-radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}

.abc-radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}

.abc-radio input[type="radio"]:disabled + label::after {
  cursor: not-allowed;
}

.abc-radio.radio-inline {
  margin-top: 0;
}

.abc-radio-primary input[type="radio"] + label::after {
  background-color: #215aa8;
}

.abc-radio-primary input[type="radio"]:checked + label::before {
  border-color: #215aa8;
}

.abc-radio-primary input[type="radio"]:checked + label::after {
  background-color: #215aa8;
}

.abc-radio-danger input[type="radio"] + label::after {
  background-color: #dc3545;
}

.abc-radio-danger input[type="radio"]:checked + label::before {
  border-color: #dc3545;
}

.abc-radio-danger input[type="radio"]:checked + label::after {
  background-color: #dc3545;
}

.abc-radio-info input[type="radio"] + label::after {
  background-color: #17a2b8;
}

.abc-radio-info input[type="radio"]:checked + label::before {
  border-color: #17a2b8;
}

.abc-radio-info input[type="radio"]:checked + label::after {
  background-color: #17a2b8;
}

.abc-radio-warning input[type="radio"] + label::after {
  background-color: #ffc107;
}

.abc-radio-warning input[type="radio"]:checked + label::before {
  border-color: #ffc107;
}

.abc-radio-warning input[type="radio"]:checked + label::after {
  background-color: #ffc107;
}

.abc-radio-success input[type="radio"] + label::after {
  background-color: #28a745;
}

.abc-radio-success input[type="radio"]:checked + label::before {
  border-color: #28a745;
}

.abc-radio-success input[type="radio"]:checked + label::after {
  background-color: #28a745;
}

label .was-validated .form-check-input:invalid .abc-checkbox:before, label
.was-validated .form-check-input:invalid .abc-radio:before, label .form-check-input.is-invalid .abc-checkbox:before, label
.form-check-input.is-invalid .abc-radio:before {
  border-color: #dc3545;
}

/* Font Family */
/* Background Colors */
ul {
  padding: 0;
  font-family:  Roboto Regular, Arial, Verdana, sans-serif;
  font-size: 14px;
  list-style-type: none;
 /* margin: 0.25em 0 0.25em 1.5em;  */
      color: #5E5E5E;
}

li {
  list-style: none;
  font-family:  Roboto Regular, Arial, Verdana, sans-serif;
  font-size: 14px;
}

h1, h2, h3, h4 {
  margin: 0;
}

/**
 * Typography
 */
h1, h2, h3, h4 {
  font-family:  Roboto Regular, Arial, Verdana, sans-serif;
  font-weight: 600;
}

.main-content h3 {
    color: #482366;
    font-size: 24px;
    font-family: Roboto Light, Arial, Verdana, sans-serif;
    font-weight: 200;
}

h4.page-title {
    color: #003C71;
    font-size: 20px;
    padding: 0px 0px 20px 0px;
    margin: 0;
    font-family:  Roboto Bold, 'roboto-bold', Arial, Verdana, sans-serif;
	text-decoration: none;
}

h2.page-title, article.article header.page-header header.page-title {
	font-family: Roboto Light, Arial, sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #482366;
}

h4.main-title {
    color: #565656;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0px;
    margin: 0;
}

.link-more.text-normal {
  text-transform: none;
}

a {
  color: #482366;
}

/**
 * Grid
 */
.container {
  max-width: 1140px;
}

.containerSmall {max-width: 400px;}
.subtitle-container {max-width: 300px;}

.container-widescreen {
  max-width: 1920px;
  display: flex;
}

.main-col {
  padding-right: 0;
}

/**
 * Navigation
 */
.navbar {
  padding: 5px 0 8px;
}

.navbar-dark {
  background: #FFFFFF; 
  webkit-box-shadow: 0 4px 8px 2px #737373;
    -moz-box-shadow: 0 4px 8px 2px #737373;
    box-shadow: 0 4px 8px 2px #737373;  
}

.navbar-brand {
  color: #000000;
  font-size: 20px;
}

.nav-link {
  font-size: 20px;
  position: relative;
     padding: 0px 0px;
    margin: 0px 20px;
    line-height: 20px;
    font-family: Roboto Regular, roboto-regular, Arial, sans-serif;
    font-weight: initial;
    font-size: 18px;
}

 /*.nav-link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  background: #00aeef; 
  height: 2px;
  width: 0%;
  transform: translateY(4px);
  transition-duration: 0.3s;
  transition-timing-function: ease-out; 
}*/

a.nav-link:hover:before, a.nav-link:hover {
  width: 100%;
  color: #482366 ;  /* !important */
  border-bottom: 2px solid #482366;
}

a.nav-link .current {
  color: #482366 ;  /* !important */
  border-bottom: 2px solid #482366;
  
}

.navbar-dark .navbar-nav .nav-link {
  color: #215aa8; 
  font-weight: 600;
}

.navbar.navbar-dark .navbar-brand {
  color:#000000; 
  font-weight: 600;
}

.navbar-expand-lg .navbar-nav {
  align-items: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
 /* padding: 12px 2px;
  margin: 0 36px;
  line-height: 20px;*/
		color: #482366;
		  padding: 0px 0px;
		  margin: 0px 20px;
		  line-height: 20px;
		  font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif;
		  font-size: 18px;
		  font-weight: initial;
		  border: none;
		  cursor: pointer;	 	  
}


.navbar-expand-lg .navbar-nav .nav-link:hover:before, .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #215aa8 !important;
  border-bottom: 2px solid #215aa8 !important;
  width: 70%;
}

/* .dropbtn {
    background-color: #ffffff !important;
    color: #482366 !important;
    padding: 16px;
    font-size: 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}
*/
.dropbtn:hover, .dropbtn:focus, .dropbtn:before {
    background-color: #ffffff;
	 border-bottom: 2px solid #482366;
    color: #482366 !important;
	outline: none !important;
}

.input-search {
    color: #482366 ;
    font-size: 16px;
    line-height: 18px;
	font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif;
    text-align: center;
	height: 25px;
    font-weight: initial;
    padding: 2px 30px 3px;
    display: block;
    margin: 0;
    width: 142px;
    border: 1px solid #707070;
	border-radius: 10px;
    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
}
#myDropdown.dropdown-content.show {
    border-top: 6px solid #464d57;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
}
.dropdown-content a, #myDropdown.dropdown-content.show a {
    color: #482366;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-size: 16px;
}

.dropdown-content a:hover, #myDropdown.dropdown-content.show a:hover {
    text-decoration: underline;
}

.main-content {
    background: #ffffff;
}
.main-header {
	height: 50px;
	background-color: #EFEFEF;
}

/**
 * Header
 */
.hero-header {
  /* padding: 100px 0px 0px 0px; */
  background-image: url("https://www.cyberresiliencezone.com//sites/all/themes/cyberresiliencezone_theme/images/webroot-cyber-res-zone-hero.jpg") !important;
  background-color: #FFFFFF;
  height: 264px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
h1.hero-header-title { 
	padding: 80px 0px 10px 0px;
    font-family: Roboto Bold, roboto-bold, Arial, sans-serif !important;
}

.hero-header-title {
  color: #ffffff; 
  font-size: 36px;
  padding: 50px 20px 20px 20px;
  -webkit-box-shadow: none !important; 
	box-shadow: none !important;

}

.hero-header-title-link {
  color: #FFFFFF; 
  text-shadow: 0px 3px 8px #000000;
 font-family: Roboto Bold, roboto-bold, Arial, sans-serif !important;
}

h1.hero-header-title:hover, .hero-header-title-link:hover {
  color: #ffd500 !important; /* 00aeef; */ 
  text-decoration: none;
   font-family: Roboto Bold, roboto-bold, Arial, sans-serif !important;
}

.hero-header-subtitle {
	color: #f3f3f3;
    font-family: Roboto Bold, roboto-bold, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0px;
    text-shadow: 0px 3px 8px #000000;
    text-transform: none;
	margin: 0;
	line-height: 0;
}


.page-user-register .hero-header, .page-user-register header.hero-header.parallax-window {
	padding: 65px 0;
	background-image: url("../images/bg-hero-header-reg.jpg") no-repeat;
	background-size: cover;
	background: transparent;
}
 
div.ee-components-style-global.ee-components-view, div .ee-components-style-global .ee-components-view, .ee-components-style-global .ee-components-view, .ee-components-view, .ee-components-switcher-component, div.ee-components-switcher-component, div .ee-components-switcher-component {
	/* background-image: url("../images/bg-video-slider.png") no-repeat; 
	background-size: cover;*/
	margin-right: auto;
    max-width: 1200px;
    padding: 10px;
    height: auto;
    width: auto;
	background: transparent; 
	
   }
   
.ee-components-view-center > .ee-components-switcher > .ee-components-switcher-component {
	/*  background-image: url("../images/bg-video-slider.png") no-repeat;
	background-size: cover; */
	margin-right: auto;
    max-width: 1200px;
    padding: 10px;
    height: auto;
    width: auto;
	
}
   
/***************  * Main Header ************ */
.main-header-panel {
	border-bottom: none; 
    padding: 0px 0px;
    height: 50px;
	margin-bottom: 15px;
	background-color: #EFEFEF;

}

.main-title {
        color: #8a8a8a;
        font-family:  Roboto Regular, Arial, Verdana, sans-serif;
        font-size: 18px;
        font-weight: normal;
        padding: 0 20px;
    	margin: 0;
}

.main-content {
  background: #FFFFFF;
}

.search-main-content {
  background: #ffffff;
}

h4.main-title {
    color: #565656;
    font-family:  Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px;
    margin: 0;
}

h3.main-title {
    color: #d7d7d7;
    font-family:  Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 36px;
    font-weight: normal;
    padding: 0 20px;
    margin: 0;
}

/************ * Article *******************  */
 
 .article {
    background: #F8F8F8 !important;
    border-radius: 0px;
    margin: 20px 20px;
    padding: 20px;
	border: 1px dotted #d2d2d2; 
    border-top: 10px solid #d2d2d2 !important;	
	border-radius: 5px;
}


/* .article {
  background: #fff;
  border-radius: 0px;
  margin: 20px 20px;
  padding: 20px;
  border: 1px solid #707070;
}
 */
.article-main {
  box-shadow: 0 3px 6px #dbdada;
  border: 0;
}

.article-main-title {
	color: #482366
	font-family:  Roboto Regular Light;
	font-size: 24px;
}
.page-header {display: none;}
.page-title {
    color: #482366;
    font-size: 20px;
    padding: 0px 0px;
    margin: 0;
    font-family: Roboto Light, Arial, sans-serif;
    font-weight: 200;
}

.article-exclusive {
	font-family: Roboto Regular, Arial, Verdana, sans-serif;
	font-weight: 200;
	font-size: 1rem;
	font-style: italic;
	color: #007bff;
}

.article-title, h2.article-title {
     color: #482366;
    font-size: 24px;
    font-weight: 200;
    font-family: Roboto Light, Arial, Verdana, sans-serif;
    margin: 0 0 5px;
	
}


h3.article-subtitle p {}

header.news-list-header {
    border-bottom: 1px solid #482366;
}
	
header.news-list-header a {
	font-family: Roboto Medium, 'roboto-medium', Arial, Verdana, sans-serif;
    font-size: 16px;
    color: #482366;
	font-weight: initial;
}
.main-content h3.article-subtitle, h3.article-subtitle p  {
  color: #482366;
  font-size: 14px;
  font-weight: 400;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  margin: 0;
}


li.news-list-subheader-list-item .author {color: #482366;}

.article-header-center {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #0077b3;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.article-header-photo {
  margin-right: 18px;
}

.article-header-list {
  padding: 2px 0 15px;
  margin-top: 30px;
   border-top: 1px solid #482366; 
}

.article-header-list li:last-child:before {
  margin: 0 10px 0 5px;
}

.article-header-list-item {
	color: #565656; 
	font-size: 14px;
	display: inline-block;
	font-family: Roboto Regular, Arial, Verdana, sans-serif;
}

/*****************  * Article Preface **************** */
.article-preface {
   border-bottom: 1px solid #d7d7d7; 
  padding: 10px 0 20px;
  display: flex;
}

.article-thumbnail {
    margin-right: 25px;
    max-width: 380px; 
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.article-key-title {
  color: #555555; 
  font-size: 14px;
  text-decoration: underline;
  font-weight: 400;
  margin-bottom: 5px;
}

.article-key-item {
  color: #565656;
  font-size: 14px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  margin-bottom: 3px;
}

.article-key-item strong {
    color: #482366; 
  font-weight: 600;
}
ul.article-key-list { 
	list-style-type: none;
	  font-family: Roboto Regular, Arial, Verdana, sans-serif;
	  font-size: 14px;
	  color: #555555;
}
/************  * Article Content ********************  */

.article-content, div.article-content, .article-content p {
  padding: 20px 0px !important;
  font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif  !important; 
  font-size: 14px  !important; 
  color: #565656  !important; 
  
}
.search-article-content {
  padding: 0px 0;
}
.article-content h3 {
  margin-bottom: 10px;
}

.article-content p {
  padding: 0px 0px !important;
  color: #565656;
  font-size: 14px;
   font-family: Roboto Regular, Arial, Verdana, sans-serif; 
  line-height: 1.5;
}

.article-content p + p {
  margin-top: 14px;
}

.article-content ul, .article-content p ul {
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
    list-style-type: disc;
    color: #565656;
    margin-left: 5px;
    }
   
.article-content ul li, .article-content p ul li {
    list-style: disc;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-left: 40px;
}



ul.contentList {
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
    list-style-type: disc;
    color: #565656;
    margin-left: 5px;
    }
   
ul.contentList li.bulletedItem {
    list-style: disc;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-left: 40px;
}



/*****************  Article Video ***************** */
.article-video {
  max-width: 500px;
}

.article-video .video-js {
  width: 100%;
}

.article-video .video-js .vjs-big-play-button {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 0;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
}

.article-video .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  top: 12px;
}

/* *******************  article-preface-list ****************** */
.article-preface-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.article-preface-list-link {
  font-size: 18px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;  
  text-decoration: underline;
}

.article-preface-list-thumbnail {
  margin-right: 10px;
}

.pager {margin: 20px auto 10px auto;}

/***************  * Aside **************** */
.aside {
  padding: 20px 20px;
  border-radius: 0px ; 
  margin: 20px 20px 30px 0px ; 
 /* border: 1px solid #707070 ;
  border-top: 10px solid #484c55 ;
  background-color: #F8F8F8; */
  	border: 1px dotted #d2d2d2; 
    border-top: 10px solid #d2d2d2 !important;	
	border-radius: 5px;
}

.aside-block ~ .aside-block {
  margin-top: 0px;
}

.aside-header {
  padding: 0 0px;
}

.aside-title {
  padding: 0 0 20px;
}

.aside-block-sponsor {
  border-top: 2px solid #064B75;
  padding: 20px 0 0;
  margin-right: 20px;
}
.aside-subtitle {
  color: #707070;
  font-size: 14px;
  line-height: 1.5;
  font-family: Roboto Regular, Arial, Verdana, sans-serif; 
}

/************************  * Aside List  ******************   */
.aside-list {
  margin: 0;
  padding: 10px 20px 0;
}

.aside-list-item {
  list-style: none;
  padding: 0 0 15px 33px;
  position: relative;
}

.aside-list-item:before {
  content: '';
  background: url("../images/icon-www.png") no-repeat;
  padding: 0 33px 0 0;
  width: 22px;
  height: 22px;
  position: absolute;
  top: -2px;
  left: 0;
}

.aside-list-link {
   color: #003c71; 
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  display: block;
}

.aside-twitter a {
  color: #0860A8;
  font-family: Roboto Regular, Arial, Verdana, sans-serif; 
  font-size: 12px;
  font-weight: 600;
  padding: 0 20px 15px;
  display: block;
}

.aside-twitter a img {
  /* margin-right: 5px;
  margin-top: 20px;  */
  vertical-align: middle;
  align-content: center;
  margin: 0 auto;
  float:left; 
  
}

.aside-learning-more {
  color: #482366;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 20px;
  padding-right: 20px;
}

.aside-learning-more a {
  text-decoration: underline;
}

/********************  START FOOTER **************** */
.footer {
  padding: 25px 0;
  background-color: #FFFFFF;
   border-bottom: 100px solid #484c55;
}
 


.footer-logo {
  padding: 25px 0;
  width: 100%  !important;
  float: none !important;
}
.footer-nav {
	margin-top: 18px;
}
.footer-menu > li:first-child:before {
  content: '';
  padding: 0;
}

.footer-menu-item {
  color: #202020;
  font-size: 12px;
  font-family: Roboto Regular, Arial, sans-serif;
  display: inline-block;
}

.footer-menu-item:before {
  content: '|';
  padding: 0 5px;
}

.footer-menu-link {
  color: #202020;
  font-size: 12px;
  font-family: Roboto Regular, Arial, sans-serif;
}

.footer-menu-bottom {
  border-top: 1px solid #000;
  padding: 5px 0 0;
  margin: 5px 0 0;
}

/** **********  * footer-about  ********** */
.footer-about {
  border: 1px solid #9e9e9e;
  border-radius: 5px;
  background: #f8f8f8;
  padding: 20px 20px 5px 30px;
  max-width: 1140px;
  width: 100%;
  box-shadow: none;
}

.footer-about {
    /* border: 1px solid #9e9e9e;
    border-top: 10px solid #484c55;
    border-radius: 0px; */
    background: #f8f8f8;
    padding: 20px 20px 5px 30px;
    max-width: 1140px;
    width: 100%;
	box-shadow: none;
	box-shadow: none;
	 
	border: 1px dotted #d2d2d2; 
    border-top: 10px solid #d2d2d2 !important;	
	border-radius: 5px;
}

h3.footer-about-title, .footer-about-title {
  color: #482366;
  font-size: 24px;
    font-family: Roboto Light, Arial, Verdana, sans-serif;
  font-weight: 200;
  border-bottom: 1px solid #848484;
  padding: 0 0 5px;
}

.footer-about-content {
  color: #848484;
  font-size: 12px;
  line-height: 14px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif; 
  padding-top: 10px;
}




div.footer-about-content p {
	 color: #555555;
    font-size: 12px !important;
	line-height: 1.5  !important;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-weight: 200;
    padding: 0 0 5px;
	
}
/********************  END  FOOTER **************** */

/************************ START FORMS  *****************/
.form-main-panel {
  border-top: 2px solid #064B75;
  padding: 20px 10px;
  margin-top: 20px;
}

.form-list {
  margin-bottom: 20px;
}

.form-item-label {
  width: 120px;
}

.form-item-field {
  max-width: 250px;
  width: 100%;
  height: 32px;
}

.form-item-space {
  padding: 5px 0;
}

.checkboxes-set-title {
  font-size: 14px;
  margin-bottom: 10px;
}

.checkbox-agreement {
  padding: 20px 0;
}

.btn-submit {
  color: #064B75;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #064B75;
  border-radius: 3px;
  background: #fff;
  padding: 6px 30px;
  cursor: pointer;
  transition: 250ms ease;
}

.btn-submit:hover {
  color: #fff;
  background: #064B75;
}

/** **************  * Form Search Panel **************** */
.search-form {
  position: relative;
  font-size: 14px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  margin: 0 auto;
}

#search-form {border-bottom: 1px solid #482366; }
.search-advanced .action {
    float: left;
    clear: left;
    margin-bottom: 20px;
}
span.results-list-title a { 
	color: #482366; 
	font-family: Roboto Medium, 'roboto-regular', Arial, sans-serif; 
	font-weight: initial; 
	font-size: 16px;
}

span.results-list-title a:hover { 
	color: #215aa8; 
	font-family: Roboto Medium, 'roboto-regular', Arial, sans-serif; 
	font-weight: initial; 
	font-size: 16px;
}

.search-main-content {background: #f8f8f8; margin-top: 20px;}

.results-list-header {
    display: block;
    position: relative;
    padding: 0px 0px;
}

.input-search {
    color: #482366 ;
    font-size: 16px;
    line-height: 18px;
	font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif;
    text-align: center;
	height: 25px;
    font-weight: initial;
    padding: 2px 30px 3px;
    display: block;
    margin: 0;
    width: 142px;
    border: 1px solid #707070;
	border-radius: 10px;
    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
}

.input-search:focus {
  width: 300px;
  text-align: left;
  padding-left: 10px;
  z-index: -1;
}

.input-search:focus ~ .btn-search {
  display: block;
}

.btn-search {
  color: #5C5C5C;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 2px;
  right: 0;
  width: 25px;
  height: 100%;
  border: 0;
  cursor: pointer;
  background: transparent;
  display: none;
}

.btn-search i {
  position: relative;
  top: -2px;
  left: -2px;
}

.form-control {
  display: inline-block;
}

.form-check-label {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}

.collapsible-fieldset__legend, .collapsible .fieldset-legend, .search-advanced .criterion  {font-family: Roboto Light, 'roboto-light', Arial, sans-serif;}

div.search-main-content h2 {
	margin-top: 10px;
	font-family: Roboto Light, 'roboto-light', Arial, sans-serif;    
    font-size: 18px;
}
/************************ END FORMS  *****************/

/* ************* START SEARCH PAGE ************** */
.search .article-title, .search h2.article-title {
     color: #482366;
    font-size: 24px;
    font-weight: 200;
    font-family: Roboto Light, Arial, Verdana, sans-serif;
    margin: 0 0 5px;
	
}

.search-form {
    position: relative;
    font-size: 14px;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    border-bottom: none;
}

.search h2 {
    font-size: 20px;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    border-bottom: 1px solid #482366;
	
}

.search span.fieldset-legend a.fieldset-title {
	 font-size: 18px;
    font-family: Roboto Regular;
    color: #482366;
}
.search ol.search-results.node-results div.results-list-item span.results-list-header span.results-list-title a, .search a.username {
	color: #707c6d;
	font-family: Roboto Bold, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	
}
.search .results-list-title {
  font-weight: 600;
  text-decoration: none;
}
.search .search-results p {
    margin-top: 0;
    color: #565656;
       font-family: Roboto Regular, Arial, Verdana, sans-serif;
    font-size: 14px;
}

/* ************* END SEARCH PAGE ************** */

/* ************* START RESOURCES PAGE ************** */

.resources h4.page-title {
    color: #707c6d;
    font-size: 18px;
    padding: 20px 20px 0;
    margin: 0;
    font-family:  Roboto Light, Arial, Verdana, sans-serif;
}

/* ************* END RESOURCES PAGE ************** */

/**
 * Video Slider
 */
.video-slider {
  background: #757575 url("../images/bg-video-slider.png") no-repeat;
  background-size: cover;
  padding: 15px 25px;
  position: relative;
}

.video-slider .video-slider-title {
  color: #fff;
  font-size: 18px;
  padding: 5px 0 15px;
  margin: 0;
}

.video-slider-link {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
   font-family: Roboto Regular, Arial, Verdana, sans-serif;  
  text-align: center;
  display: block;
}

.video-slider-link:hover {
  color: #fff;
}

.video-slider-photo {
  position: relative;
  display: block;
}

.video-slider-photo:before {
  content: '\f101';
  font-size: 34px;
  font-family: VideoJS;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.video-slider-label {
  display: block;
  margin-top: 15px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  color: #fff;
  font-size: 45px;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel button.owl-dot:hover {
  background: transparent;
}

.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.owl-prev,
.owl-next {
  width: 25px;
  height: 70px;
  position: absolute;
  top: 0;
  border: 0;
}

.owl-prev {
  left: -30px;
}

.owl-next {
  right: -30px;
}

.owl-carousel .owl-stage-outer {
  z-index: 100;
}

/************  * News List **************  */
.news-list-item {
  display: flex;
  margin: 20px 0 0;
}

.news-list-col-photo img {
  margin-right: 10px;
  padding: 5px 0 0;
  max-width: 280px;
  width: 100%;
  height: auto;
  border: 1px solid #efefef;
}

.news-list-link {
  color: #003c71; 
  font-size: 14px;
  font-weight: 600;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;   
  display: block; 
  border-bottom: 1px solid #5faacf;
}

.news-list-link:hover {
  text-decoration: none;
}

.news-list-subheader-list li:last-child:before {
  content: '|';
  margin: 0 10px 0 5px;
}

.news-list-subheader-list-item {
  color: #565656;
  display: inline-block;
  font-size: 12px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif; 
}

.news-list-content p {
    color: #565656;
    font-size: 14px;
    line-height: 16px;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    margin: 5px 0;
}

.news-list-footer-list-item {
  color: #565656; 
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif; 
  display: block;
}

.news-list-footer-list-item a{
  color: #482366; 
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-family: Roboto Medium, 'roboto-medium', Arial, Verdana, sans-serif; 
  font-weight: initial;
  display: inline-block;
}

.link-more-block {
  margin-top: 20px;
}

.link-more {
  color: #707c6d;
  text-transform: uppercase;
}

.link-get-started {
  color: #03F;
  font-size: 14px;
  text-decoration: underline;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;   
}

.link-get-started:hover {
  color: #03F;
}

/** ***************  * Announce ************* */
.announce-block {
  background: #ccc url("../images/bottom.png") no-repeat;
  background-size: cover;
  padding: 20px;
}

.announce-title {
  color: #707c6d;
  font-size: 18px;
  text-align: center;
  padding: 0 0 10px;
}

.announce-link {
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 112px;
  padding: 15px;
  background: #000;
}

.announce-link:hover {
  color: #fff;
  text-decoration: none;
  opacity: .8;
}

.announce-photo {
  position: absolute;
  top: -25%;
  left: 0;
  width: 100%;
  opacity: .5;
}

.announce-label { 
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size:13px;		
  line-height: 12px;
  position: relative;
  z-index: 100;
}

/************ * Results List ************* */
.results-list {
  border-top: 2px solid #464d57;
  padding: 20px 0;
  margin-top: 30px;
}

.results-list-link {
  color: #464d57;
  font-size: 14px;
  display: block;
}

.results-list-link:hover {
  text-decoration: none;
}

.results-list-header {
  display: block;
  position: relative;
  padding: 0 0 0px 0px;
}

.results-list-counter {
  position: absolute;
  left: 0;
}

.results-list-title {
  font-weight: 600;
  text-decoration: underline;
}

.results-list-content {
  font-size: 14px;
  line-height: 16px;
  display: block;
  padding-left: 20px;
  font-family: Roboto Regular, 'roboto-regular', Arial, sans-serif;
  font-weight: initial;
}

.results-list-details {
  padding-left: 20px;
}

.results-list-details li:last-child:before {
  content: '|';
  margin: 0 10px 0 5px;
}

.results-list-details-item {
  color: #000;
  display: inline-block;
  font-size: 12px;
}

.results-list-item ~ .results-list-item {
  margin-top: 30px;
}

/*# sourceMappingURL=main.css.map */

.news-list-item {width: 100%;}
.news-list-col-photo { width: 30%;}
.news-list-col-content {width: 70%; margin-left: 10px;}


/*  New Related Content - Context carousel moved to the main content well - after the right rail   */
.relatedContent { /* KD: formerly .marketplaceFindPartners */
	display: inline-block;
    background: #f8f8f8;
    border-radius: 0px;
    margin: 0 auto;
    padding: 20px;
   /* border: 1px solid #707070;
	border-top: 10px solid #464d57; */
	border: 1px dotted #d2d2d2; 
    border-top: 10px solid #d2d2d2 !important;	
	border-radius: 5px;
	
    width: 100%;
}
.relatedContentCarousel {float: none; text-align: center; background-color: #F8F8F8;}



/*  END Related Content CAROUSEL  */


/* .aside-block .aside-block-infographic {
	border-radius: 5px !important; 
	margin: 40px 20px 30px 0px !important; 
	padding: 20px !important; 
	border: 1px solid #707070;
	
}KD moved this CSS into .aside inline
 */ 

/*********************  START VIDEO PLAYLIST IN RIGHT RAIL ***************** */

.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
    width: 100%;
    height: 0;
    border: 4px double #b7b7b7;
}


.video-js {
background-color: #fff;
}

.vjs-playlist {
     height: auto; /* KD change back when podcasts are displayed 400px; */
     overflow-y: scroll;
	 background-color: transparent;
}


.vjs-mouse.vjs-playlist .vjs-playlist-item {
    margin-bottom: 6px;
    background-color: transparent;
    padding-right: 4px;
}

.vjs-playlist .vjs-playlist-thumbnail {
    margin-right: 8px;
    width: 120px;
    height: auto;
    border: 3px double #ccc;
}

.vjs-playlist .vjs-playlist-title-container {
    margin-left: 114px;
    text-shadow: none;
    /*max-width: 300px;*/
    width: 100%;
    max-width: 150px;
}

.vjs-mouse.vjs-playlist .vjs-playlist-name {
    color: #000000;
    font-size: 11px;
	font-family: Roboto Regular, roboto-regular, Arial, sans-serif; 
    font-weight: normal;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
     font-family: Roboto Regular, Arial, Verdana, sans-serif;
}

/*********************  END VIDEO PLAYLIST IN RIGHT RAIL ***************** */
/*# sourceMappingURL=main.css.map */

.user-main-header-panel {
 border-bottom: 0px solid #fff; /* KD changed 11-18 #BCD2E8; */

}

.userpage-exclusive-content {
	border-top: 5px solid #fff; 
	border-bottom: 5px solid #fff; 

}

.bcc-logo {float: left; height: 90px; margin: 130px 0px 20px 0px; filter: drop-shadow(5px 5px 4px #000000);}

/* ********************* START MEDIA QUERIES   ******************  */


@media only screen and (max-width: 1215px) {
 .dropbtn, .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
    margin: 0 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .container {
    max-width: none;
  }
}

@media only screen and (max-width: 1060px) {
  .aside-block-infographic img {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-nav {
    padding-top: 15px;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
 .dropbtn,  .navbar-expand-lg .navbar-nav .nav-link {
    margin: 5px 0;
    padding: 5px 0;
    display: block;
    font-size: 18px;
  }
  .navbar-expand-lg .navbar-nav .nav-link:before {
    display: none;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover:before, .navbar-expand-lg .navbar-nav .nav-link:hover { 
		border-bottom: 2px solid #464d57 !important;
		width: 100%;
	}
	
  .input-search {
    width: 100%;
    transition: none;
  }
  .input-search:focus {
    width: 100%;
  }
  .search-form {
    margin: 20px 0 10px;
  }
  .containerSmall {max-width: 400px;}
  .subtitle-container {max-width: 250px;}
}

@media only screen and (max-width: 767px) {
  .main-col {
    padding-right: 35px;
  }
  .footer-about {
    max-width: none;
    margin-top: 20px;
  }
  .btn-submit {
    width: 100%;
    padding: 5px 0;
  }
  .announce-link {
    color: #000;
    display: block;
    overflow: auto;
    height: auto;
    background: transparent;
    padding: 0 0 20px;
  }
  .announce-link:hover {
    color: #000;
  }
  .announce-photo {
    position: relative;
    top: 0;
    opacity: 1;
    max-width: 75%;
  }
  .announce-label {
    display: block;
  }
  .main-col {
    padding: 0 15px;
  }
  .article {
    margin: 20px;
  }
  .aside {
    margin: 20px;
  }
  .aside-block-sponsor {
    margin-right: 0;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover:before, .navbar-expand-lg .navbar-nav .nav-link:hover { 
		border-bottom: 2px solid #464d57 !important;
		width: 100%;
	}
	.aside-twitter a img {
			/* margin-right: 5px;
			margin-top: 10px; */
			float: left;
			width: 30px;
			height: auto; 
			vertical-align: middle;
			align-content: center;
			margin: 0 auto;

		}
		.bcc-logo {float: left; height: 90px; margin:  20px 10px 20px 0px; filter: drop-shadow(5px 5px 4px #000000);}  
		
		h1.hero-header-title, .hero-header-title-link, h1.hero-header-title:hover, .hero-header-title-link:hover {
			font-size: 28px;
		}
		.hero-header-subtitle {font-size: 14px;}

			.vjs-mouse.vjs-playlist .vjs-playlist-name {color: #000000;}
			
		.containerSmall {max-width: 400px;}
		.subtitle-container {max-width: 250px;}
		
		
}

@media only screen and (max-width: 600px) {
	 .hero-header-title {
		font-size: 32px;
		padding: 10px 20px;
	  }
	.article-preface, .news-list-item {
		display: block;
		border-bottom: 1px dotted #cccccc;
	}
	.news-list-col-photo img,
	.article-thumbnail img {width: 100%;}
	.news-list-col-content {width: 100%; margin-left: 0px;}
	.news-list-col-photo { width: 100%;}
	  
	.relatedContentCarousel {float: none; border: 0;}
	.navbar-expand-lg .navbar-nav .nav-link:hover:before, .navbar-expand-lg .navbar-nav .nav-link:hover { 
		border-bottom: 2px solid #464d57 !important;
		width: 100%;
	}
	.aside-twitter a img {
		 /*margin-right: 5px;
		margin-top: 10px;  */
		vertical-align: middle;
		align-content: center;
		margin: 0 auto;
		float: left;
		width: 30px;
		height: auto;
	}
	.vjs-playlist {
		 background-color: transparent;
	}
	.bcc-logo {float: left; height: 90px; margin:  20px 10px 20px 0px; filter: drop-shadow(5px 5px 4px #000000); }

		
		h1.hero-header-title, .hero-header-title-link, h1.hero-header-title:hover, .hero-header-title-link:hover {
			font-size: 20px;
		}
		.hero-header-subtitle {font-size: 14px; line-height: 0;}	
		.vjs-mouse.vjs-playlist .vjs-playlist-name {color: #000000;}
		.containerSmall {max-width: 300px;}
		.subtitle-container {max-width: 200px; }
}

@media only screen and (max-width: 450px) {
		/* .hero-header-title {
			font-size: 32px;
			padding: 10px 20px;
		} */
		.article {margin: 10px;}
		.footer-menu-item {display: block;}
		.footer-menu-item::before {
			content: '';
			padding: 0;
		}
		.news-list-col-photo img,
		.article-thumbnail img {width: 100%;}

		.news-list-col-content {width: 100%; margin-left: 0px;}
		.news-list-col-photo { width: 100%;}
		/* .vjs-playlist {	margin-left: 0px; max-width: 500px; margin-top: 2px;} */

		.relatedContentCarousel {float: none; border: 0;}

		.navbar-expand-lg .navbar-nav .nav-link:hover:before, .navbar-expand-lg .navbar-nav .nav-link:hover { 
			border-bottom: 2px solid #482366 !important;
			width: 100%;
		}
		.aside {
		  margin: 20px 10px 30px 10px; 	
		}
		.aside-twitter a img {
			/*margin-right: 5px;
			margin-top: 10px;*/
			vertical-align: middle;
			align-content: center;
			margin: 0 auto;
			float: left;
			width: 30px;
			height: auto;
		}
		.vjs-playlist {
			background-color: transparent !important;
		}
		.relatedContent {margin: 0 auto;}
		
		.bcc-logo {float: left; height: 90px; margin:  20px 10px 20px 0px; filter: drop-shadow(5px 5px 4px #000000);}  
		
		h1.hero-header-title, .hero-header-title-link, h1.hero-header-title:hover, .hero-header-title-link:hover {
			font-size: 24px;
			font-weight: 600;
			padding: 15px 0px 10px 0px
		}
		.hero-header-subtitle {
			font-size: 20px;
			color: white;
			text-shadow: 1px 1px 10px #000000;
			line-height: 1;
			display: block;
			line-height: 0;
		}	
		.vjs-mouse.vjs-playlist .vjs-playlist-name {color: #000000;}
		.containerSmall {max-width: 200px;}	
		.subtitle-container {max-width: 200px;}
		.footer-logo {text-align: center;}
		.footer-nav {margin: 18px 25px 15px 25px;}
    
}
/* ********************* END MEDIA QUERIES   ******************  */
.sponsor-logo {
	width: auto;
    height: 50px !important;
    padding: 5px 5px;
}

.gtx-trans-icon, #gtx-trans {display: none; visibility: hidden;}
div.aside-block.aside-block-sponsor.podcast { display: none; visibility: hidden;} /* KD uncomment this when podcasts are live */
.podcast {display: none; visibility: hidden;}  /* KD uncomment this when podcasts are live Might need to remove the height: auto from .vjs-playlist on the HTML tpl PHP template */
.twitter {}
.newsletter {
	margin-top: 20px;
    padding-top: 20px;
	}
#newsletter {}

.navbar-dark .navbar-toggler {
    color: #482366 !important;
    border-color: #482366 !important;
	
}

.navbar-toggler-icon2 {
	background-image: url("hamburger-menu.png") !important;
	background-repeat: no-repeat;
	
}

.navbar-toggler:not(:disabled):not(.disabled), .navbar-toggler {
	cursor: pointer;
    background-color: #482366 !important;
	
}

.ctx-links-header {display: none; visibility: hidden;}
.ctx-module-container .ctx-content-float .ctx-link, .ctx-module-container .ctx-content-float .ctx-link-title p {font-family: Roboto Light, roboto-light, Arial, sans-serif;}

a.nav-link.current {  
	color: #482366 !important;  /* !important */
	border-bottom: 2px solid #482366 !important; 
}

#homeNav, #solutionsNav, #resourcesNav {}


label#LblgDPRConsent.mktoLabel.mktoHasWidth {
	max-width: 210px !important; 
	width: 100% !important;
	font-size: calc(8px + .25vw);
	font-weight: normal;
    margin: 0 -10px 0px -10px;
	padding: 0px 0px;
}

span.mktoButtonWrap.mktoAnimGlow { margin-left: 0px !important;}

.page-header {display: inline-block;}



h2.page-title, article.article header.page-header header.page-title {

    font-family: Roboto Light, Arial, sans-serif;

    font-size: 26px;

    font-weight: 600;

    color: #482366;

    padding: 30px 0px 5px 40px;

}