/* jan-custom.css */

/*
.greyicon {
		  background-color: #012C5F;
		  border-radius: 2px;
		  cursor: pointer;
		  display: block;
		  font-size: 16px;
		  height: 32px;
		  line-height: 32px;
		  padding: 5px 0 0 10px;
		  text-align: center;
		  width: 32px;
		  z-index: 11;
}	
*/

/* put underlines on all links when hovering, except primary menu */
a:hover, a:focus {
	text-decoration: underline !important;
}

/* start - style.css overrides */
::selection {
	background: #00498f;
	color: #EEE; 
	text-shadow: none;
}

::-moz-selection {
	background: #00498f; /* Firefox */
	color: #EEE;
	text-shadow: none;
}

::-webkit-selection {
	background: #00498f; /* Safari */
	color: #EEE;
	text-shadow: none;
}

/*------------------------------------
- COLOR primary - #337ab7
------------------------------------*/
.alert-primary {
    color: #183a57;
    background-color: #c6dcef;
    border-color: #b6d2ea;
}

.alert-primary hr {
    border-top-color: #a2c6e5;
}

.alert-primary .alert-link {
    color: #0d1f2f;
}

.badge-primary {
    color: #fff;
    background-color: #337ab7;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #275f8f;
}

.bg-primary {
    background-color: #337ab7 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #275f8f !important;
}

.border-primary {
    border-color: #337ab7 !important;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2b679b;
    border-color: #275f8f;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #275f8f;
    border-color: #245783;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.5);
}

.btn-outline-primary {
    color: #337ab7;
    background-color: transparent;
    border-color: #337ab7;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #337ab7;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.5);
}

.list-group-item-primary {
    color: #183a57;
    background-color: #b6d2ea;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #183a57;
    background-color: #a2c6e5;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #183a57;
    border-color: #183a57;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b6d2ea;
}

.table-hover .table-primary:hover {
    background-color: #a2c6e5;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #a2c6e5;
}

.text-primary {
    color: #337ab7 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #275f8f !important;
}
/*------------------------------------
 END - COLOR primary
------------------------------------*/

/*------------------------------------
- COLOR jandark - #012C5F
------------------------------------*/
.alert-jandark {
    color: #000000;
    background-color: #2f8dfc;
    border-color: #1a82fc;
}

.alert-jandark hr {
    border-top-color: #0274fb;
}

.alert-jandark .alert-link {
    color: #000000;
}

.badge-jandark {
    color: #fff;
    background-color: #012C5F;
}

.badge-jandark[href]:hover, .badge-jandark[href]:focus {
    color: #fff;
    background-color: #00142c;
}

.bg-jandark {
    background-color: #012C5F !important;
}

a.bg-jandark:hover, a.bg-jandark:focus,
button.bg-jandark:hover,
button.bg-jandark:focus {
    background-color: #00142c !important;
}

.border-jandark {
    border-color: #012C5F !important;
}

.btn-jandark {
    color: #fff;
    background-color: #012C5F;
    border-color: #012C5F;
}

.btn-jandark:hover {
    color: #fff;
    background-color: #001b3b;
    border-color: #00142c;
}

.btn-jandark:focus, .btn-jandark.focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 44, 95, 0.5);
}

.btn-jandark.disabled, .btn-jandark:disabled {
    color: #fff;
    background-color: #012C5F;
    border-color: #012C5F;
}

.btn-jandark:not(:disabled):not(.disabled):active, .btn-jandark:not(:disabled):not(.disabled).active, .show > .btn-jandark.dropdown-toggle {
    color: #fff;
    background-color: #00142c;
    border-color: #000d1d;
}

.btn-jandark:not(:disabled):not(.disabled):active:focus, .btn-jandark:not(:disabled):not(.disabled).active:focus, .show > .btn-jandark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 44, 95, 0.5);
}

.btn-outline-jandark {
    color: #012C5F;
    background-color: transparent;
    border-color: #012C5F;
}

.btn-outline-jandark:hover {
    color: #fff;
    background-color: #012C5F;
    border-color: #012C5F;
}

.btn-outline-jandark:focus, .btn-outline-jandark.focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 44, 95, 0.5);
}

.btn-outline-jandark.disabled, .btn-outline-jandark:disabled {
    color: #012C5F;
    background-color: transparent;
}

.btn-outline-jandark:not(:disabled):not(.disabled):active, .btn-outline-jandark:not(:disabled):not(.disabled).active, .show > .btn-outline-jandark.dropdown-toggle {
    color: #fff;
    background-color: #012C5F;
    border-color: #012C5F;
}

.btn-outline-jandark:not(:disabled):not(.disabled):active:focus, .btn-outline-jandark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-jandark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 44, 95, 0.5);
}

.list-group-item-jandark {
    color: #000000;
    background-color: #1a82fc;
}

.list-group-item-jandark.list-group-item-action:hover, .list-group-item-jandark.list-group-item-action:focus {
    color: #000000;
    background-color: #0274fb;
}

.list-group-item-jandark.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-jandark,
.table-jandark > th,
.table-jandark > td {
    background-color: #1a82fc;
}

.table-hover .table-jandark:hover {
    background-color: #0274fb;
}

.table-hover .table-jandark:hover > td,
.table-hover .table-jandark:hover > th {
    background-color: #0274fb;
}

.text-jandark {
    color: #012C5F !important;
}

a.text-jandark:hover, a.text-jandark:focus {
    color: #00142c !important;
}
/*------------------------------------
- END: COLOR jandark
------------------------------------*/

/* remove underlines from primary-menu */
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a { 
	color: #EEE;
	text-decoration: none !important;
}
/* end - style.css overrides */

@media( max-width: 767px ) {
  ul, ol {
    padding-left: 25px;
  }

  .container, 
  #header.full-header .container, 
  .container-fullwidth {
    width: 100% !important;
    max-width: 100%;
  }
}

.print-only {
  display: none;
  visibility: hidden;
}


.section {
  background-color: #f0f0f0;
}

.dark {
	/* HOME: background-color: #069; */
	background-color: #012C5F;
}	

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

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap {
   /* HOME: background-color: #069;*/
	background-color: #012C5F; 
}

.dark #header:not(.transparent-header), #header.dark:not(.transparent-header) {
  /* HOME: background-color: #069; */
  background-color: #012C5F;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark #header.full-header #header-wrap:not(.not-dark) #logo, #header.full-header.dark #header-wrap:not(.not-dark) #logo {
  border-right: none;
}		

.slider-caption h2 {
  font-size: 60px;
}

.bright-button {
	background-color: rgba( 208,26,32,.7 );
	padding: 40px 0;
	color:#fff;	
}
.bright-button:hover {
	background-color: rgba( 208,26,32,.9 );
	color:#fff;
	text-decoration:underline;
}


/* === Menu === */
#primary-menu > ul {
    padding-left: 0;
}

#primary-menu ul li > a {
  padding: 39px 10px;
}

#logo {
  margin-right: 0;
  padding-right: 0;
  padding-left: 0;
  display: table-cell;
  vertical-align: middle;
}

#logo img {
  height: auto;
  max-height:100px;
}

#header.full-header #logo {
  margin-right: 0px;
  padding-right: 0px;
}

#header.full-header #primary-menu ul {
    margin: 0;
    padding: 0 5px 0 0;
}

@media (min-width: 1225px) {
    #primary-menu ul li > a {
        padding: 39px 8px; 
		  /*  padding: 39px 15px; */ /* padding: 18px on scroll */
    } 
}

@media (max-width: 1000px) {
    #header.full-header #primary-menu > ul {
        padding-right: 0;
    }
}

@media (max-width: 1224px) {
	#top-search {
		margin-left: 10px; 
	}
	#side-panel-trigger {
		margin-left: 10px; 
	}
	#top-search-trigger {
		right: 7px;
	}
}


/* === header === */

.newsletter-landing #page-title {
  /*background-color: #fff;*/
}

.newsletter-landing #page-title:before {
  	background-image: url("/https/askjan.org/images/jan/grey_@2X.png");
    position: absolute; 
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    content: '';
    opacity: .6;
}

.newsletter-landing #page-title span {
  color: #333;
  font-weight: 600;
  max-width: 100%;
}

#page-title {
  /* HOME: background-color: #f0efef; */
  /* background-color: #cde3fe;*/
  background-color: #e6f6ff; 
  border-bottom: 1px solid #eee;
  padding: 50px 0;
  position: relative;
}

#page-title h1 {
  font-size: 32px;
  /* max-width:65%; */
}
#page-title span {	
   /* max-width: 65%; */	/* limit width of subtitle */
}

/* BS4 breadcrumb overrider (using BS3 style) */
.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}

@media (min-width: 757px) and (max-width: 992px) {
	
	#page-title .breadcrumb {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		margin: 15px 0 0 !important;
	}

    #logo {
        text-align: left;
    }
}
@media (min-width: 992px) {
	#page-title h1, #page-title span { max-width:65%; }
	.breadcrumb { 
    max-width: 35%;
    text-align: right; 
  }
}

@media (max-width: 992px) {
	#page-title {
	  padding-top: 8px;
	  padding-bottom: 10px;
	}
}
@media (max-width: 757px) {
	ol.breadcrumb {
	  display: none;
	}
}
@media (max-width: 360px) {
	#page-title span {
	  /* display: none; */ 
	}
}

#page-description span {
	/* font-weight: 300;*/
	font-weight: 500;
	color: #555;  /* color: #777;  */
	font-size: 19px;
}

#page-description > div > div {
	padding-top: 8px;
	padding-bottom: 22px;
	border-bottom: 1px #ccc solid;
	width: 94%;
}

.breadcrumb a {
  text-transform: capitalize;
}
.breadcrumb a.no-transform {
	text-transform: none;
}


/* === general margins & padding === */
.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.mt05 { margin-top: 0.5em; }
.mb05 { margin-bottom: 0.5em; }
.mt10 { margin-top: 1.0em; }
.mb10 { margin-bottom: 1.0em; }
.mt12 { margin-top: 1.25em; }
.mb12 { margin-bottom: 1.25em; }
.mt15 { margin-top: 1.5em; }
.mb15 { margin-bottom: 1.5em; }
.mt30 { margin-top: 3.0em; }
.mb30 { margin-bottom: 3.0em; }
.mt5px { margin-top: 5px; }
.mb5px { margin-bottom: 5px; }
.mt10px { margin-top: 10px }
.mb10px { margin-bottom: 10px; }
.mt15px { margin-top: 15px; }
.mb15px { margin-bottom: 15px; }
.mt25px { margin-top: 25px; }
.mb25px { margin-bottom: 25px; }
.mt50px { margin-top: 50px; }
.mb50px { margin-bottom: 50px; }
.mt80px { margin-top: 80px; }
.mb80px { margin-bottom: 80px; }

.ml-15px { margin-left: 15px; }
.mr-15px { margin-right: 15px; }
.ml-30px { margin-left: 30px; }
.mr-30px { margin-right: 30px; }

.ml-neg-15px { margin-left: -15px; }
.mr-neg-15px { margin-right: -15px; }

.mt-neg-15px { margin-top: -15px; }
.mb-neg-15px { margin-bottom: -15px; }


.pt0 { padding-top: 0; }
.pb0 { padding-bottom: 0; }
.pt05 { padding-top: 0.5em; }
.pb05 { padding-bottom: 0.5em; }
.pt10 { padding-top: 1.0em; }
.pb10 { padding-bottom: 1.0em; }
.pt12 { padding-top: 1.25em; }
.pb12 { padding-bottom: 1.25em; }
.pt15 { padding-top: 1.5em; }
.pb15 { padding-bottom: 1.5em; }
.pt30 { padding-top: 3.0em; }
.pb30 { padding-bottom: 3.0em; }
.pt5px { padding-top: 5px; }
.pb5px { padding-bottom: 5px; }
.pt10px { padding-top: 10px }
.pb10px { padding-bottom: 10px; }
.pt15px { padding-top: 15px; }
.pb15px { padding-bottom: 15px; }
.pt25px { padding-top: 25px; }
.pb25px { padding-bottom: 25px; }
.pt50px { padding-top: 50px; }
.pb50px { padding-bottom: 50px; }
.pt80px { padding-top: 80px; }
.pb80px { padding-bottom: 80px; }

.pl-5px { padding-left: 5px; }
.pr-5px { padding-right: 5px; }
.pl-10px { padding-left: 10px; }
.pr-10px { padding-right: 10px; }
.pl-15px { padding-left: 10px; }
.pr-15px { padding-right: 10px; }
.pl-15px { padding-left: 15px; }
.pr-15px { padding-right: 15px; }
.pl-30px { padding-left: 30px; }
.pr-30px { padding-right: 30px; }

.pt5px.cspageindex { padding-top: 5px !important; }
.pb5px.cspageindex  { padding-bottom: 5px !important; }


h3 { line-height:1.25; }

#content .feature-box p {
	line-height:1.2;
}

.viewAll {
  display: block;
  text-align:right;
}


@media screen and (max-width: 768px) {
	.viewAll {
	  display: block;
	  position:relative;
	  right: 0;
	  top: 0;	
	  float: none;
	  padding-bottom:15px;
	}	
}

#content .news-title {
	color:#000;
	line-height:1.25;
	padding-top:10px;
	text-align:center;
}

.content-wrap {
  padding: 15px 0 0 0;
  position: relative;
}

.section {
	margin: 0;
}

.mission {
	font-family: Raleway,sans-serif; 
	font-size:3.25rem; 
	line-height:4.5rem; 
	font-weight:400;
}

@media screen and (max-width: 768px) {
	.mission {	
		font-size:1.8rem; 
		line-height:2.2rem; 
	}	
}

#top-search form input {
  background-color: rgba(0, 0, 0, 0.3);
  border: 0 none;
  border-radius: 3px;
  box-shadow: none !important;
  color: #333;
  font-family: "Raleway",sans-serif;
  font-size: 32px;
  font-weight: 400;
  height: 85px;
  width: 100%;
  position: absolute;
  left: 0;
  letter-spacing: 1px;
  margin-top: 10px !important;
  outline: 0 none !important;
  padding: 10px 80px 10px 0;
  pointer-events: none;
}
#top-search form input::-moz-placeholder {
  color: #888; /* color: #555; */
  opacity: 1;
  text-transform: none;
}

@media (max-width: 1150px) {
    #top-search form input {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    #top-search form input {
        font-size: 12px;
        padding-left: 10px;
    }
}

/* 
#top-search, #top-cart, #side-panel-trigger {
  float: right;
  margin: 20px 0 0px 15px;
}
*/
@media screen and (max-width: 768px) {
    #logo {
        height: 60px;
    }

    #logo img {
        max-height: 60px;
    }

	#top-search form input {
	  padding: 10px 10px;
      height: 45px;
      width: 255px;
      left: -220px;
	}	
	#top-search, #top-cart, #side-panel-trigger {
  		margin: 20px 0 0px 15px;
	}
	#top-search-trigger, #top-search a {
		margin-top:20px;
	}
}

/* === Side Panel & nav-tree === */
/* NOT NEEDED - 
#side-panel {
	width: 330px;
}*/

#side-panel {
	z-index: 1250;
}
.body-overlay {
   z-index: 1200 !important;
}

.dark .nav-tree a {
	color:#fff;
}
.dark .nav-tree li:hover > a, .dark .nav-tree li.current > a, .dark .nav-tree li.active > a {
  color: #fff !important;
}

.nav-tree li a {
  text-transform: none;
}
.nav-tree li.sub-menu > a {
  text-transform: uppercase;
}

#side-panel .nav-tree > ul {
  padding-left: 20px;
}

#side-panel .nav-tree .mega-menu ul {
	margin-left: -15px;
}


#side-panel .nav-tree li a.submenu {
  text-transform: uppercase;
}

.dark .sidebar-widgets-wrap .widget, body.dark #side-panel .widget, body #side-panel.dark .widget {
  border-top: none;
}
#side-panel .widget {
  padding-top: 0;
}
#side-panel .side-panel-wrap {
  padding: 20px 50px 50px 20px;
}
/* #side-panel .side-panel-close-box {
	margin-right: 30px;
}*/

.dark .i-rounded:hover {
	background-color: #88a7dd;
}
.panel-close-icon {
	/* float:right; */
	color: #fff;
}
.panel-close-icon a {
	color: #fff;
}

@media (max-width: 576px) {
	/* #side-panel .side-panel-wrap {
		padding-left: 80px;
	}*/
}

/* === Parallax === */

#join-parallelex {
	 background-size: cover;
}

@media screen and (max-width: 768px) {
	#join-parallelex {
		background-size:auto;
		background-position: center;
	}	
}



.feature-box {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 0 0 0 80px;
  position: relative;
}



#primary-menu ul li > a {
  line-height: 1;
}

body #side-panel.dark {
  	/* HOME: background-color: #0a244c; */
	background-color: #012C5F; 
}



#content {
	width: 100%;
  padding-bottom: 1em;
}

/* Scroll Spy Slide Bar */
.affix {
	top: 80px;
}

.jan-sidebar {
  background-color: #fff;
  display: block;
  overflow: hidden;
  z-index: 100;
}

.jan-sidebar .nav > li > a.active:focus, 
.jan-sidebar .nav > li > a.active:hover, 
.jan-sidebar .nav > li > a.active {
  border-left: 2px solid #563d7c;
  padding-left: 18px;
}

.jan-sidebar .nav .nav {
  display: none;
  padding-bottom: 10px;
}

.jan-sidebar .nav > li > a.active + ul {
  display: block;
}

.jan-sidebar .nav > li > a {
  padding: 4px 20px;
  font-weight: 600;
  display: block; 
}

.jan-sidebar .nav .nav > li > a {
  font-size: 0.8em;
  padding-left: 30px;
}

.jan-sidebar .nav .nav > .active > a {
  border-left: 2px solid #333;
  padding-left: 28px;
}

.jan-sidebar .nav .nav > li > a:hover {
	background-color:#eee;
	text-decoration:none;
}

.jan-sidebar.affix {
  box-shadow: 0 1px 3px #777;
  padding-top: 10px;
  position: fixed;
  top: 90px;
  width: 262px;
  z-index: 1000;
}

/* styles to make jumps correct with fixed header */
/*h2::before, h3::before*/
#topPos::before {
  content: " ";
  display: block;
  height: 80px;
  margin-top: -80px;
  visibility: hidden;
}

/*.container .clearfix h2::before, .container .clearfix h3::before {
	height: 0;
	margin-top: 0;
}*/

/*.CS_Textblock_Text h2::before, .CS_Textblock_Text h3::before {
	height: 0;
	margin-top: 0;
}

.col-sm-9 h2::before, .col-sm-9 h3::before, 
.col-sm-6 h2::before, .col-sm-6 h3::before, 
.col-sm-3 h2::before, .col-sm-3 h3::before {
	height: 0;
	margin-top: 0;
}*/

h2, h3 {
	 margin: 30px 0 10px;
}

/* Fix for the Scroll Spy Jump Position */
h2.spy-jump-anchor, h3.spy-jump-anchor {
 /*margin: -80px 0 10px;
 padding-top: 80px;*/
}

.card-header h2,
.card-header h3 {
	margin: 0;
}

.card-header h2 {
	font-size: 18px;
}
.card-header h3 {
	font-size: 16px;
}

p { 
	margin-bottom: 10px; 
}


/* Ordered Lists */
ol li { 
	padding-left:5px;
 	line-height: 1.8;
}

ol {
	margin-left: 30px;
}

.tabs.tabs-alt ul.tab-nav {
    padding-left: 0;
}

.tabs.tabs-alt ul.tab-nav li a:hover {
	background-color:#eee;
}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a:hover {
	background-color:#fff;
}


/* accordion */


.acctitle a {
	display:none;
}
.acctitle:hover a, .accordion.accordion-border .acctitlec a { 
	display:inline-block;
}
.accordion.accordion-border .acctitle:hover a i, .accordion.accordion-border .acctitlec a i {
	left: auto;
	margin-left:-20px; 
}



/* === Events === */
.event .month, .event .day {
  display: block;
  font-size: 1.6rem;
  width: 100%;
  color:#fff;
}
.event .month {
  text-transform: uppercase;
}

.event .date {
  text-align: center;
  padding: 1.5rem 0;
  text-align: center;
  background-color:#00498F;
}

.event.training .date {
  background-color:#2395D3;
}
.event.webinar .date {
  background-color:#00498F;
}
.event.tradeshow .date {
  background-color:#888;
}
.event.recording .date {
  background-color:#75CCFC;
}

.oc-item {
	border: 1px solid transparent;
}

.event {
	background-color: #fff;
	border:1px solid #ddd;
	margin: 0 0;
}

.event .details {
	color:#000;
	padding:10px;
}	

.event .details .event-title {
	font-weight:bold;
}


/* === Lists === */
.event_list li, .item_list li {
  	list-style: none;
	background: url('/https/askjan.org/images/icons/widget-link.png') left top no-repeat;
    padding-left: 20px; 
	margin-top:10px;
}
.event_list li .info {
	padding-left:10px;
}
.event_list li .info .icons {
	cursor:pointer;
	text-align:right;
}
.icons i.fa {
	font-size:1.15em;
}

.flat_list {
	padding-left:0;	
}
.flat_list li {
  	list-style: none;
    padding: 3px;
    border-bottom: 1px solid #efefef;
    display: block;
    overflow: hidden;
}

  .flat_list li:hover {
    background-color: #efefef;
  }

  /*.flat_list li:nth-child(even) {
    background-color: #efefef;
  }*/

  .flat_list li.pub-item.has-icons > a {
    display: inline-block;
    width: 66%;
  }

  .flat_list li.pub-item.has-icons > .icons {
    display: inline-block;
    text-align: right;
  }

  @media (max-width: 767px) {
    .flat_list li.pub-item.has-icons > a {
      width: 66%;
    }

    .flat_list li.pub-item.has-icons > .icons {
      font-size: 1.8em;
      width: 33%;
    }
  }

.basic_list li {
  	list-style: none;
	margin-top:10px;
}
.basic_list i {
	padding-right: 6px;
}



/* === vertical side tabs === */
.side-tabs ul.tab-nav li a {
  color: #00498f;
  height: auto;
  line-height: 1.2em;
  padding: 15px;
}

.side-tabs .pubtype {
	font-size: 11px;
	color:#333;
	text-transform: uppercase;
	line-height: 11px;
	padding-top:5px;
}

div.tabs.side-tabs ul.tab-nav li a {
  height: auto !important;
}

div.tabs.side-tabs ul.tab-nav li a {
  background-color:#eee;
}

div.tabs.side-tabs ul.tab-nav li.ui-tabs-active {
	border-right: none;
}
div.tabs.side-tabs ul.tab-nav li.ui-tabs-active a {
	border-right: none;
}

div.tabs.side-tabs ul.tab-nav li.ui-tabs-active a {
	background-color:#fff;
  	border-top: 2px solid #00498f;
  	height: auto !important;
  	line-height: 1.2em;
  	top: -1px;
}

.cta-button-row {
	text-align: center;
}
.cta-button-row a {
	margin: 20px;
}
.cta-button-row a i {
	padding-right: 6px;
}


/* .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.sticky:before,
.sticky:after {
    content: '';
    display: table;
}*/


/* === Publications === */
.jan-publications {
}

.jan-publications h3 {
	border-bottom: 1px solid;
	margin-left: 0;
}
.jan-publications h4 {
	margin-bottom: 10px;
	margin-left: 0;
}
.jan-publications .icons {
	float:right;
	cursor:pointer;
}	

.jan-pubs-header {
	margin-left: 15px !important;
}

/* fix for nested publications article gridrow indent issue */
/* #gridCol_1_2_304157_304159_304206 {
	margin-left: -15px;
	margin-right: -15px;
}*/

.readmore {
	max-height: 60vh;
    transition: max-height 0.3s ease-in-out 0s;
}

.readmore-hidden {
	padding-top: 4px;
	max-height: 3px;
    overflow: hidden;
}

/* 2025-06-17 - Updated to fix flat_list.readmore display issue */
.flat_list.readmore { 
   overflow: hidden;
}

/* 
.external-links, .related-organizations {
	overflow-y: auto;
	max-height: 60vh;
	border: 1px solid #ddd;
	padding: 5px;
}
*/

.situations-solutions .title {
	font-weight: 600;
	font-height: 1.1em;
	padding-bottom: 0;
	margin-bottom: 0;
}


/* === footer === */
.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {
    color: #eee !important;
}
.dark #copyrights {
	 /* HOME: background-color: #069; */
    /* background-color: rgba(0, 0, 0, 0.2); */
	 background-color: #1B77A8; 
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.footer-social, .footer-social .sr-only {
	 /* HOME: background-color: inherit */
	 background-color: #1B77A8;
    color: rgb(255, 255, 255);
}

/* New - 2018-07-23 */
#footer {
	border-top: none;
	margin-bottom: -40px;
}

#footer.dark {
	/* HOME: background-color: #069; */
	background-color:#2294D2; 
	color:#fff;
	z-index:200;
}

#footer.dark a {
	color:#fff;
}

.footer-copyright {
	padding: 15px;
	font-size: 12px;
	color: #555;
}

.copyrights-menu, 
.footer-odep {
  text-align: right;
}

.footer-social a {
  float: right;
}

@media (max-width: 991px) {
  .footer-first-col {
    text-align: center;
  }

  .copyrights-menu, 
  .footer-odep {
    text-align: center;
  }
	
  .footer-social {
    text-align: center;
  }

  .footer-social a {
    float: none;
    display: inline-block;
  }
}

/* === A-Z Lists === */
.typeahead-list .ta-item {
	/* border: 1px dotted #A8A8A8;
	padding: 6px;
	margin: 0 6px 6px 0;*/
}

.typeahead-list .ta-item a {
	font-size: 1.2em;
	line-height: 1.4em;
	display:block;
	height: 3em;
	max-height: 3em;
	
	/*
		height: 4.5em;
		max-height: 4.5em;
	*/
	
	overflow: hidden;
	/* border: 1px dotted #f0f0f0;;*/ 
	
	border: 1px dotted #A8A8A8;
	padding: 6px;
	margin: 0 6px 6px 0;
}
.typeahead-list .ta-item a:hover, .typeahead-list .ta-item a:focus {
	background-color:#eee;
	overflow: auto;
}

/* consultant corners overrides */
.typeahead-list.corners-archive .ta-item a {
	height: 4.5em;
	max-height: 4.5em;
} 

/* products */
#product-list.typeahead-list .ta-item a {
	border: none;
}
#product-list.typeahead-list .ta-item a:hover {
	background-color: inherit;
}

.typeahead-wrap .search-icon {
	padding: 0;
	line-height: 2.5em;
	text-align: right;
}

.typeahead-wrap label {
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: unset;
  margin-bottom: 10px;
  text-transform: none;
}

/* .typeahead-list .ta-item:nth-child(odd) {
	background-color: blue;	
}*/

/* flexbox for typeahead filters */
.typeahead-flexcontainer {
	display: flex;
	flex-direction: column;
   flex-wrap: wrap;
	/* width: 100%;*/
}

/* === ICON in input control ===  */
.inner-addon { 
    position: relative; 
}
.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


/* === vendor-products === */
.vendor-products {
	margin-left:20px
}
.vendor-products .vendorRow {
	min-height: 50px;
}
.vendor-products .vendor a {
	font-weight: 900;	
	color: #555;
}
.vendor-products .products a {
	color: #555;
}
.vendor-products .vendor a:hover, .vendor-products .products a:hover {
	text-decoration:underline !important;
}

.vendor-products div.row:nth-child(odd) {
    background: #f6f6f6;
}
.product-grid div.row {
	padding: 15px 0;
}
.product-grid div.row:nth-child(odd) {
    background: #f6f6f6;
}

/* Organizations */
.organization-grid {
  margin: 1em 0;
}



.organization-grid .organization {
  padding: 15px 0;
}

  .organization-grid .organization:nth-child(odd) {
      background: #f6f6f6;
  }

  .organization-grid .organization h2 {
    margin-top: 0;
  }

  .organization-grid .organization .row, 
  .organization-grid .organization h2 {
    padding: 0 15px;
  }

/* === AddThis Tab === */
#at-share-dock.atss-bottom {
	width: 50% !important;
	left: auto !important;
}


/* === Live Chat Tab === */
.live-chat-float {
  position: fixed;
  right: 0;
  top: 50%;
  transform: rotate(90deg);
  transform-origin: right top 0;
  z-index: 100030;
}

.live-chat-float a {
  background-color: rgba(196, 18, 48, 0.9);
  box-shadow: 0 0 1px #fff;
  color: white;
  display: inline-block;
  font-size: 1.2em;
  padding: 11px;
  text-align: center;
  text-decoration: none !important;
  width: 120px;
  height: 47px;
  transition: width 0s, height 0.1s, padding 0.1s;
  -webkit-transition: width 0s, height 0.1s, padding 0.1s; /* Safari */
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear; /* Safari and Chrome */
}

.live-chat-float a:hover {
	width: 120px;
	height: 64px;
	padding: 17px 11px 16px 11px;
}

/* AddThis Alignment fix for IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	#at4-share { padding-right: 0 !important; }
}

@media (max-width: 979px) { /* old: 500px - updated to match AddThis  */
  .live-chat-float {
    right: auto;
    bottom: 0;
    top: auto;
    transform: rotate(0deg);
	 width: 50%;
	 height: 48px;
    /* width: 100%; */
  }

  .live-chat-float a {
    width: 100%;
  }

  .live-chat-float a:hover {
	width: 100%;
	height: auto;
	padding: 11px;
  }
  
  .footer-copyright {
			margin-bottom: 50px;
	}
	
	#gotoTop {
   	bottom: 52px !important;
	}
	
}


/* === clipboard copy === */
a.clipcopy:hover i.fa {
	display:inline-block;			
}
a.clipcopy i.fa {
	display:none;			
}


/* === categorized selection list === */
option.sub {
	padding-left:10px;
}
option.sub2 {
	padding-left:20px;
}
option.sub3 {
	padding-left:30px;
}
option.sub4 {
	padding-left:40px;
}


/* === Tag cloud === */
.tagcloud-legend {
  margin-bottom: 1em; 
}

  .tagcloud-legend .legend-item {
    margin-right: 10px;
  }

    .tagcloud-legend .legend-item span {
      display: inline-block;
      width: 1em;
      height: 1em;
      margin-bottom: -2px;
    }
	 
	  /* Link Fix for IE */
	 .tagcloud-list a,
	 .tagcloud-list a:visited,
	 .tagcloud-list a:hover {
	 	color: #555;
	 }

    .tagcloud-legend .swatch-limitation, 
    .tagcloud-list .tag-limitation {
      background-color: #d1ecfb;
    }
	
    .tagcloud-legend .swatch-workrelatedfunction,
    .tagcloud-list .tag-workrelatedfunction {
      background-color: #012C5F;
      color: white;
    }
	 .tagcloud-list .tag-workrelatedfunction a,
	 .tagcloud-list .tag-workrelatedfunction a:visited,
	 .tagcloud-list .tag-workrelatedfunction a:hover {
	 	color: white;
	 }

    .tagcloud-legend .swatch-disability, 
    .tagcloud-list .tag-disability {
      background-color: #a2efe0;
      /*color: white;*/
    }

	 .tagcloud-legend .swatch-other,
		.tagcloud-list .tag-other {
			 background-color: #dedede;
		}

.tagcloud-list div {
	display:inline-block;
	border-radius: 2px;
	padding:5px;
	margin:5px 2px;
	cursor:pointer;
}
.tagcloud-list div a {
	text-decoration:none;
	  color: unset;
}
.tagcloud-list .tag-dark {
	border:1px solid #000;
	background-color: #111;
	color:#fff;
}
.tagcloud-list .tag-medium {
	border:1px solid #888;
	background-color: #999;
	color:#fff;
}
.tagcloud-list .tag-light {
	border:1px solid #ddd;
	background-color: #f0f0f0;
	color:#000;
}

body:not(.device-touch) .tagcloud-list a {
  transition: all 0.3s ease-in-out 0s;
}


/* === search results === */
#search-filter-toggle {
  display: none;
  margin: 1em 0;
}


.search-pod {
	background-color: #f0ede9;
	padding: 0 12px;
	margin: 0px 0 20px 0;
	border-radius:4px;
	border: 1px solid #f0ede9;
  display: block;
}

.search-pod h2 {
	color: #4a5458; 
	font-family: display_font,Verdana,sans-serif;
	font-size: 16px;
	font-weight:normal;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 4px solid #ccc;
	/* text-transform: uppercase; */
}

  

.search-pod form {
	padding:0;
	margin:0;
}

.search-pod .searchterm_label {
	margin-top: 10px;
	margin-bottom:0;
}

.search-pod ul {
	padding-left:10px;
}
.search-pod li.facet {
	font-weight:600;
}

.search-pod li.facet li {
	font-weight:normal;
}

.search-pod li {
	list-style: none;
}
.search-pod button {
	margin-left:10px;
}

.search-pod fieldset {
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom:10px;
}
.search-pod legend {
  border-bottom: medium none;
  font-size: 1.2em !important;
  font-weight: bold !important;
  margin-top: 15px;
  padding: 0 10px;
  text-align: left !important;
  width: auto;
}

.search-pod .expander, 
.search-pod h2 button {
  background-color: #666;
  color: #fff;
  float: right;
  height: 1.4em;
  margin-top: -1.7em;
  padding: 0;
  position: relative;
  text-align: center;
  width: 1.4em;
  font-size: 1.5em;
  line-height: 1em;
}

.search-pod h2 button {
    float: right;
    margin: -.25em 0 0 0;
    color: #333;
    background-color: #fff;
  }

.search-pod button.btn-default:focus { 
  outline: thin dotted #2294d2 !important;
  background-color:#2294d2 !important;
}

.search-pod button.fullwidth {
	width:100%; 
	margin: 0 10px 10px 0;
}	

.search-pod .facet-chbox-list {
	max-height:250px;
	height:auto;
}

.search-pod .facet-chbox-list label {
	color:#555;
	font-size:12px;
	text-transform:none;
	font-weight:normal;
	margin:0;
}

.search-pod .ghostText {
	color: #999;
	font-style: italic;
	padding-left:10px;
}

.search-pod .filterCategoryOption, 
.search-pod .filterCategoryOption label,
.search-pod .currentSearchSelection {
	text-transform: capitalize;
}

/* #search-results .indexedTreeTerms {
	text-transform: capitalize;
}*/

.pill-filter-container {
	margin: 0 -15px;
	padding: 1em 1em 0.1px 1em;
	width: 104%;
  /* margin: 1.6em 0;
  padding: 1em; 
  width: 100%; */
  background-color: #f0ede9;
  border: medium none;
  border-radius: 4px;
  display: block;
}

.pill-filter-container .nav-item.active a.nav-link {
    color: white !important;
}

.search-filterbar {
  margin: 0 0 1.6em 0;  /* 1.6em 0; */
  padding: 15px 0 8px 0;
  /* width: 100%; */
  background-color: #f0ede9;
  border: medium none;
  border-radius: 4px;
  display: block;
}

#jstree_wrapper .search-filterbar {
  width: 97%;
}

.search-filterbar form {
  font-size: 0.867em;
  padding: 0.5em 1em;
  margin:0;
}

.search-filterbar input, 
.search-filterbar select {
    margin-right: 5px;
}

#soar-form.search-filterbar input {
    margin-right: 0;
}

/*
.typeahead-wrap .search-filterbar .form-group {
	 width: 80%;
}
.typeahead-wrap .search-filterbar .typeahead {
	 width: 70%;
}
*/
.typeahead-wrap .search-filterbar .typeahead-category {
	 width: 400px;
	 max-width: 100%
}

.typeahead-wrap .search-filterbar .form-group input {
	max-width: 100%;
}

@media (max-width: 654px) {
	.typeahead-wrap .search-filterbar .form-group input {
		max-width: 90%;
	}
	.typeahead-wrap .search-filterbar .form-group select {
		max-width: 80%;
	}
}

@media (max-width: 620px) {
	.typeahead-wrap .search-filterbar .form-group input {
		max-width: 80%;
	}
	.typeahead-wrap .search-filterbar .form-group select {
		max-width: 75%;
	}
	
	/* input#jstree_search {
		max-width: 90%;
	}*/
}

@media (max-width: 576px) {
	.typeahead-wrap .search-filterbar .form-group input {
		max-width: 71%;
	}
	.typeahead-wrap .search-filterbar .form-group select {
		max-width: 71%;
	}
}

@media (max-width: 320px) {
	/* .typeahead-wrap .search-filterbar {
		max-width: 50%;
	} */
	.typeahead-wrap .search-filterbar .form-group input {
		max-width: 50%;
	}
	.typeahead-wrap .search-filterbar .form-group select {
		max-width: 50%;
	}
}

/* a-to-z jstree */
#jstree_wrapper #jstree {
    max-width: 96%;
	 min-height: 100px !important;
    overflow: auto;
    /* font: 10px Verdana, sans-serif;*/
    /* box-shadow: 0 0 5px #ccc; */
    padding: 10px;
    border-radius: 5px;
	 margin-bottom: 16px;
}
		
#jstree_wrapper #jstree_search {
	box-shadow: inset 0 0 4px ##eee; 
	/* max-width:300px; */
	margin: 0; 
	padding: 6px 12px; 
	border-radius: 4px; 
	border: 1px solid silver; 
	font-size: 1.1em;
	min-width: 300px;
}
		
#jstree_wrapper  #jstree a.jstree-anchor, #jstree_wrapper #jstree i.jstree-icon  {
	font-size: 1.2em;
	color: #00498f;
}
		
#jstree_wrapper #jstree a.jstree-search {
	color: #8b0000;
}
		
#jstree_wrapper #jstree .jstree-anchor {
    /*enable wrapping*/
    white-space : normal !important;
    /*ensure lower nodes move down*/
    height : auto !important;
    /*offset icon width*/
    padding-right : 24px;
}
		
#jstree_wrapper i.jstree_footerctrl {
	margin-right: 4px;
}
		
@media (max-width: 634px) {
	#jstree_wrapper #jstree_search {
		min-width: unset;
	}
}

@media (max-width: 540px) {
	#jstree_wrapper #jstree_search {
		width: 325px;
		min-width: unset;
	}
}
				
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	#jstree_wrapper #jstree_search {
		width: 275px;
		min-width: unset;
	}
			
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	#jstree_wrapper #jstree_search {
	    width: 235px;
		 min-width: unset;
	}
}
/*end - a-to-z jstree */

@media (max-width: 1199px) {
    .form-inline .form-group {
        margin: 5px 0;
    }
}

.modal-body .search-filterbar {
  margin: 0;
}

#search-results .search-filterbar {
    width: 90%;
}

#search-results .search-filterbar form {
    display: inline;
    height: 2em;
}

#search-results .filterSortControl {
	padding-top: 6px;
	margin-left: 12px;
}

#search-results .filterQtyControl {
   margin-left: 12px;
}

#search-results .filterGoButton {
	margin-left: 2em;
}

.form-inline .has-feedback {
    display: inline-block; 
    margin-left: 5px;
}

#search-results ul {
	padding:0;
}
#search-results li.result {
	list-style: none;
	margin-top: 20px;
}

#search-results .search-results-list .title {
	font-weight: 600;
	font-size: 18px
}
#search-results .search-results-list a:hover .title {
	text-decoration:underline;
	color:#00498f;
}
#search-results .search-results-list a .result-desc  {
	color:#000;
	text-decoration:none;
	margin:0;
	font-size: 16px	
}
#search-results .search-results-list .result-metadata {
  color: #656565;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
}
#search-results .search-results-list .result-metadata > span + span {
  border-left: 1px solid #d9d4cc;
  margin-left: 0.75em;
  padding-left: 1em;
}

/* Search Featured Results Styles */
#search-results .search-featured-results {
	border: 1px solid #ccc; /*#f0ede9*/
   border-radius: 8px;
	padding: 0.75em 1.25em 0;
	width: 90%;
	margin-bottom: 20px;
}
#search-results .search-featured-results  h4 {
	color: #4a5458; 
	margin-bottom: 10px;
}
#search-results .search-featured-results ul {
	margin-bottom: 15px;
}
#search-results .search-featured-results ul li.result {
	margin-top: 8px;
}
#search-results .search-featured-results ul li.result:first-child {
	margin-top: 0;
}
#search-results .search-featured-results .title {
	font-size: 16px;
}
#search-results .search-featured-results .result-desc {
	font-size: 14px;
	line-height: 25px;
}
#search-results .search-featured-results .result-metadata {
	font-size: 12px;
}

@media (max-width: 979px) {
	#search-results .search-filterbar {
	    padding: 0;
	}
	#search-results .search-filterbar .filterQtyControl {
	    /* not used */
	}
	#search-results .search-filterbar .filterGoButton {
		margin-left: 1em;
	}
	#search-results .search-filterbar form {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
  #search-filter-toggle {
    display: block;
  }

  .search-filter-options {
    display: none;
  }

  .search-filter-options.active {
    display: block;
  }
}

/*  Resources */
/* .pill-filter {
  display: inline-block;
  padding-bottom: 5px;
  vertical-align: middle;
}
.pill-filter li {
	line-height: 1em;
}*/

#resource-list ul {
	list-style: none;
}
/* Only disable bullets for the first level only */
#limitations-list > ul {
	list-style: none;
}
#limitations-list > ul ul {
	list-style-type: disc;
}
#limitations-list > ul ul ul {
	list-style-type: circle;
}
#limitations-list > ul ul ul ul {
	list-style-type: square;
}

#story h2 {
	margin-top:0;
}
#story h4 {
	margin: 20px 0 0 0;
}

/* Bootstrap nav tabs */
.nav-tabs {
    padding-left: 10px;
}
    
    .nav-tabs > li > a {
        border-radius: 0;
        font-weight: 800;
    }

    .nav-tabs > li.active > a, 
    .nav-tabs > li.active > a:hover, 
    .nav-tabs > li.active > a:focus {
        border-top: 2px solid #00498f;
    }


/* News letter */
.newsletter-landing #page-title {
	text-align:center;
}
.newsletter-landing #page-title h1 {
	font-size:48px;
	max-width: 100%;
}
.newsletter-landing #page-title span {
	max-width: 100%;
	font-weight:400;
}
.newsletter-landing .breadcrumb {
  background-color: transparent !important;
  font-size: 12px;
  padding-top: 40px !important;
  position: relative !important;
  width: auto !important;
  max-width: 100%;
  text-align:center;
}

.newsletter-landing h2 {
	margin-top:15px;
}
.newsletter-landing h4 {
	margin-top:10px; 
	line-height:1.2em;
}	
.newsletter-landing h4 a {
	color:auto;
}	
.newsletter-landing h4 a:hover {
	text-decoration:underline;
}	

.newsletter-landing .main-story {
	line-height:1.0em;
	font-size:1.2em;
}

.newsletter-landing ul.item_list {
	padding-left:0;
}

.newsletter-secondary-features {
  display: block;
  overflow: hidden;
  position: relative;
}

.newsletter-secondary-features .newsletter-feature {
    display: block;
}

.newsletter-secondary-features .newsletter-feature h3 {
	font-size: 18px;
}

.image-holder {
    display:inline-block;
    position: relative;
    background-image: url('/https/askjan.org/images/newsletter/staff.jpg');
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center;
    padding: 2em 0;
    width: 100%;
    height: 275px;
}
.image-holder:before {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #012C5F;
    opacity: 0.85;
}
.image-holder:hover:before {
    opacity: .4;
}
.image-holder div.title {
  color: #fff;
  font-size: 3em;
  left: 10%;
  line-height: 1em;
  position: absolute;
  text-align: center;
  top: 10%;
  z-index: 100;
  width:80%;
}

.image-holder .btn-border {
	color:#fff;
  	position: absolute;
  	text-align: center;
  	border: 2px solid #fff;
  	z-index: 100;
  	left: 15%;
  	width:70%;
  	bottom: 10%;
  	font-size: 1.5em;
  	padding:10px;
}

.image-holder:hover a.btn-border {
	background-color: #012C5F;
}
.image-holder a.btn-border:hover {
	background-color: #1B76A8;
}

@media (max-width: 991px ) {
  .image-holder {
    height: 180px;
  }

  .image-holder div.title {
    font-size: 2em;
  }

  .image-holder .btn-border {
    font-size: 1.2em;
  }

  .newsletter-landing .feature-box {
    padding-left: 60px;
  }

    .newsletter-landing .feature-box i.fa {
      font-size: 30px;
    }
}

@media (max-width: 767px) {
  .newsletter-secondary-features {
    margin-top: 1em;
  }


  .newsletter-secondary-features .newsletter-feature {
    width: 49%;
    float: left;
  }

  .newsletter-secondary-features .newsletter-feature:nth-child(even) {
    float: right;
  }
}

@media (max-width: 415px) { 
  .newsletter-landing #page-title h1 {
    font-size: 32px;
  }

  .newsletter-landing .breadcrumb {
    padding-top: 1em !important;
  }

  .newsletter-secondary-features .newsletter-feature, 
  .newsletter-secondary-features .newsletter-feature:nth-child(even) {
    float: none;
    width: 100%;
  }
}


/* feature box */
.feature-box h3:before {
	height: auto !important;
	margin: 0 !important;
}
.feature-box {
  margin-bottom: 10px;
}

/* Font Size Changing */
#textsize-txt a.active {
  text-decoration: underline !important;
}

.large-font .nav-tree li a,  
#page-title.large-font ol, 
section.large-font {
  font-size: 1.2em;
}

#page-title.large-font h1 {
  font-size: 2.5em;
}

#page-title.large-font span {
  font-size: 1.5em;
}

section.large-font h2 {
  font-size: 2em;
}

section.large-font h3 {
  font-size: 1.5em;
}

section.large-font h4 {
  font-size: 1.15em;
}

section.large-font ul.tab-nav:not(.tab-nav-lg) li a, 
section.large-font h5, 
section.large-font .btn {
  font-size:1em;
}

.larger-font .nav-tree li a,  
#page-title.larger-font ol, 
section.larger-font {
  font-size: 1.35em;
}

#page-title.larger-font h1 {
  font-size: 2.75em;
}

#page-title.larger-font span {
  font-size: 1.75em;
}

section.larger-font h2 {
  font-size: 2.25em;
}

section.larger-font h3 {
  font-size: 1.75em;
}

section.larger-font h4 {
  font-size: 1.25em;
}

section.larger-font ul.tab-nav:not(.tab-nav-lg) li a, 
section.larger-font h5, 
section.larger-font .btn {
  font-size:1em;
}

/* Calendar */
.calendar-list {

}

  .calendar-list h2 {
    text-align: center;
  }

  .calendar-list-nav {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    list-style: none;

    margin: 1.6em 0;
    padding: 15px 1em;
    width: 100%;
    background-color: #f0ede9;
    border: medium none;
    border-radius: 4px;
    display: block;
  }

    .calendar-list-nav li {
      display: inline-block;
    }

      .calendar-list-nav li a i {
        padding: 0 5px;
      }
    
    .calendar-list-prev {
      float: left;
    }

    .calendar-list-next {
      float: right;
    }

  ol.calendar-event-list {
    margin: 10px 0 20px 0;
    padding: 0;
  }

    ol.calendar-event-list li {
      display: block;
      padding: 10px 0;
      margin: 0;
      border-bottom: 1px solid #e7e7e7;
    }

    ol.calendar-event-list .calendar-event-name {
        display: block;
    }

    ol.calendar-event-list .calendar-event-time, 
    ol.calendar-event-list .calendar-event-type {
        color: #333;
    }

    ol.calendar-event-list a:hover {
        text-decoration: none;
    }

    ol.calendar-event-list a:hover .calendar-event-name {
        text-decoration: underline;
    }
	 
	 .event-detailed .event-timezone,
	 .oc-item .event-timezone {
	 	font-size: 0.9em;
		font-style: italic;
	 }
	 
	 ul.tooltip_event_details {
	 	margin-bottom: 10px;
	 }	
	
	/* label fix for calendar category filter pod */
	#eventTypeForm label {
		display: inline;
	}
	
	

/* JS Map */
.mapael .mapTooltip {
  position: absolute;
  background-color: #474c4b;
  moz-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  border-radius: 10px;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #fff;
}

/* Downloads */

.download-container {
  margin: 1.6em 0;
  padding: 1em;
  width: 100%;
  background-color: #f0ede9;
  border: medium none;
  border-radius: 4px;
  display: block;
}

/* Fix canvas button styles that overrun containers etc */
.button {
  white-space: normal;
  height: auto;
  line-height: 2em;
  padding: .5em 1em;
}
  
  .button i {
    top: 0;
  }

/* Blog and News */

.postcontent .post-timeline .entry-timeline {
  top: 0;
}

.postcontent, .sidebar {
  margin-right: 10px; /* 38px; */
}

.entry-title {
  margin-top: 1em;
}

.entry-meta {
  padding-left: 0;
  margin-bottom: 0;
}

ul.list-no-bullet {
  list-style: none;
}

.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
	display: block;
	position: relative;
	width: 75%;
	height: auto;
}

/* Paperthin Changes and Overrides */

/* PT GAC 2016-09-09: override - disable H#.span tag  */
h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
    color: inherit;
}

/* Fix top nav menu */
#primary-menu ul li > a {
	color: #EEE;
}
#primary-menu .CS_Element_Tree {
    border-right: 1px solid rgba(255,255,255,0.15);
    margin-right: 0;
    float: left;
}
/* PT GAC 2016-09-12: fix resizing of primary menu with CS element on Scroll  */
#primary-menu.fix-primary-menuItems > div > ul a {
	padding-top: 18px;
	padding-bottom: 18px;
}
#primary-menu.fix-primary-menuItems > div > ul li {
	height: 60px;
}

#primary-menu.fix-primary-menuItems .searchbox {
	height: 44px;
	font-size: 22px;
}

.add-clear-span.has-feedback {
    max-width: 450px;
}

/* Simple Forms */
.regFormSectionLabel, {
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	margin-left: 20.5%;
	white-space: normal;
	/*width: 484px;*/
	font-weight: bold;
}

.regFormSectionText {
	white-space: normal;
}

.sfResultText {

}

/* .sfDescription {
	/* font-weight: bold !important;*/
	/* padding-left: 1em !important; */
}*/


/* word doc generation styles*/
.JANReference, .3DJANReference {

}

.archive-event-name.no-events,
.upcoming-event-name.no-events,
.uc-event-name.no-events {
	padding-bottom:20px;
	font-size:16px;
}

div.full-calendar-link a:before {
	content: "\f0a9"; /* right arrow */
	font-family: 'Font Awesome\ 5 Free';
	padding-right:5px;
}


div.uc-event-item {
	position:relative;
	margin-bottom:1px;
	height:70px;
}


div.uc-event-item span.uc-event-name {
	display:block;
	top:0px;
	position: absolute;	
	font-size:22px;
	font-weight:bold;

}

div.uc-event-item span.uc-event-date {
	display:block;
	top:30px;
	position: absolute;	
}


div.uc-event-item span.uc-event-time {
	display:block;
	top:45px;
	position: absolute;	
}

/* Upcoming Events List */
div.upcoming-events-link a:before {
	content: "\f0a9"; /* right arrow */
	font-family: 'Font Awesome\ 5 Free';
	padding-right:5px;
}

div.upcoming-event-item {
	margin-bottom:4px;
}

div.upcoming-event-name {
	font-size: 18px;
	font-weight: bold;

}

div.upcoming-event-date,
div.upcoming-event-time {
	font-size: 12px;
	margin-top: 2px;	
}

div.upcoming-event-time span.event-timezone {
	font-size: 0.9em;
	font-style: italic;
}

/* Achived Events List */
div.archive-event-item {
	margin-bottom: 2px;
}

div.archive-event-name {
	font-size: 24px;
	font-weight: bold;
}

div.archive-event-time {
	font-size: 14px;
	margin-top: 2px;
}

div.archive-event-description {
	font-size: 12px;
	margin-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
}

div.archive-event-cat {
	margin-top: 6px;
	font-weight: bold;
}

div.archive-events-link a:before {
	content: "\f0a9"; /* right arrow */
	font-family: 'Font Awesome\ 5 Free';
	padding-right:5px;
}



.sitemap .CS_PgIndex_Primary_Category {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

#header-search-loading {
    margin-top: 32px;
    margin-right: 30px;
	 visibility: hidden;
	 
}
#header-search-loading.smallnav {
	margin-top: 17px;
   margin-right: 30px;
   font-size: 0.75em;
	visibility: hidden;
}

@media (max-width: 991px ) {
  #header-search-loading {
  		margin-right: 48px;
  }
}

@media (max-width: 767px) {
 	#header-search-loading {
		position: absolute;
	   top: -15px;
	   left: -8px;
		font-size: 0.65em;
  } 
}

/* Styles for management datasheets with all Columns visible for export excel */
.DataSheet-all-cols-export-scroll {
	height: 100%;
	max-width: 90vw;
	/* max-width: 1200px;*/
	overflow: auto;
	display: block;
	/* border: 1px solid light-gray;*/
}

/* ReadSpeaker Styles */
#page-readspeaker-home {

}

#readspeaker_button1 {
	z-index: 99999;
}

.myjan-dashboard-nav{
	margin-top: 5px;
}

.myjan-dashboard-nav a div {
	text-transform: initial !important;
}

/* Main Menu - Responsive */
.showMenuByRole {
	display: none;
}
.showMenuByEmpByInd {
	display: block;
}

@media (max-width: 1200px) {
	.showMenuByRole {
		display: block;
	}
	.showMenuByEmpByInd {
		display: none;
	}
}

/* Flyout Menu - Responsive */
.flyoutHideOnMobile {
	display: block;
}
.flyoutHideOnDesktop {
	display: block;
}

@media (max-width: 991px) {
	.flyoutHideOnMobile {
		display: none;
	}
}

@media (min-width: 992px) {
	.flyoutHideOnDesktop {
		display: none;
	}
}


/* BS4 modal close button override */
.modal-header .close {
	margin-top: -12px;
}


/* color contrast fix for green button */

.button-green { background-color: #2C8500; }
.button-3d.button-green:hover,
.button-reveal.button-green:hover { background-color: #2C8500 !important; }

/* added formatting for mark tag, used on product/vendor pages - Lyssa 03/25/2025 */
mark {
	display: block;
	font-size: 1rem;
	padding: 1rem;
	margin: 1rem;
}

.upcoming-events-admin-msg {
	display: none;
}