/*IMAGES NEED TO BE SET MAX WIDTH SO THEY FIT IN CONTAINERS*/
.column_three img{max-width:100%;}

/*PAGINATOR STYLES*/
.saving-bay-list table.paginator td.pg-curr, .saving-bay-list table.paginator td a, .saving-bay-list table.paginator td.pg-items{color:#fff;}
table.paginator{margin:25px auto 25px;}
table.paginator td.pg-curr, table.paginator td.pg-page,table.paginator td.pg-next{padding: 0 5px;}
table.paginator td.pg-items{padding:0 20px 0;}

/*FANCY SELECT OVERRIDES*/
div.fancy-select div.trigger{padding-right:40px;}
div.fancy-select ul.options.overflowing, div.fancy-select ul.options.overflowing.open{top: 40px;bottom: initial;}
div.fancy-select ul.options li{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}

/*every third box starting at one should have no margin so fit in row*/
@media(min-width:1025px){.column_three .column__item:nth-child(3n-2){margin-left:0;}}
@media(max-width:765px){.column_three .column__item{height:auto}}

/*Bottom promo, making background image so can match height*/
.bottom-section{padding:60px 0;}
.bottom-section .col-8.left{background-size:cover;padding:0;}
/* .bottom-section .image-box{position: static;margin:0;} */
/* .bottom-section .image-box__image{display: none} */
@media screen and (max-width: 765px){
  .bottom-section .col-8.left{background-image:none !important;margin-bottom:20px;}
  .bottom-section .image-box__image{display: block;}
  main.internal {padding: 0 0 50px;}
}

/*Two-Columns in {body}*/
.left-col-15 {float:left;width:15%;}
.right-col-85 {float:right;width:83%;margin-left:2%;}

.col-group:after {content:"";display: table;clear: both;}
@media screen and (max-width: 480px) {.left-col, .right-col {float:none;width:auto;margin:auto;}}


/*EMBEDDED VIDEO ON INTERNAL PAGES*/
.video_embed {padding-bottom:56.25%;display: block;position:relative;}
.video_embed iframe{position:absolute;width:100%;height:100%;top:0;left:0;border:0 none;overflow:hidden;}
.video_embed.fb-square {width:500px;height:500px;}
.video_embed.fb-vert {width:367px;height:576px;}

@media only screen and (max-width: 768px) {
  .video_embed.fb-square {width: 100%;}
}
@media only screen and (max-width: 650px) {
  .video_embed.fb-vert {width: 100%;}
}



/*embedded iframes on internal pages*/
.iframe_embed {padding-bottom:56.25%;display: block;position:relative;}
.iframe_embed iframe{position:absolute;width: 100%;height:100%;top:0;left:0;border:0 none;}

/*ADDING bottom padding to main on internal templates as box shadow looks strange when no carousel selected*/
main.internal {padding-bottom: 50px;}

/*Caption fix to make sure it fills the bottom of image*/
.caption{left:0;right:0;}

/*for smaller caption icons*/
.lp-credit.toggle_video, .lp-credit.toggle_caption {width: 21px;height: 21px;padding-top: 4px;padding-bottom: 4px;}

/*Need to replicate styles for carousel used inside container divs*/
.carousel-wrap .carousel-internal{padding-left:100px;padding-right:100px;}

/*spacing & font size fixes for What You Can Do carousels */
#default-web.landing_page .carousel-wrap {padding-top:0!important;}
#default-web.landing_page .carousel-wrap .container {padding-top:25px;min-height:500px;}
#default-web.landing_page .no-bg .timing {font-size: 1em;font-weight:normal;}
#default-web.landing_page .carousel-wrap h2.title-heading {font-size:1.275em;font-weight:500;}
.saving-bay-list .container {padding-bottom:50px;}

/*Make parent div for images not stretch 100% so photos are not pixelated*/
.image-box.image-size{display: 	inline-block;}

/*Event Display templates*/
.event-text {font-size: 1em; margin:0 0 10px;}
.event-text h3, .event-text p {margin-top:0;}
.eventCta {margin:30px 0;}
.eventCta .btn {margin-right:50px;}
.sponsor-title {font-size: 1em;}
.sponsor {width: 185px; margin-left: 20px;padding-bottom:25px;}

/*Event list on HP*/
.reg_deadline {
  font-size: .8em;
  color: #666666;
  display: block;
}

/*Remove extra spacing in Event & News lists on HP*/
.post-block .hp-display .title-heading, .post-block .hp-display .categories {
  margin-bottom: 0;
}

/*IMAGE display template*/
.img-block{position: relative;display: inline-block;}

/*Fix for location pages internal carousel*/
.location .latest-content > .container{padding:66px;}
.location .latest-content .carousel-wrap .carousel-internal{padding-left:82px;padding-right:82px;}
.location .latest-content .container .flex-direction-nav .flex-prev{left:0}
.location .latest-content .container .flex-direction-nav .flex-next{right:0;}

/*Promo boxes for single display template*/
.promo-box.single-display{max-width:300px;}
.promo-box.single-display img {max-width:100%;}

/*multimedia landing page filter*/
.col-3.mm-filter {width: 20%;}

/*multimedia content types*/
.post-info .mm_info {color:#666666;font-size:.9em;font-weight: bold;}
.post-info .mm_info.mm_source{margin-left:15px;}

/*change multimedia icon location for non-blog templates*/
.media-type {display: inline-block;vertical-align: top;margin-top: 10px}

/*white text for sidebars*/
.white {color: #fff!important;}
a.white {text-decoration: none!important;}
a.white:hover {text-decoration: underline!important;}

/*font-weight normal for headings*/
.heading-norm {font-weight: normal;}

/* Back to Top anchor link with top border */
.back_to_top_hr {font-size: 80%; text-align: right; margin:50px 0 25px 0; border-top: 1px solid #ccc;}

/*publication cover images & description for vertical lists*/
.lists__item .image-box.pubcover {width:150px;height:194px;}
.lists__item .image-box.pubcover img {max-width:150px;}

/*spacing between titles & dates for publication vertical lists*/
.post-content.publications h2, .post-content.multimed-list h2, .post-content.news-list h2 {margin-bottom: 5px;}
.post-content.publications h5, .post-content.multimed-list h5, .post-content.news-list h5 {margin: 0 0 10px;}

/*Photo of the Week form*/
.sahre-comments.potw-form .form__label.wide-label {width: 60%;}

/*multimedia thumbnail images & description for vertical lists
.lists__item .image-box.multimed-thumb {margin-right:25px;}
.post-block.multimed-list {width:65%;}*/

/*podcast thumbnail images & description for vertical lists*/
.lists__item .image-box.podcast-thumb {width:200px;height:auto/*200px*/;}
.lists__item .image-box.podcast-thumb img {max-width:200px;}

/*Facebook & Twitter shares for Podcasts & Videos*/
.pod-vid_share {margin-top:35px;}
.facebook-button {float: left; margin: 0 1em 1em 1em;}
.twitter-button {float: left; margin: 0 1em 1em 1em;}	

/*Podcast & Video Transcript Links*/
.transcript {margin-top: 0;font-size: 90%;}

/*bids & proposals list*/
.lists-wrap.bids_proposals {padding-top:0;}
.lists-wrap.bids_proposals .post-block {float: none; width: 100%;}	

/*job opportunity featured job list*/
.lists.featured-job {border:1px solid #cccccc;background:#f2f3f4;margin-bottom:75px;}
.lists.featured-job .post-block {margin-left:5px;width:90%;}
.lists.featured-job .job-content {margin-left:25px;}
.lists .post-block.jobs-list {width:90%;}

/*promo boxes for gray & blue sidebar template*/
.promo-box.sidebar-gray, 
.promo-box.sidebar-gray-lists {background-color:#f2f3f4;color:#333;font-size:85%!important;padding:20px 20px 2px;}

.promo-box.sidebar-gray .read-more,
.promo-box.sidebar-gray h3,	
.promo-box.sidebar-gray a {color: #00759f;}
.promo-box.sidebar-gray .read-more::after, 
.promo-box.sidebar-gray-lists .read-more::after {border-left: 5px solid #00759f;top:2px;}

.promo-box.sidebar-blue {background-color:#1f85a8;color:white;font-size:85%!important;padding:20px 20px 2px;}
.promo-box.sidebar-blue .post-info .mm_info,
.promo-box.sidebar-blue .read-more,
.promo-box.sidebar-blue h2,
.promo-box.sidebar-blue h3,
.promo-box.sidebar-blue p,
.promo-box.sidebar-blue li,	
.promo-box.sidebar-blue a {color: white;}
.promo-box.sidebar-blue .read-more::after {border-left: 5px solid white;top:2px;}

.sidebar-gray a:hover, .sidebar-blue a:hover {text-decoration: none;}
.sidebar-gray .read-more:hover, .sidebar-blue .read-more:hover {text-decoration: underline;}


.sidebar-gray h2, .sidebar-blue h2, .sidebar-gray h3, .sidebar-blue h3, .sidebar-gray-lists h3, .sidebar-gray h4, .sidebar-blue h4, .sidebar-gray-lists h4  {
  margin-top: 0;
  margin-bottom: 10px;	
  font-family: "franklin-gothic-urw-cond",sans-serif;
  text-decoration: none; }

.sidebar-gray h2, .sidebar-blue h2, .sidebar-gray-lists h2 {font-size: 1.75em;}
.sidebar-gray h3, .sidebar-blue h3, .sidebar-gray-lists h3 {font-size: 1.375em;}
.sidebar-gray h4, .sidebar-blue h4, .sidebar-gray-lists h4 {font-size: 1.275em;}

.sidebar-gray h4 a, .sidebar-blue a {text-decoration: none;}
.sidebar-gray h4 a:hover, .sidebar-blue a:hover {text-decoration: underline;}

.sidebar-gray ul, .sidebar-blue ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
  list-style: none; }

.sidebar-gray ul > li, .sidebar-blue ul > li {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 1em;
  line-height: 1.3;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 400; }
	
.sidebar-blue ul > li {background: url("images/bullet-white.png") no-repeat 0 7px;}
.sidebar-gray ul > li {background: url("images/bullet.png") no-repeat 0 7px;}
.sidebar-gray-lists ul > li {background:none;}

/*news list plus sidebar template*/
.sidebar-gray-lists h3 {font-size: 1.3em;}
.sidebar-gray-lists h4 {font-size: 1.25em;}
.lists-wrap.sidebar-list-plus {padding-top:0;margin:0 0 10px;}

.lists__item .image-box.sidebar-list-plus {width:100%;height:100%;float: none;margin: 0 0 5px;}
.lists__item .image-box.sidebar-list-plus img {max-width:100%}
.lists__item.inthe {padding-top:10;}
.lists__item.inthe .post-content.sidebar-list-plus h5 {margin:0;}

.post-block.sidebar-list-plus {float: none;width: 100%;}
.post-content.sidebar-list-plus h4, .post-content.sidebar-list-plus h5, .post-content.sidebar-list-plus p.body-text {margin: 0 0 5px;}

.in-the-news ul.bullets > li {margin-bottom:3px;padding-left:0;font-size:1em; background: 0;}
.in-the-news ul.bullets {margin-top:0;}

.promo-box.sidebar-blue .lists-wrap.sidebar-list-plus ul {list-style-type:none;}

/*news default vertical list template*/
.post-block.vertlists {width: 95%;}


/*bulleted lists of instructions with screenshot images*/
 .instructions-ss li img {margin: 1rem 0 1rem 3rem; border: 1px solid #eee;}
 .instructions-ss li { margin-bottom: 20px; }



/*Landing Page box colors*/
.column__item.box-blue:hover {border-color: #003A4F;}
.column__item.box-blue:hover .title-heading, 
.column__item.box-blue:hover .read-more, 
.column__item.box-blue:hover .column__heading {color: #003A4F;}
.column__item.box-blue:hover .read-more:after {border-left: 5px solid #003A4F;}

.column__item.box-green:hover {border-color: #3f9745;}
.column__item.box-green:hover .title-heading, 
.column__item.box-green:hover .read-more, 
.column__item.box-green:hover .column__heading {color: #3f9745;}
.column__item.box-green:hover .read-more:after {border-left: 5px solid #3f9745;}

.column__item.box-yellow:hover {border-color: #f6be00;}
.column__item.box-yellow:hover .title-heading, 
.column__item.box-yellow:hover .read-more, 
.column__item.box-yellow:hover .column__heading {color: #f6be00;}
.column__item.box-yellow:hover .read-more:after {border-left: 5px solid #f6be00;}

.column__item.box-red:hover {border-color: #cf2127;}
.column__item.box-red:hover .title-heading, 
.column__item.box-red:hover .read-more, 
.column__item.box-red:hover .column__heading {color: #cf2127;}
.column__item.box-red:hover .read-more:after {border-left: 5px solid #cf2127;}



/*Location CT landing pages */
.loc-land.body-text, .loc-land.intro {color: #fff!important;}
.loc-land.body-text a, .loc-land.intro a {color: #fff!important;}
.loc-land.body-text a:hover, .loc-land.intro a:hover {color: #fff!important;}
.loc-land.body-text h1, .loc-land.body-text h2, .loc-land.body-text h3, .loc-land.body-text h4, .loc-land.body-text h5, .loc-land.body-text h6 {color: #fff;!important;}

.loc-land.body-text .btn-blue, .loc-land.intro .btn-blue {background-color: #0f5e82; }
.loc-land.body-text .btn-blue:after, .loc-land.intro .btn-blue:after {border-left: 15px solid #0f5e82;}
.loc-land.body-text .btn-blue:hover, .loc-land.body-text .btn-blue:focus, .loc-land.body-text .btn-blue:active, .loc-land.intro .btn-blue:hover, .loc-land.intro .btn-blue:focus, .loc-land.intro .btn-blue:active {background-color: #1f85a8;}
.loc-land.body-text .btn-blue:hover:after, .loc-land.body-text .btn-blue:focus:after, .loc-land.body-text .btn-blue:active:after, .loc-land.intro .btn-blue:hover:after, .loc-land.intro .btn-blue:focus:after, .loc-land.intro .btn-blue:active:after {border-left: 15px solid #1f85a8;}

.save-bay.loc-land {margin-bottom:0!important;padding-bottom:50px;}

/*more indent margin*/
ul.bullets-list > li {
	margin-bottom: 10px;
	padding-left: 25px;
	color: #333333;
	font-size: 1em;
	line-height: 1.3;
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight: 400;
	background: url("images/bullet-list.png") no-repeat 0 10px;
}

/*less indent margin*/
ul.bullets > li {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 15px;
	color: #333333;
	font-size: 1em;
	line-height: 1.3;
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight: 400;
	background: url("images/bullet.png") no-repeat 0 10px ; 
}

/*bottom margin*/
ul.bullets-spacer > li {
	margin-bottom: 10px;
}


/*blog styles*/
.banner-block.blogbanner .container {min-height: 250px;}
@media screen and (min-width: 765px) and (max-width: 1025px) {
    .banner-block.blogbanner .container {min-height: 157px;}
    .banner-block {margin-left: 0;}}
@media screen and (min-width: 300px) and (max-width: 765px) {
    .banner-block.blogbanner .container {min-height: auto;}}

.disclaimer {font-size:80%;margin:25px 0;}
.disclaimer h3, .disclaimer h4, .disclaimer p {margin:0;}
.rss-subscribe .element-title {font-size: 1.2em;}
.rss-subscribe .element-title a {text-decoration: none;}
.rss-subscribe .element-title a:hover {text-decoration: underline;}

.blog-issue-categories .element-title, .recent-blog-posts .element-title {margin-bottom:0;}
.blog-issue-categories ul.bullets-list > li {margin-bottom:0;padding-left:15px;font-size:.9em;}
.recent-blog-posts ul.bullets > li {margin-bottom:3px;padding-left:15px;font-size:.9em; background: 0;}
.recent-blog-posts ul.bullets {margin-top:0;}
.blog-issue-categories a, .recent-blog-posts a {text-decoration: none;}
.blog-issue-categories a:hover, .recent-blog-posts a:hover {text-decoration: underline;}


/*Back to Top*/
.backtotop {text-align: right; font-size: 80%; margin: 15px 0 25px 0;}

/*Multimedia @ Top*/
.multimedia-top {margin-bottom:32px;}



.bottomborder {border-bottom: solid 1px;}








/*Full Wide with Nav template keeps {body} & {upper_left_body} together*/
@media screen and (min-width: 300px) and (max-width: 765px) {
  .aside.fullwnav {display: none;}}

/*Hide Left Nav at Tablet and Mobile viewports*/
@media screen and (min-width: 300px) and (max-width: 765px) {
  .style-guide .toggle-menu-wrap, .right-sidebar-signup-promo {display: none!important;}}

/*Hide Standard Photo Title Overlay at Tablet and Mobile viewports*/
@media screen and (min-width: 300px) and (max-width: 768px) {
  .static-caption {display: none}}


/*search box in body content styles*/
.in-body__search {text-align:center!important;/*width:35%;*/max-width:420px;margin:0 auto;z-index: 100; }
.in-body__form-row {border: 1px solid #cccccc; }

.in-body__input-search {
  width: 100%;
  height: 28px;
  border: 0 none;
  /*cursor: pointer;
  text-align: center;*/
  padding-left: 15px;
  padding-right: 45px;
  color: #7f7f7f;
  font-size: 1em;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 400; }

.in-body__input-search:-moz-placeholder, .in-body__input-search::-moz-placeholder, .in-body__input-search:-ms-input-placeholder, .in-body__input-search::-webkit-input-placeholder { color: #7f7f7f; }

.in-body__search-btn {
  width: 31px;
  height: 28px;
  border: 0;
  padding: 0;
  border-radius: 0;
  -webkit-appearance: none;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  font-size: 1em;
  text-transform: uppercase;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  background: #cccccc;
  cursor: pointer; }
 .in-body__search-btn:hover { background-color: #a3a3a3; }

  
/*LCMS search.jsp styles*/  
.searchDisplayResults, .searchNavigation {text-align: center;}
.searchTimeStamp, .searchTeaser {display: none;}  
.searchTitle {    
  margin-top: 0;
  margin-bottom: 10px;
  color: #00759f;
  font-size: 1.5em;
  font-family: "franklin-gothic-urw-cond",sans-serif;
  font-weight: 700;
}
.searchDescription {}
  

/*Cookie Consent Strap Begin*/
.hide-cookieConsent {display: none;}   
  
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 56px;
    font-size: 18px;
    color: #FFF;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "franklin-gothic-urw",sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
  
#cookieConsent a {color: #FFF;}
#cookieConsent a:hover {color: #00759f;text-decoration: none;}  
  
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
} 
#closeCookieConsent:hover {color: #FFF;}
  
#cookieConsent a.cookieConsentOK {
    background-color: #1376a2;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {background-color: #0f5e82;}
/*Cookie Consent Strap End*/  


/*fix iPhone/Safari change phone styles*/
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


/*test image sizing styles*/
.object-fit_fill { object-fit: fill; }
.object-fit_contain { object-fit: contain; }
.object-fit_cover { object-fit: cover; }
.object-fit_none { object-fit: none; }
.object-fit_scale-down { object-fit: scale-down; }


/*SITE SPECIFIC STYLES*/



