/* ==========================================================================
 Basic styling
 ========================================================================== */ 

h1, .h1, .PageTitle {
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-weight: normal;
  color: #169FCB;

}

h2, .h2, div.PanelTitle {
	font-size: 200%;
  font-family: "Garet", Century Gothic, Arial sans-serif;
	font-weight: normal;
	color: #169FCB;
  line-height: 1.45em;
}

h3, .SectionTitle {
  font-size: 150%;
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-weight: 100;
  color: #02609D;
  text-transform: uppercase;
}

h4, .h4, .SectionLabel {
font-size: 120%;
font-family: "Garet", Century Gothic, Arial sans-serif;
font-weight: normal;
color: #02609D;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 100%;
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-weight: 200;
  color: #006c81;
}

h6, .h6 {
  font-size: 85%;
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-weight: 200;
  color: #333333;
  margin: 0;
}


body {
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #333333;
}

 /* Secondary Nav */ 

#masterContentArea {
  padding-bottom: 40px;
}

 /* Secondary Nav */ 

.col-secondary .sub-nav .sub-nav-head {
    background-color: #02609D;
	font-weight: normal;
}
	
	
	
/* Buttons */ 
.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    background-color: #B2FBEF;
    border-color: transparent;
    color: #02609D;
	
}

.btn:hover, .btn:focus, .btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: #FFF;
  text-decoration: none;
  background-color: #169FCB;
  border-color: rgba(0, 0, 0, 0);
}

.btn, .btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: #02609D;
}

.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, 
.RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #169FCB;
    color: #FFF;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  color: #02609D;
  text-decoration: none;
  background-color: #b2fbef;
  border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton, .PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  color: #fff;
}


/* Links */ 

body {
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

a, .Link,
.RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a,
.RadToolTip.RadToolTip a {
  color: #169FCB ;
  text-decoration: underline;
}

a:visited, .Link:visited,
.RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
  color: #02609D ;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
  color: #02609D ;
  text-decoration: underline ;
}


a.FeatureActionLink {
  transition: all 0.2s ease-in;
  font-family: "Garet", Century Gothic, Arial sans-serif;
  font-size: 190%;
  font-weight: bold;
}


/* ==========================================================================
   HEADER LOGO
   ========================================================================== */

#masterHeaderImage {
  background-image: url(/images/OHAA/OHAAlogo-v5.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 100px;
  background-size:cover;
  background-position:center;
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}



/* ==========================================================================
   CONTENT COLLECTION ORGANISER
   ========================================================================== */

   .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: "Garet", Century Gothic, Arial sans-serif;
   }

   html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #B2FBEF;
    background-color: #B2FBEF;
    color: #02609D;
  }

  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
    color: #000;
    background-color: #B2FBEF;
  }
  
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: #00F3CC;
  }

  @media (max-width: 600px) {
    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL {
      float: none;
      font-family: "Garet", Century Gothic, Arial sans-serif;
      width: 100%;
      display: block;
    }
    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
      margin: 0;
    }
  }


/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */

   .navbar-collapse, .searchbar-collapse {
    background-color: #FFF;
  }

  .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
    font-family: 'Garet', Century Gothic, Arial sans-serif;
    font-weight: normal;
  }

  .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
  text-transform: uppercase;
  font-family: 'Garet', Century Gothic, Arial sans-serif;
  font-weight: normal;
  color: #02609D;
  letter-spacing: 0;
}

.RadMenu.RadMenu_London .rmLink {
    color: #02609D;
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */
  }

  .RadMenu.RadMenu_London .rmRootLink.rmSelected {
    /* root item selected styles */
    color: #FFF;
    background-color: #169FCB;
  }

  .RadMenu.RadMenu_London .rmRootLink.rmExpanded,
.RadMenu.RadMenu_London .rmRootLink:hover,
.RadMenu.RadMenu_London .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #b2fbef;
  color: #02609d;
}

.RadMenu.RadMenu_London .rmGroup {
  background-color: #F5F5F5;
}

.RadMenu_London .rmSlide .rmLink {
    color: #02609D;
  }
  
  .RadMenu_London .rmSlide .rmSeparator,
  .RadMenu_London .rmSlide .rmVertical > .rmSeparator,
  .RadMenu_London .rmSlide .MegaDropDownMenuSeparator > .rmLink {
    border-bottom: 1px dotted #fff;
  }

.RadMenu_London .rmSlide .rmFocused > .rmLink,
.RadMenu_London .rmSlide .rmSelected > .rmLink,
.RadMenu_London .rmSlide .rmItem.rmSelected .rmLink {
  background-color: transparent;
  color: #169FCB;
}

.RadMenu_London .rmSlide .rmLink:hover, .RadMenu_London .rmSlide .rmLink:focus, .RadMenu_London .rmSlide .rmLink.rmFocused,
.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: #b2fbef;
  color: #02609D;
}

/**** NAVBAR TOGGLE ****/

.navbar-toggle.collapsed {
  padding-bottom: 1px;
  background-color: #169FCB;
}

.navbar-toggle:hover, .navbar-toggle:focus {
  /* background-color: #2a7e85; */
  background-color: #02609D;
}


/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/

.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn,
.sub-nav-body .RadTreeView.RadTreeView .child-is-selected.rtIn {
  background-color: #b2fbef;
  color: #02609D;
  font-weight: bold !important;
}

.sub-nav-body .RadTreeView.RadTreeView a.rtIn {
    color: #169FCB;
    transition: all 0.2s ease-in;
    margin: 0;
  }

  .sub-nav-body .RadTreeView.RadTreeView a.rtIn:hover, .sub-nav-body .RadTreeView.RadTreeView a.rtIn:focus {
    background-color: #fff;
    color: #02609D;
  }
  
  .sub-nav-body .RadTreeView.RadTreeView a.rtIn:active {
    background-color: #fff;
  }
  
  .col-secondary .sub-nav {
    background-color: #F5F5F5;
    margin-bottom: 1em;
  }
  
  .col-secondary .sub-nav .sub-nav-head {
    background-color: #02609D;
    color: #fff;
    font-size: 120%;
    padding: 10px 15px;
  }

  .col-secondary .sub-nav .SubNavigationSeparator {
    border: none;
    height: 4px;
    background-color: #02609D;
  }


    /* Footer styling */ 

#ft h4 {
   color: #fff;
   font-family: "Garet", Century Gothic, Arial sans-serif;
   font-weight: normal;
}

.footer-nav-copyright { 
	background-color: #02609D;
	color: #FFF;
}

.footer-content {
	background-color: #169FCB;
}

#ft {
    background-color: #169FCB;
}


#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #00F3CC;
}

#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
  color: #00F3CC;
}

#masterFooterContent a:hover, #masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
  color: #00F3CC;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
    background-color: #02609D;
    color: #fff;
  }



/* ========================================================================== 
    Callout Area 1
   ========================================================================== */


  .CalloutArea1, .CalloutBlockType1 {
    background-color: hsla(195, 81%, 44%, 0.15);
    box-shadow: inset 0 3px 5px hsla(204, 97%, 31%, 0.1);
    color: #02609D;

  }
  .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: #02609D;
  }



  /* ========================================================================== 
    Internal Banners
   ========================================================================== */

    /* The text overlay */
  .overlay-text {
    position: absolute;  /* Position the text relative to the .banner */
    bottom: 0;  /* Align text to the bottom of the banner */
    left: 5%;
    text-align: left;
    padding: 20px;  /* Add padding around the text */
    z-index: 1;  /* Ensure the text is on top of the image */
    }

    /* Additional text styling */
  .overlay-text h1 {
    font-family: "Garet", Century Gothic, Arial sans-serif;
    color: #FFF;
    font-size: 300%;  /* Adjust size of the heading */
    margin-bottom: 10px;  /* Space between heading and paragraph */
    }

    .overlay-text h2 {
      font-family: "Garet", Century Gothic, Arial sans-serif;
      color: #02609D;
      font-size: 300%;  /* Adjust size of the heading */
      margin-bottom: 10px;  /* Space between heading and paragraph */
      }
  

    .GCmain-banner {
      position: relative;  /* Makes it a positioning context for text overlay */
      width: 100vw;  /* Full width of the viewport */
      left: 50%; /* Move the container to the right */
      margin-left: -50vw; /* Pull the container back by 50% of the viewport width */
      height: 400px;  /* Adjust this based on your design */
      background-image: url('/images/oral%20health%20congress/2026/oc26%20webcontent/nico-smit-unsplash%20bruny%20island.jpg?version=57CDBDFF');  
      background-size: cover;  /* Ensures the image covers the entire header */
      background-position: center;  /* Centers the image */
       /* margin-top: -2vw; */
    }

    .Dental-Banner {
      position: relative;  /* Makes it a positioning context for text overlay */
      width: 100vw;  /* Full width of the viewport */
      left: 50%; /* Move the container to the right */
      margin-left: -50vw; /* Pull the container back by 50% of the viewport width */
      height: 400px;  /* Adjust this based on your design */
      background-image: url('/images/Oral%20Health%20Congress/2025/WebContent/Dental-BG.webp');  
      background-size: cover;  /* Ensures the image covers the entire header */
      background-position: center;  /* Centers the image */
       /* margin-top: -2vw; */
      }

  .Accom-banner {
    position: relative;  /* Makes it a positioning context for text overlay */
    width: 100vw;  /* Full width of the viewport */
    left: 50%; /* Move the container to the right */
    margin-left: -50vw; /* Pull the container back by 50% of the viewport width */
    height: 400px;  /* Adjust this based on your design */
    background-image: url('/images/Oral%20Health%20Congress/2025/WebContent/GoldCoast-Banner1.png');  
    background-size: cover;  /* Ensures the image covers the entire header */
    background-position: center;  /* Centers the image */
       /* margin-top: -2vw; */
    }

/* Add an opacity color overlay using a pseudo-element */
  .Accom-banner::before {
    content: "";  /* This creates a pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);  /* Black color with 50% opacity */
    z-index: 1;  /* Ensure the overlay is on top of the image */
    }


    .Visit-GC-banner {
      position: relative;  /* Makes it a positioning context for text overlay */
      width: 100vw;  /* Full width of the viewport */
      left: 50%; /* Move the container to the right */
      margin-left: -50vw; /* Pull the container back by 50% of the viewport width */
      height: 400px;  /* Adjust this based on your design */
      background-image: url('/images/Oral%20Health%20Congress/2025/WebContent/VisitGC.jpg');  
      background-size: cover;  /* Ensures the image covers the entire header */
      background-position: center;  /* Centers the image */
       /* margin-top: -2vw; */
      }



  /* ========================================================================== 
    Committee Page
   ========================================================================== */

      .comm-container {
        display: flex;
        align-items: flex-start; /* Align items to the top */
        padding: 5px;
        }
        .left-column img {
        max-width: 175px; /* Image will not exceed 200px */
        height: auto; /* Maintain aspect ratio */
        border-radius: 15px;
        }
        .right-column {
        flex: 1; /* Allow right column to take up remaining space */
        padding-left: 20px;
        }

  /* ========================================================================== 
    Carousel Caption
   ========================================================================== */

   .carousel-caption {
    position: absolute;
    bottom: 0;
    left: 5%;
    text-align: left;
    padding: 20px 50px 20px 50px;
    background-color: rgba(2, 96, 157, .5);
    border-radius: 10px;
    margin-bottom: 20px;
    right: auto;
   }



  /* ========================================================================== 
   HEADER BANNERS
   ========================================================================== */

.banner-zone {
  position: relative;
  width: calc(100vw - 17px);
  left: 50%;
  margin-left: calc(-50vw + 8.5px);
  display: grid;
  grid-template-rows: 400px;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 20px;
}

.banner-zone .iMIS-WebPart {
  grid-row: 1;
  grid-column: 1;
  min-height: 400px;
}

.banner-zone .ContentItemContainer,
.banner-zone .banner-image {
  height: 100%;
  margin: 0;
  padding: 0;
}

.banner-zone .banner-image img {
  width: 100%;
  height: 400px;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.banner-zone .banner-text {
  position: absolute;
  bottom: 0;
  left: 5%;
  padding: 20px;
  z-index: 1;
}

.banner-zone .banner-text h1 {
  font-family: "Garet", Century Gothic, Arial, sans-serif;
  color: #FFF;
  font-size: 300%;
  margin-bottom: 10px;
}

.banner-zone .banner-text h2 {
  font-family: "Garet", Century Gothic, Arial, sans-serif;
  color: #02609D;
  font-size: 300%;
  margin-bottom: 10px;
}