@charset "UTF-8";
/* Responsive Cities theme */
@import url('//fonts.googleapis.com/css?family=Bevan');
@import url('//fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700');
@import url('//fonts.googleapis.com/css?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900');

/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**

/*   Maintains crisp image resolution in Google Chrome without adversely affecting resolution in Safari   */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  img {image-rendering: -webkit-optimize-contrast !important;}  }
/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  img {image-rendering: unset !important;}}}
	
/* =========== FONTS =========== */

body {
  font-family: 'Roboto', sans-serif;
  color: black !important;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: 'PT Serif', serif;
  color: black;
  }
h1, h2, h3 {
  font-weight: 800 !important;
  }
h1, h2, h3, h4, h6 {
  padding-top:10px;
  }

/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.no-mqs .container, .no-mqs
.header-container, .no-mqs
.SliderPage1 {
  min-width: 970px;
}

.container:before, .container:after,
.body-container:before,
.body-container:after {
  content: " ";
  display: table;
}
.container:after,
.body-container:after {
  clear: both;
}

/* Removes secondary column (sidebar navigation), and expands content width to full-screen */

.col-secondary {display:none;}
.col-primary {width:100% !important;}

/* Responsive columns, 5 across on desktop. Not included in Bootstrap because 12 is not divisible by 5. */

.col-md-5-across {
  position: relative;
  min-height: 1px;
  padding-right, padding-left: .9375rem
}

@media (min-width:768px) {
 .col-md-5-across {
    float: left;
    width: 20%
  }
}

/* Header ========================================================================== */
 * The following is required to reposition the search bar and Sign In/Out link at different sizes via appendAround */

.search-container,
.auth-link-container {
  display: block;
}
@media (min-width: 768px) {
  .search-container,
  .auth-link-container {
    display: none;
  }
}
.no-mqs .search-container, .no-mqs
.auth-link-container {
  display: none;
}

.search-container-sm,
.auth-link-container-sm {
  display: none !important;
}
@media (min-width: 768px) {
  .search-container-sm,
  .auth-link-container-sm {
    display: inline-block !important;
  }
}
.no-mqs .search-container-sm, .no-mqs
.auth-link-container-sm {
  display: inline-block !important;
}

.header-message
{
height: 40px;
  background: url(images/pixel.png);
  background-color: #333;
  background-repeat: repeat;
  background-size: cover;
  color: white;
  padding: 8px;
  text-align: center;
  font-size: .98em;
}

@media only screen and (max-width:482px)
{
 .header-message{height: 60px;}
}

.header-top-container {
  height: 40px;
  background: url("images/pixel.png");
  background-color: rgba(0, 124, 102, 1);
  background-repeat: repeat;
  background-size:cover;
  color:#fff;
}
.header-container{}
#masterLogoArea,
.header-bottom-container {
  padding-top:2.5em;
}

/* For area behind header logo and auxiliary navigation */
.header {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .nav-primary {
    margin-top: 10px;
  }
}
.no-mqs .nav-primary {
  margin-top: 10px;
}

.navbar-collapse {
  clear: both;
}
@media (max-width: 767px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-collapse {
    clear: right;
  }
}
.no-mqs .navbar-collapse {
  clear: right;
}

@media (min-width: 768px) {
  .nav-primary {
    float: right;
    clear: right;
  }
}
.no-mqs .nav-primary {
  float: right;
  clear: right;
}

.header-logo-container {
  float: left;
}

@media (max-width: 767px) {
  .header-social {
    display: none !important;
  }
}
.header-social a {
  text-decoration: none;
}

/* For auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  margin: 0;
  display: inline-block;
}

.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
}

/* CHANGE TO CONDENSE FOR RESPONSIVE was 7.5px */
.NavigationLink {
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .ste-section {
    display: none !important;
  }
}

/* Main
   ========================================================================== */
#masterContentArea {margin-top: 10px;}

/***** Proxy Panel Styling *****/
/* Applies to the on behalf of (proxy) area */
.obo-container {float: right;}

.obo-panel {
  line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.obo-panel.on {
  padding-left: 2em;
  padding-right: 2em;
}

.obo-label,
.obo-actions {
  display: inline-block;
}

.obo-label {
  font-weight: bold;
}
.obo-label span:after {
  content: ':';
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: .5em 0;
}

/* Sticky Footer
   ========================================================================== */
/**
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ */
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.footer {
  display: table-row;
  height: 1px;
}

/* Basic setup
   ========================================================================== */

a, a:visited, a:focus, a:active, a:link, a:hover,
a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited,
.RadGrid a, .RadToolTip a, .RadGrid a:visited, .RadToolTip a:visited,
.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active,
.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited,
#ctl01_Primary_NavMenu .menu-explore a.rmLink,
#clickme a {
  color: #43ba73 !important;
  text-decoration: none !important;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

h1, .h1, .PageTitle {
  margin-top: 0;
  font-size:2.4em !important;
}

h2, .h2, .PanelTitle {
  font-size:1.9em !important;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #007c66;
  padding: 20px;
  margin: 0;
}

h2, .PanelTitle {
  line-height: 1.45em;
  font-size: 170%;
}

h2, .h2, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish {
  min-height: 0;
  border: none !important; 
  font-weight: 800 !important;
}

.SectionLabel, h5 {
  margin: 0 0 .2em;
  font-weight: 500 !important;
}

.SectionLabel {
  font-weight: 500 !important;
}

h5, .h5 {
  font-size: 1.1em;
  font-weight: bold !important;
}

h6, .h6 {
  margin: 0;
  font-weight: bold !important;
}

hr {
  margin-left: 0em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border: none !important; 
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: .6em;
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #97d5da;
}

/* Automatically resizes images when they're too large to fit in their container. 
 * May override user-defined width/height on images. If behavior is unwanted, 
 * consider changing this to a class (e.g. '.img-responsive') which you can 
 * apply as desired. */

img {
  max-width: 100%;
  height: auto !important;
}

img.headshot {
  margin: 0 auto;
  display: block;
  width: 160px;
  border-radius: 100px;
}

img.headshot + p {
  margin-top: 6px;
  text-align: center;
  font-size: .9em;
}

.speakers {text-align: center;}

.speakers img {
  border-radius: 100px;
  width: 160px;
  margin: 0 auto;
}
.speakers p {
  margin-top: 6px;
  font-size: .96em;
}
	
/** For tagged Contact Staff widgets **/
.headshot-staff {
  clear: both;
}
.headshot-staff img {
  width: 100px;
  border-radius: 100px;
  margin-right: 15px;
  float: left;
}

.headshot-staff p {margin-top: 15px;}

.headshot-author {
  width: 65px;
  border-radius: 100px;
  float: left;
  margin: 0 14px 10px 0;
}

.headshot-author + p {
  font-size: 90%;
  color: #7e7e7e;
  margin-top: 10px;
}

.headshot-author + p a {color: #7e7e7e !important;}

.topic-preheader {
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 7px;
}

/* Emphasizes text block and makes text larger, per UltraWave styles */

.lead {
  margin-bottom: 20px;
}

/* MASTERPAGE ELEMENTS
   ========================================================================== */
/* For loading bar at the top of the page */
.ProgressDiv {background-color: #ffdd6f;}

/* ST added margin-bottom to push page titles lower below the grey line */
#masterHeaderBackground,
.header {
  border-bottom: 1px dotted #eeeeee; 
  margin-bottom:15px;
}

/* Universal search control */
.search-field {
  background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC;
}

.header-search .TextButton {
  display: none;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: #006c81;
  color: #fff;
}
.ProxyPanelContact a {
  color: #93efff;
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.SubNavPanelHead {
  background-color: #f7f3ed;
  color: #333333;
  font-family: Bevan, Georgia, serif;
  font-weight: 200;
}

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
  height: 1px;
  padding: 0;
  margin: 0;
}

/* Footer
   ========================================================================== */
.footer-nav-copyright {
  padding-top: 1em;
  padding-bottom: 0.35em;
  /* 1em - .65em (bottom margin on nav lis) */
}

.footer-content {
  padding-top: 1em;
  padding-bottom: 1em;
}

.footer-content-section {
  padding: 0 15px 1em;
}

.footer-nav-copyright:before, .footer-nav-copyright:after {
  content: " ";
  display: table;
}
.footer-nav-copyright:after {
  clear: both;
}
.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  float: left;
  margin: 0;
}
.footer-nav-copyright .footer-copyright {
  display: inline-block;
  margin: 0 1.5em .65em 0;
}

@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%;
  }
}
.no-mqs .footer-content-section {
  float: left;
  width: 50%;
}

#masterFooterCopyright {
  clear: both;
}

.footer-content {
  color: #fff;
  text-align: center;
}
.footer-content h2 {
  margin-top: 0;
  color: #fff;
  border-bottom: none;
}
.footer-content a {
  color: #99f0ff;
}

.footer-nav-copyright {
  background-color: #222222;
  color: #999;
}
.footer-nav-copyright a, .footer-nav-copyright a:visited {
  color: #fff !important;
}
.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  color: #fff !important;
}

/* PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse {
  background-color: #d5d5d5;
}
@media (min-width: 768px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
  }
}
.no-mqs .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
}

.auth-link-container {
  /* container for sign-in link when browser is <768px wide */
  padding: 10px 15px;
  text-align: right;
  border-bottom: 1px dotted #666666;
}

.RadMenu.rmResponsive {
  z-index: 1000 !important;
  position: relative;
}
.RadMenu.rmResponsive ul {
  margin: 0;
  padding: 0;
}
.RadMenu.rmResponsive .rmItem, .RadMenu.rmResponsive .rsmItem {
  list-style: none;
}
.RadMenu.rmResponsive .rmDisabled > a, .RadMenu.rmResponsive .rsmDisabled > a {
  cursor: default;
}
.RadMenu.rmResponsive .rmItem {
  width: auto;
  clear: both;
}
.RadMenu.rmResponsive .rmLink,
.RadMenu.rmResponsive .rmSlide .rmLink {
  padding: 10px 15px;
}
.RadMenu.rmResponsive .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.rmResponsive .rsmItem {
  padding: 5px 15px;
}
.RadMenu.rmResponsive .rsmItem .rsmItem {
  /* needed to avoid indentation */
  margin-left: -15px;
}
.RadMenu.rmResponsive .rsmColumn {
  /* for multiple columns on mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
}
@media (max-width: 480px) {
  .RadMenu.rmResponsive .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
  .carousel-control {margin:0;}
  .carousel-control .icon-next {
    position: absolute;
    top:53% !important;
    right: 10% !important;
  }

.icon-prev {
position:absolute;
top:50% !important;
left: 10% !important;}

.carousel-control.right {width:15% !important;}
.carousel-control.left {width:15% !important;}

}
.RadMenu.rmResponsive .rmLink,
.RadMenu.rmResponsive .rsmLink {
  color: #222 !important;
  text-decoration: none;
  display: block;
  position: relative;
  /* required for menu to work in IE */
}

.RadMenu.rmResponsive .rmGroup {
  background-color: #424242;
}
.RadMenu.rmResponsive .rmDisabled > .rmLink,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink {
  color: #fff !important;
}
.RadMenu.rmResponsive .rmDisabled > .rmLink:hover, .RadMenu.rmResponsive .rmDisabled > .rmLink:active,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink:hover,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink:active {
  background-color: transparent;
  color: #007c66;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0;
}
.RadMenu.rmResponsive .rmToggle {
  /* a clickable target to expand multi-level navigation */
  display: inline-block;
  margin: -10px -15px;
  float: right;
  height: 100%;
}
.RadMenu.rmResponsive .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 18.5px;
  margin-bottom: 18.5px;
  margin-right: 15px;
  margin-left: 15px;
}
.RadMenu.rmResponsive .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmLink:focus .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.rmResponsive .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rmResponsive .rmSlide {
  display: none;
  /* hide sub nav until requested */
  position: absolute;
  height: auto !important;
}
.rmResponsive .rmSlide,
.rmResponsive .rmSlide .rmGroup,
.rmResponsive .rmSlide .rmLink,
.rmResponsive .rmSlide .rmTemplate,
.rmResponsive .rmSlide .rmSeparator {
  width: auto !important;
}
.rmResponsive .rmSlide .rmItem {
  float: none;
  display: block;
}
.rmResponsive .rmSlide .rmText {
  float: none;
}
.rmResponsive .rmSlide .rmLink,
.rmResponsive .rmSlide .rsmLink {
  color: #fff !important;
}
.rmResponsive .rmSlide .rmSeparator,
.rmResponsive .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px dotted #fff;
}
.rmResponsive .rmSlide .rmFocused > .rmLink,
.rmResponsive .rmSlide .rmSelected > .rmLink,
.rmResponsive .rmSlide .rsmSelected > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: #4aa14d;
}
.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus,
.rmResponsive .rmSlide .rsmLink:hover,
.rmResponsive .rmSlide .rsmLink:focus,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
  background-color: transparent;
  color: #4aa14d !important;
}
.rmResponsive .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond, indent nav to give separation */
  margin-left: 0;
}
/** MEGADROPDOWNMENU MAIN NAV - ADD RIGHT PADDING SO NAV NAMES DONT RUN OFF EDGE  **/
.rmResponsive .rmSlide .MegaDropDownMenu {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right:2.5em;
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: 1em;
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  color: #afc499 !important;
  font-weight: bold;
  letter-spacing: 0;
}
.rmResponsive .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (max-width: 767px) {
  .rmResponsive .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .rmResponsive .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 51px;
  }
}

@media (min-width: 768px) {
  .RadMenu.rmResponsive .rmItem {
    white-space: nowrap;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.rmResponsive .rmSlide .rmLink,
  .RadMenu.rmResponsive .rmSlide .rmSeparator {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmExpandRight {
    background-image: url("images/ResponsiveNav.png");
    background-position: 100% -200px;
    background-repeat: no-repeat;
  }
  .RadMenu.rmResponsive .rmSlide .rmText {
    padding-right: 40px;
  }
  .RadMenu.rmResponsive .rmToggle {
    display: none;
  }
}
.no-mqs .RadMenu.rmResponsive .rmItem {
  white-space: nowrap;
}
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem {
  float: left;
  clear: none;
}
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmGroup {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmItem {
  float: none;
  display: block;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmLink,
.no-mqs .RadMenu.rmResponsive .rmSlide .rmSeparator {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 100% -200px;
  background-repeat: no-repeat;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmText {
  padding-right: 40px;
}
.no-mqs .RadMenu.rmResponsive .rmToggle {
  display: none;
}

/* SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_London {
  white-space: normal;
}
.RadTreeView.RadTreeView_London .rtLI,
.RadTreeView.RadTreeView_London .rtTop,
.RadTreeView.RadTreeView_London .rtMid,
.RadTreeView.RadTreeView_London .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_London .rtIn {
  font-weight: bold !important;
  display: block;
}
.RadTreeView.RadTreeView_London .rtIn,
.RadTreeView.RadTreeView_London .rtHover .rtIn,
.RadTreeView.RadTreeView_London .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.RadTreeView.RadTreeView_London .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_London .child-is-selected.rtIn {
  background-color: transparent;
  color: #333333;
}
.RadTreeView.RadTreeView_London .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_London .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_London .rtSelected > a.rtIn:focus {
  background-color: transparent;
}
.RadTreeView.RadTreeView_London .rtUL .rtUL {
  padding-left: 15px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px dotted #ddd;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.RadTreeView.RadTreeView_London > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_London .rtSp,
.RadTreeView.RadTreeView_London .rtPlus,
.RadTreeView.RadTreeView_London .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.RadTreeView.RadTreeView_London a.rtIn {
  color: #000000;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}
.RadTreeView.RadTreeView_London a.rtIn:hover, .RadTreeView.RadTreeView_London a.rtIn:focus, .RadTreeView.RadTreeView_London a.rtIn:active {
  background-color: #fff;
}

/* AUXILIARY NAVIGATION
   ========================================================================== */
.navbar {padding:0 !important;}

.navbar-header {
  float: right;
  margin:auto;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle {
  margin-top: 6.5px;
  margin-bottom: 6.5px;
  vertical-align: middle;
  background-color: #349ba4;
  border-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* extend the toggle down when open */
  margin-bottom: 0;
  padding-bottom: 12px;
}
.navbar-toggle.collapsed {
  /* then tighten it back up when closed */
  margin-bottom: 6.5px;
  padding-bottom: 9px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.navbar-toggle.collapsed {
  background-color: #349ba4;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #2a7e85;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 2px;
  margin-right: 0px;
}
.nav-auxiliary a {
  color: #fff !important; 	
}
@media (min-width: 768px) {
  .nav-auxiliary .NavigationListItem,
  .nav-auxiliary .header-social .SocialSprite {
    margin-left: 15px;
  }
}
.no-mqs .nav-auxiliary .NavigationListItem,
.no-mqs .nav-auxiliary .header-social .SocialSprite {
  margin-left: 5px;
}
.nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 0px;
}

.nav-auxiliary .nav-aux-button .NavigationLink {
/*    background-color: #349ba4;*/
    padding: 8px 3px
}	
	

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * Overwritten when class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '(';
}
.cartCenter span:after {
  content: ')';
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
}
.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 22px;
  height: 21px;
  margin: -1px 0;
  /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
  position: relative;
  /* this is required for the cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}
.nav-auxiliary .nav-aux-account .nav-text {
  background-position: 0 -125px;
}
.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -75px;
}
.nav-auxiliary .nav-aux-cart .cartFull {
  /* This is the flag indicating how many items are in your cart */
  /* left postion is padding plus placement */
  position: absolute;
  top: -5px;
  left: 10px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-cart .cartCenter {
  color: #fff;
  background-color: #a0d10b;
  border-radius: 2px;
  font-size: 78%;
  line-height: 1;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}
.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #349ba4;
    /*margin-left: 15px;*/
    padding: 8px 4px;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #2a7e85;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: #349ba4;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* hide the cart text on small devices */
    display: inline-block;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    width: 22px;
    height: 19px;
    padding-left: 10px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-position: 0 -100px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0 -50px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 29px;
    /* margin, padding, plus placement */
    top: 8px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #99f7ff;
    color: #000;
  }
}

.header-search {
  padding: 10px 15px;
}
.header-search > .header-search {
  padding: 0;
}
@media (max-width: 767px) {
  .header-search .search-field {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header-search {
    padding: 0 0 0 7px;
  }
}
.no-mqs .header-search {
  padding: 0 0 0 7px;
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**  * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. */
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}
.no-mqs .nav-primary .nav-aux-primary-switch,
.no-mqs tr.nav-primary .nav-aux-primary-switch,
.no-mqs th.nav-primary .nav-aux-primary-switch,
.no-mqs td.nav-primary .nav-aux-primary-switch {
  display: none !important;
}

/* ON BEHALF OF ICONS
   ========================================================================== */
.obo-action {
  background-image: url("images/IconSprite.png");
}

/**
  * background-position for the change icon is the same as in UltraWave
  * but for clear it is different.
  */
.obo-action.obo-clear, .obo-action.obo-clear[disabled]:hover, .obo-action.obo-clear.Disabled:hover, .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-clear {
  background-position: -490px 0;
}
.obo-action.obo-clear:hover, .obo-action.obo-clear:focus, a:hover .obo-action.obo-clear, a:focus .obo-action.obo-clear {
  background-position: -490px -35px;
}


input,
button,
select,
textarea {
  font-family: Roboto, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 39px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.6;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.uneditable-input:-moz-placeholder {
  color: #999999;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
  color: #999999;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
  color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #999999;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

textarea {
  height: auto;
}

select {
  border: 1px solid #ccc;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 17px;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: #fff;
  text-decoration: none;
}
.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled], fieldset[disabled]
.TextButton,
.TextButton.aspNetDisabled,
.TextButtonWithImage.disabled,
.TextButtonWithImage[disabled], fieldset[disabled]
.TextButtonWithImage,
.TextButtonWithImage.aspNetDisabled,
.RadUpload .ruButton.disabled,
.RadUpload .ruButton[disabled], fieldset[disabled]
.RadUpload .ruButton,
.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea .ruButton[disabled], fieldset[disabled]
.RadUploadProgressArea .ruButton,
.RadUploadProgressArea .ruButton.aspNetDisabled,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled], fieldset[disabled]
#masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled {
  pointer-events: none;
  opacity: 0.55;
  filter: alpha(opacity=55.0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  background-color: #007c66;
  border-color: transparent;
}
.btn:hover, .btn:focus, .btn:active, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited {
  color: #fff;
  background-color: #007c66;
  border-color: transparent;
}
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
}
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active, fieldset[disabled]
.TextButton, fieldset[disabled]
.TextButton:hover, fieldset[disabled]
.TextButton:focus, fieldset[disabled]
.TextButton:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active, fieldset[disabled]
.TextButtonWithImage, fieldset[disabled]
.TextButtonWithImage:hover, fieldset[disabled]
.TextButtonWithImage:focus, fieldset[disabled]
.TextButtonWithImage:active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active, fieldset[disabled]
.ruButton, fieldset[disabled]
.ruButton:hover, fieldset[disabled]
.ruButton:focus, fieldset[disabled]
.ruButton:active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active, fieldset[disabled]
.RadGrid input.TextButton, fieldset[disabled]
.RadGrid input.TextButton:hover, fieldset[disabled]
.RadGrid input.TextButton:focus, fieldset[disabled]
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active {
  background-color: #349ba4;
  border-color: transparent;
}

/* some Telerik overrides */
.ruButton {
  background-color: #349ba4 !important;
  color: #fff !important;
  cursor: pointer;
}

.RadUpload .ruBrowse {
  height: auto !important;
  padding: 5px 10px !important;
  line-height: 1.6 !important;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff;
  background-color: #43ba73;
  border-color: transparent;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  color: #fff;
  background-color: #025d4d;
  border-color: transparent;
}
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
}
.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
.RadGrid input.PrimaryButton, fieldset[disabled]
.RadGrid input.PrimaryButton:hover, fieldset[disabled]
.RadGrid input.PrimaryButton:focus, fieldset[disabled]
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  background-color: #007c66;
  border-color: transparent;
}

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
  border-radius: 8px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
  border-radius: 11px;
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #424242;
}
.CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus,
.CalloutArea1 .TextButton.PrimaryButton:hover,
.CalloutArea1 .TextButton.PrimaryButton:active,
.CalloutArea1 .TextButton.PrimaryButton:focus,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea2 .btn.PrimaryButton:hover,
.CalloutArea2 .btn.PrimaryButton:active,
.CalloutArea2 .btn.PrimaryButton:focus,
.CalloutArea2 .TextButton.PrimaryButton:hover,
.CalloutArea2 .TextButton.PrimaryButton:active,
.CalloutArea2 .TextButton.PrimaryButton:focus,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
  color: #fff;
  background-color: #232323;
}

/* CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #007c66;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: .3em;
}
.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #000000;
}
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
  background-color: #349ba4;
  color: #fff;
}
.RadTreeView.GLE .rtImg {
  border-radius: 5px;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #f7f3ed;
}

/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #f5f8e7;
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #000000;
}

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #333 !important;
  margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #f5f8e7;
  text-decoration: underline;
}

/* Event Display
   ========================================================================== */

.EventSummary .PhotoArea {
  padding: 2em;
}
.EventSummary .PhotoArea img {
  border: 1px solid #CCC !important;
}
.EventSummary .Description {
  padding: 0 2em 2em;
}
@media (min-width: 768px) {
  .EventSummary .Description {
    padding: 2em;
  }
}
.no-mqs .EventSummary .Description {
  padding: 2em;
}

/* EVENT PRICING GRIDS */

#rates {
 text-align: center;
 margin-bottom: 10px;
}

#rates .card {
 padding: 15px 15px 55px 15px;
 position: relative;
}

#rates h5 {
 color: white !important;
 padding: 12px;
 margin-bottom: 5px;
}

.attendee-category {
 background-color: #007c66;
 display: flex;
 justify-content: center;
 align-items: center;
 min-height: 76px;
 margin: -15px -15px 10px -15px;
}

.rates-active {
 color: #007c66;
 font-size: 1.1em;
}

.position-bottom {
 font-weight: bold;
 position: absolute;
 bottom: 10px;
 left: 0;
 right: 0;
 margin: auto
}

@media screen and (max-width: 991.5px) {
 #rates h5 {
 margin: 5px;
}

.attendee-category {
 min-height: 0px;
 }
}






.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #97d5da;
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
}

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #f7f3ed;
  padding: 1em;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}
.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #40C0CB;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #97d5da;
}
.ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after {
  content: " ";
  display: table;
}
.ProgressTracker2 .ProgressTrackerPanel:after {
  clear: both;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: Bevan, Georgia, serif;
  font-weight: 200;
}
.ProgressTracker2 div p {
  background-color: #fff;
  color: #000000;
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: #c1db70;
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: #50ddf6;
  color: #333333;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* Alternate style for Query Menu filter panel */
.FilterPanel {
  background-color: #eee;
  border: none !important;
  margin-top: -3px;
}
.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 140.0001%;
}
.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #f7f3ed;
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px dotted #ddd;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #007c66;
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #007c66;
}

/* TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #a8d49d  !important;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #abd08a ;
  border-radius: 5px 5px 0 0;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: #fff;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
  color: #dedede;
  border-color: transparent;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #97d5da;
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
  background-color: #fff;
}
.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgEditRow td {
  border-left-color: transparent;
}
.RadGrid.RadGrid_MetroTouch td.rgPagerCell,
.RadGrid.RadGrid_Metro td.rgPagerCell {
  border-width: 0;
}
.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgHeader:first-child,
.RadGrid.RadGrid_Metro th.rgResizeCol,
.RadGrid.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgRow td:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgAltRow td:first-child,
.RadGrid.RadGrid_Metro .rgEditRow td,
.RadGrid.RadGrid_Metro .rgEditRow td:first-child,
.RadGrid.RadGrid_Metro .rgFooter td,
.RadGrid.RadGrid_Metro .rgFooter td:first-child,
.RadGrid.RadGrid_Metro .rgFilterRow td,
.RadGrid.RadGrid_Metro .rgFilterRow td:first-child,
.RadGrid.RadGrid_Metro .rgNoRecords td,
.RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
  padding: 7px 12px;
}
.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent;
}
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #40C0CB;
  border-color: #40C0CB;
  color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #40C0CB;
  border-color: #40C0CB;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_MetroTouch th.rgSorted a,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_Metro .rgSelectedRow a,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_Metro th.rgSorted a {
  color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #40C0CB;
}
.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #40C0CB;
}
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #40C0CB;
}
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #40C0CB;
}
.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel,
.RadGrid.RadGrid_Metro input.rgAdd,
.RadGrid.RadGrid_Metro input.rgRefresh,
.RadGrid.RadGrid_Metro .rgSave,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
  background-color: #40C0CB;
}
.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover,
.RadGrid.RadGrid_Metro input.rgAdd:hover,
.RadGrid.RadGrid_Metro input.rgRefresh:hover,
.RadGrid.RadGrid_Metro .rgSave:hover,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
  background-color: #fff;
}

/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch,
.RadDataPager.RadDataPager_Metro {
  border: none;
  background-color: transparent;
}
.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_Metro .rdpPageFirst:hover,
.RadDataPager.RadDataPager_Metro .rdpPagePrev:hover,
.RadDataPager.RadDataPager_Metro .rdpPageNext:hover,
.RadDataPager.RadDataPager_Metro .rdpPageLast:hover,
.RadDataPager.RadDataPager_Metro .rdpPagerButton {
  background-color: #dbf5b8;
  border-color: #dbf5b8;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}

/**Changed 40C0CB to #dbf5b8***/
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #dbf5b8;
  background-color: #dbf5b8;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #dbf5b8;
}
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: Calibri, Helvetica Neue, Roboto, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
}
.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #349ba4;
}
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #349ba4;
}
.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #349ba4;
}
.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #349ba4;
  background-color: #349ba4;
  color: #fff !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #349ba4;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #349ba4;
  background-color: #349ba4;
}
.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #fff;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #349ba4;
}
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #349ba4;
}
.RadWindow.RadWindow_Metro .rwControlButtons a:focus {
  /* give the refresh, expand, close buttons an outline when focused */
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  /* needed for IE9 compability */
  border-collapse: separate;
  /* override setting from UltraWave */
  outline: none;
}
.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}

/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI {
  padding: 0;
}
.RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus {
  margin: 5px 6px 0 -17px;
  width: 11px;
  height: 11px;
  border-width: 0;
  left: auto;
  top: auto;
}

/*JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* This is for the full width area of the Cities and Cities_Responsive home page using content area to acheive the full width */
.HomePageFullWidthArea > .ContentItemContainer > .panel:not(.panel-border),
.HomePageFullWidthArea > .ContentItemContainer > div > .panel:not(.panel-border) {
  /* if borders are not turned on don't leave the space for them */
  border-width: 0;
}
.HomePageFullWidthArea > .ContentItemContainer > .panel > .panel-body-container > .panel-body,
.HomePageFullWidthArea > .ContentItemContainer > div > .panel > .panel-body-container > .panel-body {
  /* Turn off the padding on iPart panels */
  padding: 0;
}

/* For content intended to use full browser width when inside a container that is less wide than the browser. 
It moves the content to the center, then adds a negative margin on each side of 1/2 the viewport. */
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative;
}

.HeroBackground {
  height: 100%;
  background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover;
}

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: #000;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75);
}
.HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
  color: #fff;
  margin: 0 8px 8px 8px;
}
.HeroContent .TextButton {
  float: right;
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
  font-family: 'PT Serif', serif;
  font-weight: 600;
}
.carousel h2, .carousel .panel-heading {
  border-bottom: none;
}
@media (max-width: 991px) {
  .carousel h1 {
    font-size: 140%;
	}
   
}


@media (max-width: 640px) {
  .carousel  h1  {
    font-size: 60%;
	}
    .carousel h2 {
    font-size: 60%;
	}
	  .carousel h3 {
    font-size: 90%;
	}
	 .carousel h4  {
    font-size: 140%;
	}
	  .carousel h5 {
    font-size: 140%;
	}
}


.carousel2 .carousel-caption .img-copyright {
  right: 15%;
}

/* COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #333333;
}
.CommunityLinksBlock a:hover {
  background-color: #97d5da;
  color: #333333;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #349ba4;
  color: White;
  font-weight: bold;
  text-decoration: none;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #349ba4;
}

.CommunityItemTitle {
  font-size: 110%;
  padding: .25em 0;
}

.CommunityProfilePicture img {
  border-radius: 5px;
}

.CommunityReplyForm,
.CommunityCommentItem {
  background: #f2f2f2;
  border-left: 10px solid #ddd;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: #f2f2f2;
}

/* For adding comments */
.CommunityWikiReplyForm {
  background: #f2f2f2;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}


/* MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content - Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #006c81;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff;
}
.CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
  color: #fff;
}
.CalloutArea1 a, .CalloutBlockType1 a {
  color: #fff;
}
.CalloutArea1 .Error, .CalloutBlockType1 .Error {
  color: #eeeeee !important;
}
.CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea2 {
  background-color: #007c66;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff;
}
.CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
  color: #fff;
}
.CalloutArea2 a {
  color: #fff;
}
.CalloutArea2 .Error {
  color: #eeeeee !important;
}
.CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea3 {
  background-color: #000000;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff;
}
.CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
  color: #fff;
}
.CalloutArea3 a {
  color: #fff;
}
.CalloutArea3 .Error {
  color: #eeeeee !important;
}
.CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
  border-bottom: none;
}

/* Use class AltBgColor1 to put a light-colored background on an iPart or content block */
.AltBgColor1 {
  background-color: #f7f3ed;
  padding: 10px;
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
  background-color: #f7f3ed;
}

.CalloutPart1 .panel-heading,
.CalloutPart1 .panel-body {
  background-color: #97d5da;
}

.CalloutPart2 .panel-heading.Distinguish,
.CalloutPart1 .panel-heading.Distinguish {
  background-color: transparent;
}

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #f7f3ed;
}
.ContentBlockPrimary .Quote {
  background-color: #fff;
}

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase;
}
.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}
.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}
.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}
.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}
.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}
.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .5em;
  margin-bottom: .5em;
}
.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: .5em;
}
.ContentBlockPictureArea img,
.ContentBlockLeft img {
  max-width: 100%;
  height: auto !important;
}

.BlockList ul {
  margin: 0;
  padding: 0;
}
.BlockList li {
  list-style: none;
}
.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}
.BlockList a:hover {
  background-color: #f2ece2;
}
.BlockList a span {
  text-decoration: underline;
}
.BlockList p {
  color: #333333;
  margin-bottom: 0;
}

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

.BlockTLItem,
.BlockList li {
  border-bottom: 1px dotted #ddd;
}

.BlockTLItem h4,
.BlockList h4 {
  font-size: 110%;
  font-weight: normal;
}

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic;
}

cite {
font-size: .9em;
}

/* Use on the blockquote element for a styled quote */
.Quote {
  background: #f7f3ed;
  border-left: 10px solid #007c66;
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}
.Quote:before {
  color: #d8c4a6;
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
}
.Quote p {
  display: inline;
}
.Quote cite {
  display: block;
  margin-left: 1em;
  margin-top: .5em;
  font-style: italic;
}
.Quote cite:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2em;
  }
}
.no-mqs .Quote {
  font-size: 120%;
}
.no-mqs .Quote cite {
  font-size: 90%;
  margin-left: 2em;
}

.QuoteStyle2 {
  border-left-color: #000000;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #fff;
  background: #000000;
  width: auto;
  border-radius: 3px;
}
.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  left: 30px;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #000000 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #ddd;
}

.TotalBox label {
  background-color: #007c66;
  color: #fff;
  padding: .25em .75em;
  color: #fff;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay {
  background-color: #f7f3ed;
}

.CCOGrayBg .yui-g {
  float: none;
}

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none;
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #595959;
  font-size: 150%;
  line-height: 170%;
}

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center;
}

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: Bevan, Georgia, serif;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}
@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}
.no-mqs a.FeatureActionLink {
  font-size: 150%;
}
a.FeatureActionLink:hover {
  text-decoration: underline;
}

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}
.Spotlight img, .Spotlight h4 {
  text-align: center;
}
@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}
.no-mqs .Spotlight .ImageWrapper {
  height: 160px;
}
.Spotlight .TextButton {
  margin-top: 1em;
}
.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}
.Spotlight a img {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.Spotlight a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.SpotlightRow {
  margin-bottom: 1.2em;
}
.SpotlightRow:before, .SpotlightRow:after {
  content: " ";
  display: table;
}
.SpotlightRow:after {
  clear: both;
}
@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.no-mqs .SpotlightRow.ThreeAcross .Spotlight {
  float: left;
  width: 33%;
  padding-left: 5%;
  padding-right: 5%;
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #007c66;
  border-bottom: none;
  margin-bottom: .8em;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}
.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
  text-decoration: none;
  color: #fff;
}
.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}
.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: .8em;
  font-size: 110%;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}
.no-mqs .feature-link-with-image .feature-link-text {
  width: 45%;
}
.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}
.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #007c66;
  background-color: rgba(127, 169, 0, 0.75);
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #597600;
  background-color: rgba(89, 118, 0, 0.75);
}
.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #40C0CB;
  background-color: rgba(64, 192, 203, 0.75);
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #2ea0aa;
  background-color: rgba(46, 160, 170, 0.75);
}


.feature-text-inline {color: #007c66;}


.header-link {
  border-bottom: none;
}

.header-link a, .header-link a:visited {
  color: #43ba73;
  text-decoration: none;
}
.header-link a:hover, .header-link a:active, .header-link a:focus {
  color: #43ba73;
  text-decoration: none;
}

/* Image Banners
   ========================================================================== */
/* use to get a particular background image on an element */

.banner-tall, .banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 5px;
}
.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 {
  color: #fff;
}

.banner-text h2 {
  font-size: 100%;
}

.banner-tall {
  height: 500px;
  max-width: 300px;
}
.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}

.banner-short {
  min-height: 150px;
  max-width: 300px;
}
.banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%;
}

/*  Directory - Listing styles*/

.assoc h3 {
    clear: both;
    width: 45%;
    border-bottom: 2px solid #597;
    padding: 0 0 0 8px;
    font-size: 14px;
    line-height: 16px;
    color: #522;
}

.assoc ul {
    margin-left: 30px;
    padding-bottom: 8px;
}

.assoc li {
    list-style:none;
}

.assoc td {
    padding-left:10px;
    padding-bottom:10px;
}

.hefassoc li {
    list-style: none;
}
.hefassoc h3 {
    border-bottom: 2px solid #597;
    color: #522;
}

/* **HIDA CSS ***
********************************************************* */

.HIDA-button, .HIDA-button:hover {
    background-color: #007c67; 
}

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {line-height:90%;}

.green, .purple, .darkgreen {
  background-color:#007C66 !important;
  color:#ffffff;
  height:2.2em;
}

.black {color: #000 !important;}

/* ------ CARD STYLES ---------*/

.card-header {
  font-weight: bold;
  border-bottom: 0px;
  }
.green, .purple, .darkgreen {
  background-color: #fff !important;
  color: #7e7e7e;
  }
.card-simple {padding-top: 7px;}

.cards-simple, .cards-image {
  margin: 14px 0px;
  }
.card-upper {
  position: relative;
  min-height: 34px;
  }
.card-upper img {width: 100%;}

.card-upper span span {
  background-color: rgba(0, 124, 102, .9);
  color: white;
  font-size: .9em;
  text-transform: uppercase;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  }
.card-lower {padding: 15px;}

.content-description {
  color: #000 !important;
  font-size: .95em;
  padding: 5px 0px;
  }
.content-description a {color: #000 !important;}

.content-type, .content-date {
  color: #7e7e7e;
  font-size: .9em;
  text-transform: uppercase;
  }

.content-type {padding-bottom: 4px;}
.content-date {padding: 10px 0px;}

.cards-image .content-title, .content-title-image {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.3em;
  color: #373a3c;
  }
.cards-simple .content-title, .content-title-simple {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
  color: #373a3c;
  }
.read-more {font-weight: bold;}

.cards-simple .read-more, .read-more-simple {
  background-color: #73ba43;
  border-radius: 100px;
  padding: 3px 8px;
  color: white;
  }
.cards-simple .read-more span {color: white !important;}

.photo-text-rows .col-md-8,
.photo-text-rows .col-md-9 {
  background-color: white;
  padding: 10px 35px 20px;
  }

.photo-text-rows img {width: 500px;}
.photo-text-rows p {font-size: 1.05em; color: black;}

@media screen and (min-width: 768px) {
  .photo-text-rows .col-md-8,
  .photo-text-rows .col-md-9 {
    padding: 9px 30px 15px 15px;
  }
}

/* ------------------END 2022 CARD STYLES */

.card-header
{
  margin:0 !important;
  padding-left: .7em !important;
  padding-right: 0 !important;
  padding-top:.5em !important;
  padding-bottom:0 !important;
  font-size:.9em;
  font-weight: normal;
}
.card {
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: .25s box-shadow;
  transition: .25s box-shadow;
  font-family: 'Roboto', sans-serif;
  
}

.card-text, .card-title
{
  line-height:1.2em;
  font-size:.85em;
  padding: .7em;
}
.card:focus, .card:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.25), 0 4px 15px 0 rgba(0, 0, 0, 0.40);
}

.card-inverse .card-img-overlay {
  background-color: rgba(51, 51, 51, 0.85);
  border-color: rgba(51, 51, 51, 0.85);
}

.row a {
  color: #43ba73;
}

*/ REMOVE UNDERLINE FROM CARD LINKS */
.card a:active, .card a:hover, .card a:visited, .card a:focus, .card a:link,
article a, article a:hover, article a:visited {
  text-decoration: none !important;
}

.aecimagethumb img
{
  object-fit: cover;
  width: 100%;
}

.hida-featured .card-block {padding: initial !important;}

.hida-hp-tag .card {min-height: 500px;}

.hida-featured .card-header
{
  border-radius:0 !important;
  text-transform:uppercase;
 }

.hida-featured .aecimagethumb
{
  height:10rem !important;
  overflow-y: hidden;
}

.hida-hp-tag h2.panel-title
{
  font-size:1.5rem !important;
  font-weight:bold;  
}

.hida-hp-tag .panel-heading {border:none;}

.hida-bg-cover {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  height: 100px;
  left: 50%;
}

.hida-hp-btns {
  background-image:url("image/pixel.png");
  background-color: #eaeaea;
  border: solid 1px #dedede;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.hida-action-text {
  color: #333333;
  text-align: center;
  text-transform: uppercase;
  font-size: .9em;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 4%;
}

.hida-action-text:hover {
  color: #39842d !important;
  background-color: #bfd1ad;
  font-weight: bold;
  padding: 4px;
}

.hida-action-btn {
  height:100px;
  text-decoration: none;
  background-color: #cccccc;
  border: solid 1px #c5c5c5;
  width: 100%;
  padding: 5%;
  margin-right: 1%;
}

.breadcrumb-obo-container{display:none;}


.carousel-control.left,
.carousel-control.right {
  opacity: 1;
  background-image:none !important;
}

@media (min-width: 200px) {
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    font-size:80px !important;
  }
}

.carousel-indicators {
  padding-bottom: 0px;
  margin-bottom:-20px;   
}

/* *Interior Menu - Right Hand****** */
.sub-nav-body {
  background-color: #F5FAE7;
  z-index: 9999;
  }

/**--custom telerik setting --**/
span.rtsTxt {font-size: 20px;}
.rtsLevel.rtsLevel1 {height: 29px;}

.custom-object-fit img {
  width: 100%;
  max-width: none;
  position:relative;
  /*height: 100% !important;
  max-height: none;*/
 }


.DHCBackground {
  background: url("/am/images/4Q/hida-green-background-lightened.jpg");
  min-height:240px;
  background-size:cover;
  text-align:center;
}


.DHCContent {	
  padding-top:2em;
  padding-bottom:2em;
}
.hpcards {
  max-width:1100px;
  display:inline-block;
  text-align:center;	
}

.hpcards .card {
  width:281px;
  display:inline-block;
}

.hpcards li {
  list-style:none;
  float:left;
  padding:20px !important;
  display:inline;
}

.hpcards p {
  font-size: 1.1em;
  text-align: center;
  text-shadow: 2px 2px 4px #eee;
  font-weight: bold;
}

.HidaEmail input[type="text"] {
  border-color: green;
  width: 400px;
  height: 37px;
}

.EmailPopButton {
  color: white;
  background-color: green;
  height: 39px;
  margin-left: -8px;
}

.HidaEmailPopUp {background-color: #fff !important;}

.HidaEmail a {font-size:10px;}

#clickme {
    height: 200px !important;
    z-index: 9999;
    position: relative;
    background-color: #4aa14d;
    border-color: #4aa14d;
    width:45px;
}

/** HIDA PREFERENCE FORM ********************* */

.pref-table {width:100%;}

.pref-head {
  background-color: #007c66 !important;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.ck-pref1 {
  color: #007c66 !important;
  font-weight: bold;
  font-size: small;
  letter-spacing: -0.9px;
  vertical-align:top;
  width:25%;
}

.pref-desc {
  font-size:small;
  letter-spacing:-0.9px;
  vertical-align: top;
  margin-left:27px;
  color:black;
}

.hida-hide-downloads {display: none!important;}


/* BUTTONS **** */

.button-primary, .button-event {
  padding: 15px 20px;
  border-radius: 3px;
  color: white;
  text-decoration: none;
  line-height: 3.6;
}

/* BUTTON COLORS */
/* .button-event has a default color in case none has been specified */

.button-primary, .button-event, .button-event.ec {
  background-color: #43ba73;
}

.button-event.msc {
  background-color: #73ba43 !important;
}

.button-event.shx {
  background-color: #f7931d !important;
}

/*De-emphasizes Cancel Registration button in iMIS */

#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_CancelRegistrationButton {
    background-color: white;
    color: #43ba73;
    font-size: 1em !important;
    font-weight: bold;
    padding: 0px !important;
}

/* Emphasizes Checkout Button in iMIS */

#ctl01_TemplateBody_WebPartManager1_gwpciNewCartCheckoutButtonLinkCommon_ciNewCartCheckoutButtonLinkCommon_RedirectToCartButton {
    font-size: 1.2em;
    font-weight: bold;
}

/* BUTTON LINK BEHAVIOR */

.button-primary:link, a.button-primary:active, a.button-primary:visited, a.button-primary:hover, a.button-primary,
.button-event:link, a.button-event:active, a.button-event:visited, a.button-event:hover, a.button-event {
  color: white !important;
  text-decoration: none;
}

.ResourceIndx {font-weight: 500; font-size:.95em;text-transform: uppercase; padding: 0.5em; line-height: 270%; margin-left: -10px; }
.ResourceBtn {background-color: #43ba73; padding: .5em;  margin-top:2px; margin-right:2px; margin-bottom: 0px;line-height: 2.6; color: white !important}
.ResourceBtn a, a.ResourceBtn {color: white !important;}

.ResourceDkBlBtn {background-color: #1f5587; color:white !important; padding: .5em;  margin-top:2px; margin-right:2px; margin-bottom: 0px;line-height: 2.6; text-transform: uppercase;}


.ConferenceDkGrnBtn {background-color: #00715d; color:white; padding: .4em; margin-top:2px; margin-bottom:2px;  margin-right:4px; line-height: 1.6;text-transform: uppercase; font-size:90%;}
.ConferenceLiGrnBtn {background-color: #088b74; color:white; padding: .4em; margin-top:2px; margin-bottom:2px;  margin-right:8px; line-height: 2.6; }
.ConferenceExBlueBtn {background-color: #1f5587; color:white; padding: .4em; margin-top:2px; margin-bottom:2px; line-height: 2.1; margin-right:4px; text-decoration:none; text-transform:uppercase; }

/*With larger padding for SHX landing*/
.ConferenceDkBlueBtn {background-color: #1f5587;color:white; padding: .9em; margin: 5px 4px 5px 0px; line-height: 2.6; text-decoration:none; text-transform:uppercase; }

.SHbtn-orange {font-weight: normal; background-color: #f7931d; color:white!important; padding: .8em; line-height: 2.6; margin: 5px 4px 5px 0px; text-decoration:none;}


.carousel-caption {
  color: #fff;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0,0,0,0) !important;
}


/* * ZONE CLASS ****
******************************************************************************* */
.light-grey {
  background-color: #fff !important;
  padding:6px;
  border:5px solid #fff ;
  font-size:.8em !important;
  margin-left:-10px;
  line-height: 1.3em;
}

.light-green {
  background-color: #f2fdea !important;
  padding:6px;
  border:5px solid #fff;
  margin-left:-10px;
  line-height: 1.1em;
}

.mid-green {
  background-color: #b1e1a5;
  padding:6px;
  margin-left:-10px;
  line-height: 1.1em; 
}


.mid-blue {
  background-color: #d5e5ef;
  padding:6px;
  margin-left:-10px;
  line-height: 1.1em;  
}

.light-aqua {
  background-color: #72ecf7 !important;
  color:#0d2e53 !important;
  padding:0px 0px -15px 0px;
  border:5px solid #72ecf7 ;
  margin-top:0px;
  margin-left:0x;
  margin-bottom: 10px;
  line-height: 1.1em;
}

.light-aqua a {
  color:#1e4c80 !important;
}

.light-orange {
  background-color: #f17b22 !important;
  color:white !important;
  padding: 10px -55px -15px 30px;
  border:5px solid #f17b22 ;
  margin-top:0px;
  margin-left:0x;
  margin-bottom: 10px;
  line-height: 1.1em;
}

.light-orange a {
  color:white !important;
}



.light-orange-block {
  background-color: #ffe5cc !important;
  padding:10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: .25s box-shadow;
  transition: .25s box-shadow;
  margin-bottom:10px;
}

.shadow-block {
  background-color: transparent !important;
  padding:8px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: .25s box-shadow;
  transition: .25s box-shadow;
  margin-bottom:10px;
}


.lighter-orange-block {
  background-color: #ffe5cc !important;
  padding:10px;
  margin:10px;
  margin-bottom:10px;
  font-weight:bold !important;
  font-size: 1.1em !important;
}

.light-orange-shadow-block {
  background-color: transparent !important;
  padding:8px;
  border:2px solid #cccccc; 
  box-shadow: 0 2px 5px 0 rgba(249, 175, 86, 0.16), 0 2px 10px 0 rgba(249, 175, 86, 0.12);
  -webkit-transition: .25s box-shadow;
  transition: .25s box-shadow;
  margin-bottom:10px;
}

.light-grey-block {
  background-color: #eee !important;
  padding:5%;
  border:5px solid #fff;
  margin-left:0px;
  margin-bottom:10px;
  line-height: 1em;
}


.light-blue-block {
  background-color: #d0ebec !important;
  padding:5%;
  color:#245583;
  border:5px solid #fff;
  margin-left:0px;
  margin-bottom:10px;
  line-height: 1.1em;
}

.light-blue-block a, .light-blue-block a:visited, .light-blue-block a:hover, .light-blue-block a:focus, .light-blue-block a:active {
  color:#1f5587;
}

.card {
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: .25s box-shadow;
  transition: .25s box-shadow;
}

/** FIGCAP DROP SHADOW <-- doesnt work in all browsers **/

figure{
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.1));
  filter: drop-shadow(0px 5px 5px  rgba(0,0,0,0.1));
}

figure p {font-size:.95em;}

/** DIVIDER CLASS -used on Contacts, Calendar **/

.hidweblistingdivider { color:#ffffff !important; border-bottom: 1px solid #eeeeee !important; !important; margin-top:-3em !important; margin-bottom:1em !important; width:90%; border-width:90%;}
.hidawebfullwidth { padding-bottom:5px; margin-bottom:0px;}


/***special IE class for Subscribe button ***/
.ie-subscribe-btn {writing-mode: tb-lr !important;}

/* CHANGE PANEL HEAD to H4*/

.panel-title {font-size:160% !important; padding-left:0px;} 
 
@media only screen and (max-width:480px) {
  .nodisplaybutton {display: none;}
 }

@media screen and (max-width:992px)
 {
  .hida-btn {display:none !important}
 }

/** MASTER LOGO **/

@media screen and (min-width: 768px) and (max-width: 890.5px) {
 #masterLogoArea {
  padding-top: 0;
}
}

@media screen and (min-width: 587px) and (max-width: 708.5px) {
 #masterLogoArea {
  padding-top: 0;
}
}

@media screen and (max-width: 586.6px) {
#masterLogoArea {
  padding-top: 0;
  margin-top: 0;
}
}

@media only screen and (max-width:40em) {
  #masterLogoArea {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:2.5em;
    margin-bottom:0px;
 }

 .nav-auxiliary {
  font-size: 12px !important;
  margin-left:-15px;
 }

 .header-top-container {height:45px;} 

 .navbar-toggle {
  padding: 5px 1px;
  margin-right:0px;
  margin-left:-5px;
 }

 .nav-auxiliary {height:42px; padding:0px;margin-left:-30px;}

 .mobile-special {display:none !important;}
			
}

#ctl01_Primary_NavMenu {
  margin-top:-0px;
}
.figcaption {font-size:80%; text-shadow: none; box-shadow:none;} 

.HISCIHidden {display:none !important;}

.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -50px;
  background-position-y: -50px;
}

/** Event Speakers centered **/
div.center {
  text-align: left;
  width: 180px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* *************************
* COLLAPSIBLE LIST
/***********************/

#faq {
  margin-top: 10px;
}
.accordion-item {
  padding: 0 10px;
}
.accordion-section h2 {
  color: #1c81ac;
  margin-bottom: 10px;
  text-transform: capitalize;
  margin-top: 0;
  letter-spacing: 0;
}
section h2 {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.panel-group {
  margin-bottom: 0;
}
.accordion-section .panel-heading {
  background-color: #f5fae7;
  color: #323b40;
  padding: 10px 0 5px;
}
.accordion-section h4.panel-title {
  padding: 0 10px;
  margin-bottom: 5px;
  letter-spacing: 0;
  font-weight: 400;
}
#faq .collapsed {
  display: table;
  line-height: 1em;
}
#faq .faq-toggle {float: left;}

section.faq .fa:before {
  /* font-size: 20px;*/
  padding-right: 10px; /*8px*/
   padding-left: 10px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .pricing-plans-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none;
}
section.faq .panel-body p {text-align: left;}
 p, #faq .ul li {list-style-type: disc;}

#faq ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 10px;
	
}
#faq ul {
  margin: 0;
  padding: 0;
}


/* For responsive ul, p, etc to only be 3 columns at screens 992+ px wide */

@media only screen and (min-width: 992px) {
.col-count-3-lg {
    column-count: 3;
}
}




.panel-title-size {font-size: 1.1em;}

/* END COLLAPSIBLE */
/**********************************************************************/

.Btn-dkgreen-pdf {font-weight: normal; font-size: .9em !important; background-color: #0e7d67; white !important; padding: 10px 0px 1px 15px; margin-top:5px; margin-bottom:5px;  margin-right:4px;text-decoration:none; text-transform:uppercase;}
.Btn-dkgreen-pdf a, .Btn-dkgreen-pdf a:link, .Btn-dkgreen-pdf a:visited {
 	color: white !important;
	font-weight:normal !important;
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 40px !important;
    height: 40px !important;
    margin-top: -15px !important;
}

/* SUPPLY CHAIN SLIDER */

@media (min-width:1200px) {
  .hida-custom-slide .carousel-inner.bg-img {width:80%; left:10%;}
}

@media (max-width:1199px) {
  .hida-custom-slide .carousel-control .icon-prev {left: -50% !important;}
  .hida-custom-slide .carousel-control .icon-next {right: -30% !important;}
	
}

@media (max-width:560px) {
  .hida-custom-slide .carousel-control .icon-prev {left: -50% !important;}
  .hida-custom-slide .carousel-control .icon-next {right: -50% !important;}	
}

.hida-custom-slide .carousel-inner.bg-img > .item {
  background-size:contain !important;
  background-color:#fff !important;
  }

#car-capt p {height: fit-content !important;}

.superbold {font-weight: 700 !important;}
	  
@media only screen and (max-width: 600px) {
  .right {
    float:none !important;
    width:50% !important;
    margin-bottom:10px;
    }
  .left {
    width:100% !important;
    /*margin-top:20px;*/
    }
    }	
	
/* ADD BRIGHT GREEN BUTTON TO AUX NAV */

.aux-important-notice.ResourceBtn {
  background-color: #43ba73; 
  padding: 9px 5px 10px;
  margin: -60px 0px 0px 15px;
  line-height: normal;  
  z-index: 100;
}

/**Remove chrome outline for focus and hover ***/
*, *:focus *:hover {
   outline: transparent !important;
}
	
ul.sentences li, ol.sentences li {
  margin-bottom: 6px;
}

.quote {
  font-style: italic;
  font-weight: bold;
  font-size: 1.1em;
  font-family: PT serif, serif;
}

.parens-note {
  font-size: .88em;
  font-style: italic;
}

/* HOMEPAGE BANNER */

#feature-banner {
  background-repeat: no-repeat;
  background-position: top;
background-size: cover;
  padding: 40px;
  min-height: 500px;
}

#feature-banner h2 {font-size: 3em !important;}

#feature-banner p {
  margin: 20px 0px 40px;
  font-size: 1.7em;
}

#feature-banner h2, #feature-banner p {
  color: white;
  text-shadow: 2px 2px 4px #000;
}
	
@media only screen and (min-width: 767.5px) {
 .half-width {width: 50%;}
}

@media screen and (min-width: 1400px) {
 #feature-banner {padding: 40px 58% 40px 8% !important;}
}

@media screen and (min-width: 768px) and (max-width: 1399.5px) {
 #feature-banner {padding: 30px 33% 30px 50px  !important;}
}

@media screen and (max-width: 767.5px) {
 #feature-banner {padding: 23px 40px 40px  !important;}
}

.banner-darkened {
  width: 100%;
  background-color: #7e7e7e;
  padding: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
  color: white !important;
  min-height: 350px;
  }

.banner-magazine h1 {
  color: white !important;
  margin-top: 0 !important;
  }

.banner-magazine h5 {color: white !important;}

/* HOMEPAGE CARDS UNDER BANNER */
.white-boxes-on-gray {
  text-align: center;
  font-weight: bold;
}

.white-boxes-on-gray .box {
  padding: 15px;
}

.white-boxes-on-gray a, .white-boxes-on-gray a:active, .white-boxes-on-gray a:visited, .white-boxes-on-gray a:hover, .white-boxes-on-gray a:focus, .white-boxes-on-gray a:link {
  color: #43ba73;
  text-decoration: none;
}

.white-boxes-on-gray .box span {
  color: black !important;
}

#featured-below-banner p {
  font-size: 1.1em;
  text-align: center;
  text-shadow: 2px 2px 4px #eee;
  font-weight: bold;
}

/* MAGAZINE */

.banner-magazine img {
  margin-bottom: 20px;
  width: 500px;
}

.banner-magazine p {
  color: white !important;
  font-size: 1.1em;
}

#magazine-thumbnail {
  width: 250px;
  float: right;
  margin: 0 0 15px 15px;
  border: 1px solid #7e7e7e;
}

.callout-green {
  background-color: rgba(0,124,102,.1);
  padding: 20px;
  margin: 15px 0;
  text-align: center;
}

.callout-gray {
  background-color: #eee;
  padding: 20px;
  margin: 15px 0;
}

.callout-gray-tagged-content {
  background-color: #eee;
  padding: 10px 20px 0;
  margin-bottom: 45px;
}


/* LOGO GRIDS */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1.4rem;
}

.grid > div, .logo-tile {
  padding: 0.8rem;
  background-color: white;
}

.grid > div > img, .logo-tile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: middle;
}


/* EVENTS CALENDAR */
.calendar {
  background-color: #eee;
  padding: 18px 18px 3px;
}

.calendar .col-xs-3 {width: 80px;}

.calendar h4 {
  padding-top: 0px !important;}

.calendar-tile {
  text-align: center;
  font-weight: bold;
  background-color: #fff;
  width: 68px;
  height: 67px;
  padding: 10px;
}

.calendar .col-xs-3, .calendar .col-xs-9 {
  margin-bottom: 20px;
}

.event-month, .event-date, .event-location {
  display: block;
}

.event-month, .event-location {font-size: .9em;}

.event-month {
  text-transform: uppercase;
  color: #007c66;
}

.event-name {font-weight: bold;}

.toggle-link {cursor: pointer;}

a.toggle-link {text-decoration: none;}


#website-footer #utility-links {font-size: .9em;}

#website-footer #social-icons {margin-top: 15px;}

#website-footer svg {
  color: white;
  margin-right: 7px;
}

#website-footer svg:nth-child(3) {margin-right: 0px;}

#footer-left a:hover, #footer-right a:hover, svg:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #fff;
}

#footer-left a, #footer-right a {color: #fff;}

@media only screen and (max-width: 767.5px) {
 .text-center-sm {text-align: center;}
 #footer-right {margin-top: 10px;}
}

@media only screen and (min-width: 768px) {
 .text-left-md {text-align: left;}
 .text-right-md {text-align: right;}
}

/* VIMEO IFRAMES */

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (9/16 = 0.5625) */
 }
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
 }

/* Allows custom line breaks on desktop that do not affect mobile display */

@media screen and (min-width: 1201px) {
  .responsive-break {
    display: block;
  }
}