
@import url('//fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('//fonts.googleapis.com/css2?family=Fjalla+One&family=Nunito:wght@200;300;400;600;700;800;900&display=swap');

/***********************************/
/********** TEMPLATE         *******/
/***********************************/

body {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    font-family: Arial !important;
    background-color: #fff;
}


@media (min-width: 768px){
.header-bottom-container {
    background-color: #fff !important;
    position: initial;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 555;
}
.header-top-container {
    position: inherit !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 666;
}


.Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before {
    content: '';
    display: block;
    float: left;
    margin: 0 1em 0 0;
    width: 90px;
    height: 90px;
    background: transparent url(images/ThemeIconsSprite.png) -65px 0px no-repeat !important;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1, .Wrapper-HomePage .FullWidthArea-StyleBg2, .Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg4, .Wrapper-HomePage .FullWidthArea-StyleBg5 {
    padding: 50px 1%;
    min-height: auto !important; 
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before {
    content: '';
    display: block;
    float: left;
    margin: 0 0em 0 0 !important;
    width: 0px !important;
    height: 0px !important;
    background: transparent url(none) -65px 0px no-repeat !important;
}

.Wrapper-HomePage h2.panel-title:after {
    content: '';
    display: none !important;
    bottom: 0;
    width: 30%;
    margin: 0 !important;
    border-bottom: 0px solid #e5d6ff !important;
}



.FullWidthArea-StyleBg1 {
    -webkit-clip-path: none !important;
    margin: -60px 0 15px 0;
                background-color: #fff  !important;
                color: #fff !important;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1 h2 {
    color: #fff !important;
}


.Wrapper-HomePage .FullWidthArea-StyleBg2 {
    background: #e2e7eb url(/images/lha/Home/membersstrongnew.png) center top no-repeat;
  color: #333 !important;
} 


.TestimonialArea {
    width: 70% !important;
}
.Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg5 {
    background: #fff;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 {
    
	    background: #333 url(none) center top no-repeat;
    background-color: #E7F0FA;
    color: #fff;
    font-family: Arial;
    padding: 20px 1%;
    line-height: 1.5;
    font-size: 16px !important;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 h2{
    color: #fff !important;
	font-size: 20px !important;
	padding-top: 25px !important;
}

.Wrapper-HomePage h2.panel-title {
    color: #3E87D3;
    display: table;
}

.FullWidthArea-StyleBg5
{
	display: none !important;
} 

@media (min-width: 768px){
.Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
        width: 60%;
    color: #fff !important;
    font-weight: bold !important;
    background-color: transparent !important;
}
                
}
.UpcomingEventsHome a.ImageLink img {
    /* width: 225px !important; */
    height: 225px !important;
    /* height: auto !important; */
    /* display: block; */
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    padding: 8px;
    border-radius: 50% !important;
    width: 225px !important;
}
}



a {
    color: #002F70;
    text-decoration: underline;
}

a, .Link {
    color: #002F70;
    text-decoration: underline;
}

.Spotlight p {
    text-align: center;
    padding-top: 0.4em;
    font-family: Arial;
}

.ProgressTracker2 .ProgressTrackerPanel .label, .ProgressTracker2 .ProgressTrackerPanel a {
    color: #fff;
    font-family: Arial;
}

.iPartChain.MiddlePart, .iPartChain.LastPart {
    margin-top: -0.9em;
    font-family: Arial;
}

.TestimonialArea blockquote {
    background: #fff !important;
    position: relative;
    color: #002F70;
    padding: 20px 3%;
    margin: 25px auto 0 auto;
    text-align: center;
                font-family: Arial;
}

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  background: #fff !important;
  position: relative;
  color: #002F70;
  padding: 20px 3%;
  margin: 25px auto 0 auto;
  text-align: center;
  font-family: Arial;
}

body {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
                font-family: Arial;
}

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 100%;
  }
  .has-secondary-col .col-secondary {
    width: 22%;
  }
 .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }
  .has-secondary-col.col-on-right .col-secondary {
    float: right;
                display: none !important;
  }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }
  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}



.header-logo-container {
    float: left;
    margin-top: 23px !important;
}
/***********************************/
/**********    PRIMARY       *******/
/***********************************/

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    color: #3E87D3;
    font-family: ARial;
    font-size: 105%;
    font-weight: 600;
    letter-spacing: 1px;
}

@media (min-width: 768px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink {
    border-top: 3px solid transparent;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:focus,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
    border-top: 3px solid #3E87D3;
  }
}

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
    text-transform: uppercase;
    color: #333  !important;
    font-family: Arial !important;
    font-size: 164%;
    font-weight: normal;
    letter-spacing: 1px;
}

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
    border-top: 3px solid #3E87D3;
  }
  
  .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  background-color: transparent;
  color: #3E87D3 !important;
}

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: transparent;
  color: #3E87D3;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
  color: #fefefe;
  font-family: Arial !important;
  font-size: 114%;
  font-weight: normal;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus, .RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused, .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: transparent;
  color: #3E87D3 !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover, .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:hover {
  color: #fff !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmText {
    color: #002f70;
}

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #3E87D3;
  background-color: transparent;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: transparent;
  color: #3E87D3;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
    background-color: #fff !important;
}

.header-container .nav-auxiliary .UtilityAuthentication a {
    color: #333;
    font-size: 107%;
    text-decoration: none;
    font-weight: normal;
    padding-top: 5px;
}

@media (min-width: 768px){
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    color: #333;
    padding: 0 0 0 30px;
    width: auto;
}
}

@media (max-width: 767px){
.navbar {
    background-color: #FFF !important;
}
.navbar-collapse, .searchbar-collapse {
    background-color: #E7F0FA;
}
.navbar-toggle:hover, .navbar-toggle:focus {
}

.nav-auxiliary .nav-aux-button .NavigationLink {
    margin-left: 10px;
    padding: 5px;
    margin-top: 3.5px;
    margin-bottom: 3.5px;
    border: 1px solid transparent;
    border-radius: 0px;
}
}

/***********************************/
/**********    UTILITY       *******/
/***********************************/
.UtilityNavigation .account-menu > li > a, .UtilityNavigation .account-menu > li > a:hover, .UtilityNavigation .account-menu > li > a:visited, .UtilityNavigation .account-menu > li > a:active {
    color: #3E87D3;
}

.navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
    display: inline-block;
    vertical-align: middle;
    color: #3E87D3;
}

/***********************************/
/**********    HEADER       *******/
/***********************************/
h1, .h1, .PageTitle {
    color: #3E87D3;
    font-size: 250%;
	font-family: Arial !important;
	text-transform: uppercase !important;
}

h1:after {
    content: '';
    display: block;
    bottom: 0;
    width: 45%;
    margin: 5px auto 0 auto;
    border-bottom: 0px solid #e5d6ff;
} 

h2, .h2, .PanelTitle {
    font-size: 200%;
    font-family: Arial;
    font-weight: 700;
    color: #3E87D3 !important;
    line-height: 1.45em;
}

.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish {
    color: #3E87D3;
}

h3, .SectionTitle {
    font-size: 130%;
    font-family: Arial !important;
    font-weight: 700;
    color: #002F70;
}

h4, .h4, .SectionLabel {
    color: #002F70  !important;
                font-family: Arial !important;
                font-weight: normal !important;
                font-size: 20px;
}

.Spotlight .SectionLabel:after, .Spotlight h4:after {
    content: '';
    display: block;
    bottom: 0;
    width: 30%;
    margin: 5px auto 0 auto;
    border-bottom: 2px solid #fff;
}

h5, .h5 {
color: #3e87d3 !important;
font-family: Arial !important;
}

h6, .h6 {
    font-size: 85%;
                color: #3E87D3 !important;
}
/***********************************/
/**********    BUTTONS       *******/
/***********************************/
html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs, html:not(.t-safari) .UsePrimaryButton .TextButton, html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage, html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton, html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn, html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput {
    background: none !important; 
    background-size: 100% 100% !important;
    color: #fff !important;
    background-color: #002F70 !important;
}

html:not(.t-safari) .TextButton {
                background: none !important;
    padding: 10px 30px !important;
    background: none !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    background-color: #002F70 !important;
	font-family: Arial !important;
}

html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
    background-size: 100% 100% !important;
    padding: 10px 30px !important;
    background: none !important;
    background-size: 100% 100% !important;
    color: #fff !important;
}

html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
  background-color: #002F70 !important;
}

/***********************************/
/**********    GRIDS        *******/
/***********************************/
.RadGrid a, .RadToolTip a {
    color: #002F70 !important;
    text-decoration: underline;
}

.ContentBlockPrimary {
    padding: 20px;
    background-color: #3E87D3  !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid
{
                overflow: hidden !important;
                
}

.RadGrid_MetroTouch {
    border-color: transparent !important;
    color: #333;
    background-color: transparent !important;
}

.FilterPanel {
    background-color: #E7F0FA;
    border: none !important;
    margin-top: -3px;
}
.membersearch
{
                width:300px !important; 
                background-color: #f5f5f5 !important; 
                padding: 25px;
                text-align: center; 
                height:410px;
                
}

.membersearchimg
{
                width: 250px !important;
    padding-bottom: 15px !important;
    max-height: 265px;
    max-width: 250px;
    overflow: hidden;
                border-radius: 50%;
                
}

.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: transparent !important;
    border-color: transparent !important;
}
.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: transparent !important;
}

.RadGrid_MetroTouch .rgAltRow {
    background: transparent !important;
}

.RadGrid_MetroTouch .rgSelectedCell a, .RadGrid_MetroTouch .rgSelectedRow a {
    color: #002F70 !important;
}

/***********************************/
/**********  CCO****        ********/
/***********************************/
.RadTabStrip.RadTabStrip_MetroTouch {
    background: transparent;
    padding: 10px 10px 0 10px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #575757 !important;
    border-bottom: 3px #3E87D3 solid !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #fff !important;
    border-color: #fff !important;
                    color: #575757 !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
    background-color: #e6e6e9 !important;
    border-color: #fff !important;
                    color: #575757 !important;
                                border-bottom: 3px #3E87D3 solid !important;
}

a.rtsLink:hover {
    text-decoration: none !important;
                border-bottom: 3px #3E87D3 solid !important;
}

.ContentWizardDisplay {
    border-style: solid;
    border-width: 0px !important;
    border-color: #002F70;
    padding: 10px;
}

.RadMultiPage {
    border-style: solid;
    border-color: #fff !important;
    border-width: 0 1px 1px 1px;
    padding: 10px;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: Arial !important;
    font-weight: inherit;
    font-size: 18px !important;
    clear: both;
}
/***********************************/
/**********    INPUT         *******/
/***********************************/
input,
button,
select,
textarea {
  font-family: Arial !important;
}




/***********************************/
/**********    MISC        *******/
/***********************************/
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: Arial !important;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
  color: #fff;
}

.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: Arial !important;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}
/***********************************/
/**********    CUSTOM        *******/
/***********************************/
.roundimage img
{
    background-color: #fff !important;
    padding: 10px !important;
    border: 0px solid #7AADE0 !important;
    border-radius: 50%;
}

.featured
{
    background-color: #fff !important;
    padding: 10px !important;
    border: 2px solid #002F70 !important;
}

.featurediqa
{
                background-color: #fff !important;
    padding: 10px !important;
    border: 2px solid #7AADE0 !important;
                height: 220px;
                padding-left: 30px;
    padding-right: 30px;
}

.featuredchapter
{
                background-color: #fff !important;
    padding: 0px 0px 0px 50px !important;
    border: 2px solid #7AADE0 !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciSponsorMarquee_ciSponsorMarquee_ListTitle
{
background-color: #fff;
    padding: 0px !important;
    text-align: center;
    margin-top: 0px;
    width: 100vw;
    position: relative;
    margin-left: -50vw !important;
    left: 49.1%;
    color: #333 !important;
    font-size: 20px;
    height: 200px !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__0,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__1,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__2,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__3,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__4,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__5,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__6,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__7,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__8,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00__9,
#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00

{
                Width: 300px;
                font-size: 14px !important;
                font-family: Arial !important;
                color: #3e87d3 !important;
                font-weight: 500;
                text-decoration: none !important;
}

.fullwidthcontent
{
                background-color: #7AADE0;
    padding: 55px 0px 0px 0px !important;
    text-align: center;
    margin-top: 0px;
    width: 100vw;
    position: relative;
    margin-left: -50vw !important;
    left: 49.1%;
    color: #333 !important;
    font-size: 20px;
    height: 250px !important;
                webkit-clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%);
    clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%);
}

#ctl01_TemplateBody_WebPartManager1_gwpciIQA_ciIQA_ResultsGrid_Grid1_ctl00_ctl06_Detail10
{
                padding:0px !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciFeatured1IQA_ciFeatured1IQA_ResultsGrid
{
                overflow: hidden !important;
}
/***********************************/
/*****    ROLLOVER BOXES     *******/
/***********************************/
     .rollcontainer {
    position: relative;
    /*width: 277px;*/
                width: 345px;
    /* background-color: #fff !important; */
    height: 315px;
    background-color: #fff !important;
    padding: 0px !important;
    border: 2px solid #e3e9f1 !important;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px !important;
    }
    .rollcontainer h3
    {
    padding-top: 10px !important;
    font-size: 15px !important;
    }
    .rollimage {
    display: block;
    width: 100%;
    height: auto;
    }
    .rolloverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 315px;
    width: 345px;
    opacity: 0;
    transition: .5s ease;
    background-color: #3E87D3;
    border-radius: 10px;
    margin-left: -2px;
    margin-top: -1px;
    }
    .rollcontainer:hover .rolloverlay {
    opacity: 1;
    }
    .rolltext {
    color: white;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-20%, -50%);
    -ms-transform: translate(-50%, -50%);
    }


/***********************************/
/*****   COURSE MENU   *******/
/***********************************/

.coursecontainer
{
box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%);
    width: 227px;
    height: 40px;
    padding: 10px 0px 0px 25px;
    margin-left: -10px;
                border-radius: 3px;
}

.coursecontainer:hover
{background-color: #3E87D3 ;
                color: #fff !important;
                box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%);
    width: 227px;
    height: 40px;
    padding: 10px 0px 0px 25px;
    margin-left: -10px;
                border-radius: 3px;
                }

a.courselink
{
                color: none !important;
                text-decoration: none !important;
                
}

a.courselink:hover
{
                color: #fff !important;
                text-decoration: none !important;
}

a.courselink:visited
{
                color: none !important;
                text-decoration: none !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciCoursesProductsIQA_ciCoursesProductsIQA_ResultsGrid
{
overflow: hidden !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciIQAEvents_ciIQAEvents_ResultsGrid
{
overflow: hidden !important;
}

/***********************************/
/*****   COLLAPSIBLE BLOCK   *******/
/***********************************/
                                                
.collapsible {
  background-color: #3E87D3;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}


.content {
  padding: 20px;
  display: none;
  overflow: hidden;
  background-color: #fff;
}


.form-all {
    border-radius: 0px !important;
    box-shadow: 0 0px 0px rgb(87 100 126 / 21%) !important;
    background-color: transparent !important;
    max-width: 752px;
}


#ctl01_TemplateBody_WebPartManager1_gwpciAccountpagetabs_ciAccountpagetabs_Engagementscore_DonutChart .donut-bite[data-segment-index="0"]:BEFORE {
    background-color: #3E87D3 !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciAccountpagetabs_ciAccountpagetabs_Engagementscore_DonutChart .donut-bite[data-segment-index="0"].large:AFTER {
   background-color: #3E87D3 !important;
}

.ContentBorderHome {
border-color: #002F70;
background-color: #fff !important;
padding: 25px;
text-align: center;
filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.3));
height: 300px !important;
margin-bottom: 25px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
width: auto !important;
color: #333;
}
.ContentBorderHome h3 {
color: #002F70 !important;
text-transform: uppercase !important;
font-family: Arial !important;
text-decoration: none !important;
}

.ContentBorderHomeShort {
border-color: #002F70;
    background-color: #fff !important;
    padding: 10px !important;
    text-align: center;
    filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.3));
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    color: #333;
    text-transform: uppercase;
    text-decoration: none !important;
}

.ContentBorderHomeShort a {
color: #333 !important;
text-transform: uppercase !important;
font-family: Arial !important;
text-decoration: none !important;
font-weight: 600 !important;
}

.ContentBorderHomeShort a:hover {
color: #002F70 !important;
}

.ContentBorderHomeShort img {
width: 100%;
    padding-bottom: 20px !important;
}

.ContentBorderIQA33 {
border-color: #002F70;
background-color: #fff !important;
padding: 25px;
text-align: center;
filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.3));
height: 320px !important;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
width: auto !important;
color: #333;
width: 320px !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciUpcomingEvents1_ciUpcomingEvents1_ResultsGrid_Grid1
{
	overflow: hidden !important;
}
#ctl01_TemplateBody_WebPartManager1_gwpciLHAEventListing_ciLHAEventListing_IQA_ResultsGrid_Grid1_ctl00__0
{
	display:none !important;
}
#ctl01_TemplateBody_WebPartManager1_gwpciLHAEventListing_ciLHAEventListing_IQA_ResultsGrid_Grid1
{
	display:none !important;
}

___________________________________

#hd {
  min-height: 13.3em;
  background-color: #002F70;
}

.ContentRecordPageButtonPanel {
	display: none;
}


