@media print {
  .donotprint{display:none;}
}

/* New Blog */
.blog-cat.itemListView.group-blog div.subCategory{
    background: transparent;
    border: 0px solid #fff;
    margin: 0px 0px 30px;
    padding: 8px;
}
.blog-cat.itemListView.group-blog div.subCategory h2 {
    text-align: center;
    margin-top: 10px;
}
.blog-cat.itemListView.group-blog div.subCategory .subCategoryMore{
    display:block;
    text-align:center;
    background: #f2b732;
    border: 1px solid #f2b732;
    padding: 10px 20px;
    color: #000;
    width: 130px;
    margin: auto;
}
.blog-cat.itemListView.group-blog div.subCategory .subCategoryMore:hover {
    background: #fff;
    color: #048ba8;
}

/* fix to scroll correctly to anchors - vjm 12/Feb/2024 */
html {
  scroll-padding-top: 105px; /* height of sticky header */
}
/** Off canvas menu **/
.astroid-offcanvas .astroid-offcanvas-inner,
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn p{padding:0;}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn {
    margin: 0;
    text-align: center;
    width: 100%;
}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn a{
  background:transparent;
  color: #000;
  padding: 15px;
  border-width:0 0 1px 0;
  border-bottom-color:#ddd;
  border-bottom-style:solid;
}

.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn a:first-of-type{
  	border-top-width:1px;
    border-top-color:#ddd;
}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn a.glink{border-width:0;}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn .gtranslate_wrapper{
  margin:30px 0;
}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn .gtranslate_wrapper a{
    background: #2e4057;
    color: #fff;
    border:4px solid #2e4057;
}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn .gtranslate_wrapper a:first-of-type{margin-right:20px;}
.astroid-offcanvas .astroid-offcanvas-inner .moduletable.member-btn .gtranslate_wrapper a.gt-current-lang{
  background:transparent;
  color:#2e4057;
}


/** BLOG PAGES **/
.moduletable.blogsubscribe{
    border: 1px solid #f1f1f1;
    padding-top: 0;
    margin-top:30px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}
.blogsubscribe h3.module-title{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding: 20px;
    background: #f2b732;
}
.blogsubscribe .moduleItemIntrotext h3,
.blogsubscribe .moduleItemIntrotext p,
.blogsubscribe .moduleItemIntrotext div.mcn-wrapper{
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
    line-height: 1.2;
}
.blogsubscribe div.k2ItemsBlock ul{
  padding:0;
}
.blogsubscribe .moduleItemIntrotext div.mcn-wrapper,
.blogsubscribe div.k2ItemsBlock ul li{margin:0;}

#k2Container.blog-cat .itemListCategory {
    background: transparent;
    border: 0px solid #ddd;
    border-radius: 0px;
    margin: 0;
    padding: 0px;
}

#k2Container.blog-cat .blog-cat-item {
    border: 1px solid #f1f1f1;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    padding: 10px;
    margin-bottom: 5%;
    display: flex;
    flex-direction: column;
    max-width:375px;
}
#k2Container.blog-cat .blog-cat-item span.catItemAuthor{
    color: #999;
    font-size: 11px;
}
#k2Container.blog-cat .blog-cat-item .catItemImageBlock{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#k2Container.blog-cat .blog-cat-item .catItemImageBlock img{display:none;}
#k2Container.blog-cat .blog-cat-item .catItemImageBlock a{
  width:100%;
  display:block;
  height:200px;
}
#k2Container.blog-cat .blog-cat-item div.catItemIntroText{padding-bottom:0;}
#k2Container.blog-cat .blog-cat-item .catItemReadMore{margin:20px 0;}
#k2Container.blog-cat .blog-cat-item .catItemReadMore a{
    background: #f2b732;
    border:1px solid #f2b732;
    padding: 10px 20px;
    color:#000;
}
#k2Container.blog-cat .blog-cat-item .catItemReadMore a:hover{
  background:#fff;
  color:#048ba8;
}
#k2Container.itemView.blog .itemImageBlock{
  width:100%;
  text-align:right;
  display: flex;
  flex-direction: column;
  position: relative;
    z-index: 1;
}
#k2Container.itemView.blog .itemImage a{
  display: flex;
  justify-content: flex-end;
}
#k2Container.itemView.blog .itemImage a img{max-width:80%;}
#k2Container.itemView.blog .itemImageBlock span{line-height:1.2;}  
#k2Container.itemView.blog .row{
  	padding-top: 170px;
    margin-top: -170px;
    position: relative;
    z-index: 0;
}
#k2Container.itemView.blog .row .col-md-9{
  border: 1px solid #aaa;
    padding-top: 170px;
    margin-top: -170px;
    position: relative;
    z-index: 0;
}
#k2Container.itemView.blog .itemAuthor .fa-user,
#k2Container.itemView.blog .itemDateCreated .fa-calendar{padding-right:8px;}
.blogsubscribe .moduleItemIntrotext div.mcn-wrapper{padding:0 !important;}
.mcn-guest-form-wrap input[type="text"] {
    min-width: 220px;
}

/** New Award Pages Layout **/
.itemListView.hso-award-page div.itemListCategory,
.itemListView.hso-award-page div.subCategory{
    background: transparent;
    border-radius: 0;
    border-width: 0;
    padding: 0;
    height:auto !important
}
.itemListView.hso-award-page div.subCategoryContainer {
    margin-bottom: 50px;
}
.itemListView.hso-award-page div.subCategory h2 {
    font-size: 1.5em;
}
.itemListView.hso-award-page h4{
  font-size:1.3em;
}
.itemListView.hso-award-page  .subCategoryMore{color:transparent;}
.itemListView.hso-award-page  .subCategoryMore:before{
  content:"Learn More...";
  text-align: center;
    padding: 8px;
    background: rgb(4, 139, 168);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 3px solid rgb(4, 139, 168);
}
.itemListView.hso-award-page  .subCategoryMore:hover:before{
  color:rgb(4, 139, 168);
  background: #fff;
}
.catItemView.groupLeading.hso-award-page{
  margin:0;
  padding:0;
}
.catItemView.groupLeading.hso-award-page div.catItemHeader h3.catItemTitle{
  font-size:22px;
}
.catItemView.groupLeading.hso-award-page div.catItemHeader h3.catItemTitle a:after{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 800; 
  content:"\f054";
}

.catItemView.groupLeading.hso-award-page div.catItemBody{padding:0;}

.itemView.hso-award-page{
  display:flex;
  flex-direction:column;
}
.itemView.hso-award-page div.itemHeader{order:2;}
.itemView.hso-award-page div.itemBody{order:3;}
.itemView.hso-award-page div.itemLinks{order:1;margin:0;}
.itemView.hso-award-page div.itemLinks .itemCategory{font-size:26px;}


.itemView.hso-award-page div.itemLinks .itemCategory span{display:none;}



/** END New Award Pages Layout **/

.newsitems.k2ItemsBlock{
  	display: flex;
    flex-direction: column;
}
.newsitems.k2ItemsBlock .moduleCustomLink{
    background: #068BA8;
    padding: 10px 20px;
    border: 1px solid #068BA8;
    color:#fff;
    width:170px;
}
.newsitems.k2ItemsBlock .moduleCustomLink:hover{
  color: #068BA8;
  background:#fff;
}

.astroid-footer-section #f1-1529739275917{
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}
.astroid-footer-section #f1-1529739275917 .moduletable{
  margin:0;
  padding:0;
}
.astroid-footer-section .customfloat-right{font-size:14px;}

/* New Story List Layout */
#k2Container.stories div#itemListLeading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#k2Container.stories div.itemContainer {
    float: left;
    width: 50% !important;
}
 
div.stories.itemListView div.catItemView.newstory{
	margin-bottom: 0px
}
div.stories.itemListView div.catItemView.newstory div.catItemHeader {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: transparent;
}
div.stories.itemListView div.catItemView.newstory div.catItemHeader h3.catItemTitle {
    font-size: 20px;
    text-align: left;
    padding: 0px;
}
div.stories.itemListView div.catItemView.newstory div.catItemHeader h3.catItemTitle a {
    color: #048ba8;
}
div.stories.itemListView div.catItemView.newstory div.catItemHeader h3.catItemTitle a:hover{
	border-bottom:1px solid #048ba8;
}
div.stories.itemListView div.catItemView.newstory div.catItemBody {
    padding: 0;
    margin: 0;
}
div.stories.itemListView div.catItemView.newstory div.catItemExtraFields{
	margin: 0;
	padding: 0;
	border-top: 0px dotted #ddd;
}
/* VIDEO CATEGORY VIEW */
#k2Container.videoList div.itemListCategory {
    background: transparent;
    border: 0px solid #ddd;
    border-radius: 0px;
    margin: 0;
    padding: 0px;
}
#k2Container.videoList div.catItemVideoBlock {
    margin: 0;
    padding: 0px;
    background-color: transparent;
    background-image:none;
}
#k2Container.videoList div.catItemHeader h3.catItemTitle{
  font-size:16px;
  line-height:1.2;
}

/* remove featured star */
div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before{display:none;}

/* vjm no link on author */
.catItemAuthor a {
  pointer-events: none;
  cursor: default;
  color:#000;
}

/* Remove "no available documents" */
#edocman-category-page-table{color:transparent;}
#edocman-category-page-table #edocman-category,
#edocman-category-page-table #table-document{
  color:#353531;
}
h1.dm_title{
  font-size:2em;
}
blockquote{
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
body.capital-chronicle-newsletter #edocman-category-page-table #table-document th.edocman-document-desc-col,
body.capital-chronicle-newsletter #edocman-category-page-table #table-document td.edocman-document-desc-col{display:none;}
td.edocman-document-title-td .clearfix{display:none;}

/** no special events **/
.mod_events_latest_data table td.mod_events_latest_noevents{color:transparent;}
.mod_events_latest_data table td.mod_events_latest_noevents:before{
   content:"";
   background:url(/images/no-events.jpg) no-repeat;
   width: 100%;
   height: 300px;
   display: block;
   background-size: contain;
}

/** footer logos **/
.moduletable.d-flex {display:block !important;}
.custom.d-flex div.align-self-end{margin-bottom:15px;}
[id^='bottom'] h3 {
	font-size:1.6em;
}

div.hso-news div.itemListCategoriesBlock{display:none;}

.n2-ss-showcase-horizontal hr{
  border-top:1px solid #fff;
}
.astroid-wrapper .astroid-header-section{
	background: rgb(248,248,248);
	background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 65%, rgba(46,64,87,1) 65%);
}
.astroid-wrapper  #astroid-sticky-header{
  background:#2e4057 !important;
}
.astroid-wrapper .astroid-header-section .astroid-nav .nav-link {
    color: #fff !important;
    padding:0.4rem 1rem;
}
.slogan{
  	font-style:italic;
  	font-size: 20px;
    text-align: right;
    max-width: 350px;
}
.astroid-logo img {
    max-width: 425px;
    max-height: 100%;
    width: 100%;
    margin:10px 0;
}

.topbar-hs .row{
    align-items: center;
    height: auto;
    padding: 5px 0;
    font-size:16px;
}


.astroid-wrapper .astroid-header-section  #astroid-sticky-header .astroid-logo img{margin:0;}
.astroid-logo .astroid-logo-sticky{
  max-width:195px;
}
.astroid-wrapper .astroid-header-section .astroid-nav .nav-link:hover, 
.astroid-wrapper .astroid-header-section .astroid-nav .nav-link:focus,
.astroid-wrapper .astroid-header-section .astroid-nav .nav-link.active{
    color: #fff !important;
    background: #2A3441;
}
.astroid-wrapper .astroid-header-section  #astroid-sticky-header .astroid-nav .nav-link {
    color: #fff !important;
}
.astroid-wrapper .astroid-header-section  #astroid-sticky-header .astroid-nav .nav-link.searchnow {
    color: #2e4057 !important;
}
.astroid-header-section header.astroid-header{padding:0 !important;}
.astroid-header-section header.astroid-header .w-100.d-lg-flex div.justify-content-start.pt-3{padding:0 !important;}
.astroid-header-section header.astroid-header .header-block-item{padding-bottom:0 !important;}
.moduletable.lang-switch,
.moduletable.member-btn{
  margin:0;
  padding:0;
  display:inline-block;
}
.astroid-wrapper .astroid-header-section .astroid-nav .nav-item{
  border-bottom:4px solid transparent;
}
.astroid-wrapper .astroid-header-section .astroid-nav .nav-item:hover,
.astroid-wrapper .astroid-header-section .astroid-nav .nav-item-active{
  border-bottom:4px solid rgb(242, 183, 50);
}
.topbar-hs .row p,
.topbar-hs .row .member-btn .moduletable{padding:0;margin:0;}

.moduletable.lang-switch p,
.moduletable.member-btn p{
  margin:0;
  padding:0px 10px;
}
.moduletable.member-btn a{
  background:#2e4057;
  padding:5px 8px;
  border: 1px solid #2e4057;
}
.moduletable.member-btn a:hover{
  border-bottom-width:2px;
  border-bottom-color:#f2b732;
  padding-bottom:5px;
}

.astroid-contact-info span{margin-top:0px;}
.megamenu-container{
    padding:0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
}
.astroid-nav-wraper .nav-item-megamenu .col:last-of-type{padding-right:0;}


/** k2 Category - Stories **/
div.itemListSubCategories h3{display:none;}
div.subCategory h2{font-size:20px;}

/** k2 Items - Stories **/
div.itemView.stories div.itemImageBlock{
  float: right;
    margin-left: 30px;
  max-width:400px;
  line-height:1.0;
}
div.itemView.stories div.itemImageBlock span.itemImageCredits{float:left;}
div.stories.itemListView div.catItemView{
  position:relative;
}
div.stories.itemListView .storyImgBlock{
  width:100%;
  height:280px;
  background-size:cover;
  background-position:top;
  position:relative;
}
div.stories.itemListView div.catItemHeader{
  	position:absolute;
  	bottom:10%;
	width:90%;
  	margin:10px;
    background: rgba(0, 0, 0, 0.75);
}
div.stories.itemListView div.catItemHeader h3.catItemTitle{
  font-size:20px;
  text-align:center;
  padding:5px;
}
div.stories.itemListView div.catItemHeader h3.catItemTitle a{
  	color: #fff;
}
div.onestory div.itemHeader h2.itemTitle{
  padding-bottom:0;
}
div.onestory div.itemBody{padding-top:0;}
div.onestory div.itemImageBlock{
  float:right;
  padding:34px 0 0px 30px;
}
div.onestory p.itemImageCaption,
div.onestory p.itemImageCredits{
  	font-size: 11px;
    margin: 0;
    line-height: 1.2;
    max-width:350px;
  	padding:0 5px;
    color:#000;
}
.pub-date{
  	font-weight:600;
  	font-size: 18px;
    line-height: 1.2;
    margin-top: 8px !important;
    padding-top:0 !important;
}
div.footnotes p,
p.footnotes,
strong.footnotes,
em.footnotes,
footer p{
  margin:0;
  font-size:0.9em;
}
.itemBackToTop{display:none;}

span.wf_caption span{
  font-size:12px;
  font-style:italic;
  line-height:1.2;
  color:#000;
  padding-top:5px;
}

/** TIMELINE **/

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #2E4059;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline .time-container {
  position: relative;
  background-color: inherit;
  width: 50%;
}
.timeline .time-container.left {
  padding: 10px 20px 10px 10px;
}
.timeline .time-container.right {
  padding: 10px 10px 10px 20px;
}

/* The circles on the timeline */
.timeline .time-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: #2E4059;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.timeline .left {
  left: 0;
}

/* Place the container to the right */
.timeline .right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 10px;
  border: medium solid #2E4059;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #2E4059;
}

/* Add arrows to the right container (pointing left) */
.timeline .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 10px;
  border: medium solid #2E4059;
  border-width: 10px 10px 10px 0;
  border-color: transparent #2E4059 transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline .right::after {
  left: -16px;
}

/* The actual content */
.timeline .time-content {
  padding: 20px;
  background-color: #2E4059;
  position: relative;
  border-radius: 6px;
  color:#fff;
}
.timeline .time-content h2{font-size:1.5em;}


/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .timeline .time-container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .timeline .time-container::before {
  left: 60px;
  border: medium solid #2E4059;
  border-width: 10px 10px 10px 0;
  border-color: transparent #2E4059 transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .timeline .left::after, .timeline .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .timeline .right {
  left: 0%;
  }
}

/** END OF TiMELINE **/

/** SIDEBAR TIMELINE **/

/* The actual timeline (the vertical ruler) */
.sidebar-timeline h4{
    font-size: 20px;
    line-height: 1.2;
}
.sidebar-timeline .timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.sidebar-timeline .timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #2E4059;
  top: 0;
  bottom: 0;
  left: 8%;
  margin-left: -3px;
}

/* Container around content */
.sidebar-timeline .timeline .time-container {
  position: relative;
  background-color: inherit;
  width: 90%;
}

.sidebar-timeline .timeline .time-container.right {
  padding: 10px 10px 10px 20px;
}

/* The circles on the timeline */
.sidebar-timeline .timeline .time-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: #2E4059;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the right */
.sidebar-timeline .timeline .right {
  left: 9%;
}

/* Add arrows to the right container (pointing left) */
.sidebar-timeline .timeline .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 10px;
  border: medium solid #2E4059;
  border-width: 10px 10px 10px 0;
  border-color: transparent #2E4059 transparent transparent;
}

/* Fix the circle for containers on the right side */
.sidebar-timeline .timeline .right::after {
  left: -16px;
}

/* The actual content */
.sidebar-timeline .timeline .time-content {
  padding: 20px 15px;
  background-color: #2E4059;
  position: relative;
  border-radius: 6px;
  color:#fff;
}
.sidebar-timeline .timeline .time-content h2{font-size:1.5em;}


/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .sidebar-timeline .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .sidebar-timeline .timeline .time-container {
  width: 90%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .sidebar-timeline .timeline .time-container::before {
  left: 11px;
  top:18px;
  border: medium solid #2E4059;
  border-width: 10px 10px 10px 0;
  border-color: transparent #2E4059 transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .sidebar-timeline .timeline .left::after, .timeline .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .timeline .right {
  left: 0%;
  }
}

/** END OF SIDEBAR TiMELINE **/

/** Leading dots **/
ul.lead-dots {
    max-width: 250px;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.lead-dots li:before {
    float: left;
    width: 0;
    white-space: nowrap;
/*  
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
*/  
}
ul.lead-dots span:first-child {
    padding-right: 0.33em;
    background: white}
ul.lead-dots span + span {
    float: right;
    padding-left: 0.33em;
    background: white}
.wf-columns .wf-column.green ul.lead-dots span:first-child {
    background: #cbe0a9;}
.wf-columns .wf-column.green ul.lead-dots span + span {
    background: transparent;}

/** end of dots **/

.wf-columns .wf-column.green{
  background:#cbe0a9;
  padding:20px;
}
.wf-columns .wf-column.yellow{
  background:rgba(242, 183, 50, 0.5);
   padding:20px;
}
blockquote.noborder{
  border-left-width:0px;
  font-weight:400;
}

/** Menu Image **/
.moduletable.menu-image .custom.menu-image{
  	width: 100%;
    height: 276px;
    background-size: cover;
    background-position: left;
}
.moduletable.menu-image .custom.menu-image.b-top{
  background-position:top;
}
.moduletable.menu-image .custom.menu-image.b-right{
  background-position:right;
}
.become-member {text-align:center;}
.become-member .mem-btn{margin-bottom:20px;}
.become-member .mem-btn a{
    text-align: center;
    padding: 16px;
    background: rgb(4, 139, 168);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 3px solid rgb(4, 139, 168);
}
.become-member .mem-btn a:hover{
  	color:rgb(4, 139, 168);
    background:transparent;
}

/** Homepage Upcoming Events **/
.home-meetings .mod_events_latest_first{
    border-top: 0px solid #ccc;
    padding: 0px 0 10px 0;
}
.home-meetings .mod_events_latest{
    border-top: 1px solid #ccc !important;
    padding: 15px 0 10px 0;
}
.post-event-date{
  	position: relative;
    width: 20%;
    display: block;
    float:left;
    background: #048ba8;
    color: #fff;
    padding: 20px 0;
}
.post-event-date.Special{
  background:#f2b732;
}
.post-event-date.Afternoon{
  background:#99c24d;
}
.post-event-date.French-language{
  background:#9f28a8;
}
.post-event-date.Evening{
  background:#2e4057;
}
.post-event-date.Meetings{
  background:#a84d58;
}
.post-event-date.Outings{
  background:#f2b733;
}
.post-event-date.Postponed{
  background:#ff0000;
}
.Special .mod-hso-evt-cat {
  color:#f2b732;
}
.Afternoon .mod-hso-evt-cat {
color:#99c24d;
}
.Evening .mod-hso-evt-cat {
color:#2e4057;
}
.Meetings .mod-hso-evt-cat {
color:#a84d58;
}
.Outings .mod-hso-evt-cat {
color:#f2b733;
}
.Postponed .mod-hso-evt-cat {
color:#ff0000;
}

.post-event-date span{
  display:block;
  line-height:1.1;
}
.post-event-date span.month{
  text-transform: uppercase !important;
}
.post-event-date span.day{
  font-size: 1.9em;
}
.post-event-content{
  position:relative;
  display:block;
  width:80%;
  float:left;
  padding-left:15px;
}
.post-event-content span.custom-event-infos{
   line-height:1.1;
   font-size:14px;
}
.post-event-content span.custom-event-infos span.fa-clock{font-size:12px;}
.post-event-content h4{font-size:1.2em;}
.post-event-content p{
  font-size:14px;
  line-height:1.1;
  color:#666;
}

/** HOMEPAGE STORIES **/
div.k2ItemsBlock.story-container ul li{
  float:left;
  margin:0;
}
div.k2ItemsBlock.story-container ul li.lastItem{
	margin-left:20px;
}
.story-container{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.story-container .story-card{
    position: relative;
    cursor: pointer;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.story-container .story-card .face{
    width: 100%;
    height: 185px;
    transition: 0.5s;
    max-width:350px;
}
.story-container .story-card .face2{
  height:205px;
}

.story-container .story-card .face.face1{
    position: relative;
    background: #333;
	background-size:cover;
	background-position:center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 1;
}

.story-container .story-card .face.face1 .story-content{
    transition: 0.5s;
}

.story-container .story-card .face.face1 .story-content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #fff !important;
    text-align: center;
    font-size: 1.5em;
}

.story-container .story-card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    box-sizing: border-box;
    min-height:230px;
}
.story-container .story-card .face.face2 .story-content h3{
  font-size:22px;
  font-weight: 600;
    line-height: 1.1;
}
.story-container .story-card .face.face2 .story-content {
    margin: 0;
    padding: 0;
    color:#333 !important;
}

.story-container .story-card .face.face2 .story-content p a{
    margin: 15px 0 0;
    display:  inline-block;
    text-decoration: none;
    font-weight: 600;
    color: #fff !important;
    padding: 5px;
    border: 1px solid rgb(4, 139, 168);
    background:rgb(4, 139, 168);
}

.story-container .story-card .face.face2 .story-content p a:hover{
    background: transparent;
    color: rgb(4, 139, 168) !important;
    border: 1px solid rgb(4, 139, 168);
}

/** COMPARE IMAGES **/
.img-comp-container {
  position: relative;
  height: 233px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
  max-width:none;
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}

.profile {
    max-width: 330px;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
}
.profile_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom: 7px solid var(--secondaryColor);
    max-height: 270px;
    object-position: top;
}
.profile_info {
    padding: 20px 25px 0;
}
.profile_info h3{font-size:22px;}
.home .astroid-component-section{padding:0;}

/** Newsletter **/
#edocman-category h1.edocman-page-heading{
  font-size:2em;
}
h2.edocman-heading{display:none;}

.custom.overlap-boxes{
    height: 375px;
    position: relative;
}
.custom.overlap-boxes .card-bkgd{
  	position: relative;
    z-index: 1;
}
.custom.overlap-boxes .patron-text{
  	position: absolute;
    z-index: 10;
    width: 360px;
    background: #fff;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    padding: 30px 34px;
    box-shadow: 0px 2px 20px 0px RGBA(57,97,120,0.2);
}
.custom.overlap-boxes .patron-crest{
  	position: absolute;
    z-index: 10;
    width: 360px;
    background: #fff;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    padding: 30px 34px;
    box-shadow: 0px 2px 20px 0px RGBA(57,97,120,0.2);
}
.custom.overlap-boxes .patron-text h5{
  font-weight:800;
}
.custom.overlap-boxes .patron-text h2{
  font-weight:100;
  color:#048BA9;
}
.custom.overlap-boxes .patron-text p{font-size:1.1em;}
.custom.overlap-boxes .card-bkgd p {text-align:center;}
.custom.overlap-boxes .card-bkgd p img{
	width: 600px;
	margin: auto;
    float:none !important;
}

/** Inside overlap boxes **/
div.itemFullText .custom.overlap-boxes{
    position: relative;
    height:auto;
}
div.itemFullText .custom.overlap-boxes .card-bkgd{
  	position: relative;
    z-index: 1;
}
div.itemFullText .custom.overlap-boxes .patron-text{
  	position: absolute;
    z-index: 10;
    width: 310px;
    background: #fff;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    padding: 20px 30px;
    box-shadow: 0px 2px 20px 0px RGBA(57,97,120,0.2);
}
div.itemFullText .custom.overlap-boxes.twoboxes .patron-text{right:75px;}

div.itemFullText .custom.overlap-boxes .patron-text h5{
  font-weight:800;
  line-height:1.0;
}
div.itemFullText .custom.overlap-boxes .patron-text h2{
  font-weight:100;
  color:#048BA9;
  font-size: 28px;
  line-height: 1.0;
}
div.itemFullText .custom.overlap-boxes .patron-text p{font-size:1.0em;line-height:1.3;}
div.itemFullText .custom.overlap-boxes .patron-text p img{
  max-width: 140px;
}
div.itemFullText .custom.overlap-boxes .card-bkgd p {text-align:center;overflow:auto;}
div.itemFullText .custom.overlap-boxes .card-bkgd p img{
	width: 80%;
	margin: auto;
    float:left !important;
}
div.itemFullText .custom.overlap-boxes.twoboxes .card-bkgd p img{
	width: 60%;
	margin: auto;
    float:none !important;
}

.componentheadingstories{
  	font-size:2em;
  	font-weight:bold;
   	margin-bottom:20px;
}
div.itemListView.stories div.itemListCategory h2{
  	margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.0;
  	font-size:20px;
}

div.itemListView.stories .subCategory{
  padding:0;
  margin: 4px 4px 20px;
}
div.itemListView.stories .subCategory h2{padding:8px 8px 0;}
div.itemListView.stories .subCategory .subCategoryMore{padding:0 8px 8px;}
div.itemListView.stories div.itemListCategory{
  background:transparent;
  border-width:0;
  padding-top:0;
}
.moduletable.mod-newletter{
  	background: #efefef;
    padding: 20px 10px;
    margin-top: 30px;
}
.mod-newletter h3.module-title{
  font-size:22px;
}
.moduletable.mod-newletter table.edocman_document_list td.edocman_document_list_size{width:0%;}
.moduletable.mod-newletter table.edocman_document_list td.edocman_document_list_title{width:95%;}
table.edocman_document_list .edocman_document_list_icon {
    padding: 5px 2px !important;
}
table.edocman_document_list tr td{padding:5px 0;}

.center-block{
  height: 170px;
  position: relative;
}
.center-block img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
div.allresources h3{font-size:1.2em;}

/** CONTATC PAGE **/
.cms-contact-info-body {
    position: relative;
    padding-left: 65px;
}
.cms-contact-info-body .contact-info-box-icon {
    position: absolute;
    font-size: 35px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cms-contact-info-body .contact-info-box-content {
    border-left: 1px solid #bdbdbd;
    padding: 16px 0 18px 27px;
}
div.itemFullText .cms-contact-info-body .contact-info-box-content h3.contact-info-title{
  font-size:20px;
  font-weight:600;
}
div.itemFullText .cms-contact-info-body .contact-info-box-content p{margin:0;line-height:1.4;}
div.itemFullText .cms-contact-info-body .fa, div.itemFullText .cms-contact-info-body .far, div.itemFullText .cms-contact-info-body .fas,  div.itemFullText .cms-contact-info-body .fab{
  font-size:26px;
}

.footer-address .cms-contact-info-body .contact-info-box-content{
  padding:10px 0 10px 10px;;
}
.footer-address h3.contact-info-title{font-size:14px;}
.footer-address .contact-info-box-content p{
    line-height: 1.2;
    margin: 0;
}
.footer-address .cms-contact-info-body .contact-info-box-icon {font-size: 22px;}
.footer-address .cms-contact-info-body {
    padding-left: 32px;
}

/* Search btn */
.nav-item.floatright{
  position:absolute;
  right:12px;
}
.astroid-wrapper .astroid-header-section .astroid-nav .nav-item.floatright a.searchnow.nav-link{
  	padding: 10px 12px 7px;
    background: #f2b732;
    color: #2e4057 !important;
}

.astroid-wrapper .astroid-header-section .astroid-nav .nav-item.floatright:hover, .astroid-wrapper .astroid-header-section .astroid-nav .nav-item-active.floatright {
    border-bottom-width: 0px;
}

/** Search box **/
input.search-query{
  border-radius:0;
  padding:20px;
  outline:none;
  font-size:1.4em;
  width:600px;
}
button.btn.searching{
  top: 0;
  right: 0;
  height: 3.667em;
  width: 100px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  border-width: 0;
  background-color: #00a94f;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}
.autocomplete-suggestions {
    -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.0);
    -moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.0);
    box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.0);
}
.bs-tooltip-bottom{display:none !important;}
.element-invisible.finder.searching{display:none;}
.rstboxes .rstbox.rstbox_shd_1{
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0.0) ;
    box-shadow: 0 0 0px 0px rgba(0,0,0,0.30) ;
}
/** Submenu styling **/
.astroid-nav .nav-submenu {margin: 10px 0 0;}
.astroid-nav .megamenu-container li.nav-item-submenu a{
  	border-bottom: 1px solid #F9CB65;
    line-height: 1.0;
    padding: 20px 10px;
    font-size: 18px;
    font-weight: 600;
}
.megamenu-container{
  	border-width: 0px 4px 4px 4px;
    border-color: rgba(46,64,87,1);
    border-style: solid;
}

/** STORIES ALL CATEGORIES **/
.subStory.subCategoryContainer{
	margin:4px 4px 20px;
    position:relative;
  	width:32% !important;
}
div.itemListView.stories .subStory .subCategory{
  margin:0;
}
.storybox{
  height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 10px;
    background: #2e4057;
}
.subStory .subCategory:hover .storybox{
	opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.1s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
}
div.itemListView.stories .subCategory .storybox h2{
  	font-size: 16px;
    line-height: 1.2;
}
div.itemListView.stories .subCategory .storybox h2 a{color:#fff;}
div.itemListView.stories .subCategory .storybox a.subCategoryMore{
  	text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #f2b732;
    color: #2e4057;
  	position:absolute;
  	bottom:10px;
}
.infobox{
    width: 33%;
    padding: 10px 20px;
    border: 1px solid #bbb; 
    background: #f9f9f9;
    line-height: 1.3;
    font-size: 0.95em;
}
.pushright{
  float: right;
  margin: 10px 0 10px 30px;
}
.pushleft{
  float: left;
  margin: 10px 30px 10px 0px;
}
.menu-bkgd{
  background-image:url(/images/stories/tech/menu.jpg);
  background-size:contain;
  background-position: center;
    background-repeat: no-repeat;
    padding: 50px;
    margin: 30px 0;
}

/** SPECIAL EVENT HOMEPAGE **/
.special-jev{
  	background-size: cover;
    background-position: center;
    height: 300px;
    position: relative;
    display: block;
}
.special-jev .special-cal{
  	position: absolute;
    top: 0;
    left: 0;
    background: orange;
    padding: 10px 10px 20px;
}
.special-jev .special-cal p.special-date{
  	font-size: 30px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    text-align: center;
    line-height: 1;
    margin: 0;
}
.special-jev .special-cal p.special-month{
  	text-align: center;
    font-weight: bold;
    font-size: 23px;
    line-height: 1;
    margin: 5px 0;
}
.special-jev .special-cal p.special-time{
  	line-height: 1;
    margin: 0;
    font-size: 16px;
}
.special-jev .special-info{
  	position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(234, 234, 234, 0.9);;
    padding: 10px 20px;
}
.special-jev .special-info h3{
  line-height:1.0;
  font-size: 22px;
  font-weight: 700;
}
.special-jev .special-info h3 a{
  color:rgb(4, 139, 168);
  background:transparent;
  border:1px solid transparent;
}

.special-jev .special-info p{line-height:1.2;font-size:13px;}
.special-jev .special-info a{
  	display: block;
    background: rgb(4, 139, 168);
    color: #fff;
    text-align: center;
    border: 1px solid rgb(4, 139, 168);
}
.special-jev .special-info a:hover{
  	background: transparent;
    color: rgb(4, 139, 168);
}

/** News Pages **/
div.catItemView.hso-news div.catItemImageBlock{
  max-width:300px;
  width:100%;
  float:left;
  margin:0px 30px 0px 0px;
}
div.catItemView.hso-news div.catItemIntroText{padding-top:0;}
div.catItemView.hso-news div.catItemReadMore{
  	float: right;
    background: #068BA8;
    padding: 10px 20px;
    border: 1px solid #068BA8;
}
div.catItemView.hso-news div.catItemReadMore a{
  color:#fff;
}
div.catItemView.hso-news div.catItemReadMore:hover{
    background: #fff;
}
div.catItemView.hso-news div.catItemReadMore:hover a{color:#068BA8;}

div.itemView.hso-news div.itemImageBlock {
  	float:right;
  	max-width:385px;
  	width:100%;
  	margin:0px 0px 0px 30px;
    line-height:1.2;
}


/** HOMEPAGE NEWS **/
div.newsitems.k2ItemsBlock ul li{
  width:33%;
  float:left;
  padding:0 10px;
}
div.newsitems.k2ItemsBlock ul li a.moduleItemImage{
  	display: block;
    height: 200px;
    background-size: cover;
    background-position: center;
}
div.newsitems.k2ItemsBlock ul li  h3{
  font-size:20px;
  padding:10px 0 0;
  margin:0;
}
div.newsitems.k2ItemsBlock ul li div.moduleItemIntrotext{display:none;}
div.newsitems.k2ItemsBlock ul li:first-of-type{
  width:100%;
  float:none;
  padding:0;
}
div.newsitems.k2ItemsBlock ul li:first-of-type a.moduleItemImage{
  	display: block;
    height: 300px;
    background-size: cover;
    background-position: center;
}
div.newsitems.k2ItemsBlock ul li:first-of-type  h3{
  font-size:24px;
  padding:10px 0 0;
  margin:0;
}
span.moduleItemDateCreated{
  font-size:12px;
  color:#888;
}
div.newsitems.k2ItemsBlock ul li:first-of-type div.moduleItemIntrotext{display:block;}

/** Outings Articles on Outings page **/
div.mod-outings,
div.mod-outings div.newsitems,
div.mod-outings div.newsitems ul{overflow:auto;}

div.mod-outings div.newsitems a.moduleCustomLink, a.link-btn{
  	float: right;
    background: #068BA8;
    padding: 10px 20px;
    border: 1px solid #068BA8;
    color:#fff;
}
div.mod-outings div.newsitems a.moduleCustomLink:hover, a.link-btn:hover{
  background: #fff ;
  color:#068BA8;
}

.mod-newletter.searchtext h3.module-title:after{
  content:"Search pamphlets in the table by title, author or content";
  font-size: 14px;
    display: block;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 8px;
}


input[type="text"]{height:30px;}
div.pamphlet-links .green{position:relative;}
div.pamphlet-links .green a.link-btn{
position: absolute;
    bottom: 20px;
    right: 20px;
}
#astroid-sticky-header.d-flex .astroid-nav .nav-item.floatright{position:inherit;}
.meet .col-sm-3.cal-btn{
    	flex: 0 0 18%;
		max-width: 18%;
		line-height: 1.2;
}

.row.meet .row .col-sm-3 {
	padding: 15px 3px;
	line-height: 1.2;
}
input.search-query {
      	padding: 32px 20px;
    }


/** Desktop Modes **/

@media only screen and (max-width: 1199px) {
  .astroid-wrapper .astroid-header-section #astroid-sticky-header .astroid-nav .nav-link{font-size:18px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .story-container .story-card .face {
    	max-width: 285px;
	}
    #astroid-sticky-header.d-flex .astroid-nav .nav-item.floatright{position:inherit;}
    #astroid-sticky-header.d-flex .astroid-nav .nav-link{padding: 0.4rem 12px;}
    .meet .col-sm-3.cal-btn{
    	flex: 0 0 18%;
		max-width: 18%;
		line-height: 1.2;
  	}
    input.search-query {
      	padding: 32px 20px;
    }
}
@media (min-width: 601px) and (max-width: 991px) {
  #k2Container.videoList div.itemContainer {
    width:100% !important;
  }
  
}
@media (min-width: 576px) and (max-width: 991px) {
  .topbar-hs .row .astroid-column{text-align:center;}
  .topbar-hs .row .astroid-column .float-right{float:none !important;}
  .topbar-hs .row .astroid-column .float-right .moduletable.member-btn{width:100%;}
  .topbar-hs .row .astroid-column .float-right .moduletable.member-btn .custom.member-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .astroid-wrapper .astroid-header-section{
      height:auto;
      background:#fff;
      border-bottom:5px solid #2e4057 !important;
      padding:5px 0;
    }
  .astroid-logo .astroid-logo-mobile{margin:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .story-container .story-card .face {
    	max-width: 320px;
	}
    
  	div.itemFullText .custom.overlap-boxes .card-bkgd p {text-align: left;}
  	div.itemFullText .custom.overlap-boxes.twoboxes .patron-text {right: 40px;}
    .our-history .astroid-component-section .row{
    	flex-direction:column-reverse;
    	margin:0;
    }
    .membership .wf-columns-stack-medium{flex-wrap:nowrap;}
    .meet.col-md-2 {
    	flex: 0 0 25%;
    	max-width: 25%;
  	}
  	.meet.col-md-9 {
    	flex: 0 0 70%;
    	max-width: 70%;
  	}
    .meet .col-sm-3.cal-btn{
    	flex: 0 0 18%;
		max-width: 18%;
		line-height: 1.2;
  	}
  	.row.meet{line-height:1.2;}
    input.search-query {
      	padding: 32px 20px;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
  .meet .col-sm-3.cal-btn{
    flex: 0 0 18%;
	max-width: 18%;
	line-height: 1.2;
  }
  .row.meet{line-height:1.2;}
  
}

/** Mobile Modes **/
@media (max-width: 767px) {
  div.itemView.stories div.itemImageBlock {
    float: none;
    margin-left: 0px;
    width:100%;
    max-width: 500px;
    line-height: 1.0;
  }
  div.itemView.stories div.itemImageBlock span.itemImageCaption,
  div.itemView.stories div.itemImageBlock span.itemImageCredits {
    float: none;
    text-align:left;
  }
  div.onestory div.itemImageBlock {
    float: none;
    padding: 0;
    width: 100%;
  }
  div.onestory div.itemImageBlock img{width:100% !important;}
  .menu-bkgd{
    font-size: 0.8em;
    line-height: 1.1;
    margin:15px 0;
  }
  .focus-on-heritage div.itemFullText img{width:auto !important;}
  .focus-on-heritage .center-block {height: 90px;}
  .rstbox-close{top: -8px;}
  input.search-query{width:250px;}
  button.btn.searching{
    height:42px;
    line-height:30px;
  }
  .search-results h4{
    font-size:16px;
  }
  input.search-query {
      	padding: 20px 20px;
    }
}

/** Promo Showcase **/
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .astroid-logo .astroid-logo-mobile{
    width:75%;
    margin:5px auto;
  }
  .astroid-wrapper .astroid-header-section{height:auto;}
  div.newsitems.k2ItemsBlock ul li {
    width: 100%;
    float:none;
  }
  .story-container.k2ItemsBlock ul{
    width: 350px;
    margin: auto;
  }
  div.k2ItemsBlock.story-container ul li {
    float: none;
    margin: 15px 0px !important;
  }
  div.itemFullText .custom.overlap-boxes.twoboxes .card-bkgd p img {
    width: 100%;
  }
  div.itemFullText .custom.overlap-boxes.twoboxes .patron-text {
    right: 0;
    position:relative;
    width:100%;
    top:0;
    -ms-transform: translateY(0%);
    transform: translateY(0%);
        box-shadow: 0px 0px 0px 0px RGBA(57,97,120,0.0);
  }
  .patron-text .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-top: 12px;
    margin-bottom: 14px;   
  }
  .patron-text .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .our-history .astroid-component-section .row{
    flex-direction:column-reverse;
    margin:0;
  }
  .wf_caption{
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .astroid-component-section {
    padding: 20px 0;
  }
  #k2Container.itemView{
    margin-bottom:0;
    padding-bottom:0;
  }
  #table-document td {text-align: left!important;}
  
}
@media only screen and (max-width: 480px) {
  .astroid-logo .astroid-logo-mobile{
    width:75%;
    margin:10px auto;
  }
  .astroid-wrapper .astroid-header-section{height:auto;}
  div.newsitems.k2ItemsBlock ul li {
    width: 100%;
    float:none;
  }
  .story-container.k2ItemsBlock ul{
    width: 350px;
    margin: auto;
  }
  div.k2ItemsBlock.story-container ul li {
    float: none;
    margin: 15px 0px !important;
  }
  div.itemFullText .custom.overlap-boxes.twoboxes .card-bkgd p img {
    width: 100%;
  }
  div.itemFullText .custom.overlap-boxes.twoboxes .patron-text {
    right: 0;
    position:relative;
    width:100%;
    top:0;
    -ms-transform: translateY(0%);
    transform: translateY(0%);
        box-shadow: 0px 0px 0px 0px RGBA(57,97,120,0.0);
  }
  .patron-text .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-top: 12px;
    margin-bottom: 14px;   
  }
  .patron-text .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [id^='bottom'] .text-center{text-align:left !important;margin:15px 0 0 40px;}
  .module-title {
    margin-bottom: 5px;
  }
  .custom.text-center{margin:0;}
  [id^='footer'] .float-right {
    float: none !important;
  }
  .our-history .astroid-component-section .row{
    flex-direction:column-reverse;
    margin:0;
  }
  .our-history .astroid-component-section .row .itemFullText p:first-of-type{
    line-height:1.2;
    text-align:left !important;
  }
  .wf_caption{
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .astroid-component-section {
    padding: 20px 0;
  }
  #k2Container.itemView{
    margin-bottom:0;
    padding-bottom:0;
  }
  .row.meet .meet-loc {
    padding-bottom: 10px;
    line-height: 1.2;
    padding-top: 10px;
  }
  .row.meet .row .col-sm-3 {
    padding: 5px 0;
    line-height:1.2;
  }
  .meet .col-sm-3.cal-btn {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .new-navigation .nav-items > div a {
    padding: 5px 0px 4px 0px;
  }
  .row.eventtop{margin-right:-8px;}
  h2.eventTitle{margin:0;font-size:22px;}
  .eventCat{margin-top:10px;}
  .eventtop .col-md-4 .eventprice {
    bottom: 0px;
    position:relative;
  } 
  .community-talks .col-md-2{
    flex: 0 0 40%;
    max-width: 40%;
  }
    .community-talks .col-md-10{
    flex: 0 0 60%;
    max-width: 60%;
    line-height:1.2;
  }
  .community-talks .col-md-10 p{font-size:90%;}
  div.catItemView.hso-news div.catItemImageBlock {
    max-width: 500px;
  }
  div.catItemView.hso-news div.catItemImageBlock img{width:100% !important;}
  #table-document td {text-align: left!important;}
  .capital-chronicle-newsletter .edocman-document-desc-col{display:none !important;}
  div.itemFullText img{width:100% !important;}
}