@charset "UTF-8";
/* CSS Document */


.panel {
 border: none;
}

.panel-body {
  padding:0px;
}

.pull-right {
  float: left !important;
}

..entitylist>.view-grid>table>tbody>tr>td:nth-child(1){
  font-weight: 800;
}

#InvestmentContracts  .table > tbody > tr > td{

  font-size: 12px;
}

h2{

  font-family: Trebuchet MS;
font-weight: 600 !important;
font-size: 28px !important;
color: var(--portalThemeColor6) !important;
}
li a:hover{
 color: var(--portalThemeColor6);

}

.onthispage-snippet-list {
    
  display: block;
list-style-type: none !important;
margin-block-start: 1.5em;
margin-block-end: 1.5em;
padding-inline-start: 0px;
  
}
.onthispage-snippet-list li{
  
 margin-bottom:.5em;
  
}

.btn-primary2 {
  display: inline-flex;
  flex-wrap: inherit;
  margin: 10px;
  align-items: flex-end;
}

.thumbnail .caption a img{
  width:auto;
  min-height:250px;}

  .thumbnail a>img {
  width: -webkit-fill-available !important;
}


.investmentimage{
  width: inherit;
  max-width: -webkit-fill-available !important;
  /* border-end-start-radius: 50px; */

}

.investmentimage img{
  width:100% !important;
max-width:-webkit-fill-available !important;
}



/*THIS IS FOR THE SINGLE VIEW IMAGE ON INVESTMENT PAGE*/
.investmentimage-singleview {
  position: relative;
  width: 100%; /* or a specific width, but it will scale based on its parent's width */
  aspect-ratio: 1 / 1; /* Ensures the element maintains a 1:1 aspect ratio */
  overflow: hidden;
  border-radius: 10px;
  background-color: var(--portalThemeColor6);
}

.investmentimage-singleview img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cover the container without stretching the image */
  transition: transform 0.3s ease-in-out;
  border-radius: 10px; /* Optional, if you want the image itself also to have rounded corners */
}

/*END THIS IS FOR THE SINGLE VIEW IMAGE ON INVESTMENT PAGE*/



.col-md-12 .columnBlockLayout .investmentimage{
   border-radius:10px;
}


.ghsitelogoimg img{
width:400px !important;
}
.ghinvestmenttitle{
  margin-left:0px;
  margin-bottom: 50px;
}

.DocumentHeader{
  font-weight: 300 !important;
}

.DocumentSubHeader{
  font-size: 14px !important;
}

/*
.xrm-attribute-value img{
  height: 52px !important;
}
*/
.navbar-inverse .navbar-nav > li > a {
 
  
  
  
  color: #0A2E48;
  font-family: Trebuchet MS;
  font-weight: 400;
  font-size: 14px; }
  .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #FFFFFF !important;
    color: #0A2E48 !important;
    text-decoration: Plain text; }



  .navbar-inverse .navbar-nav > li > a::after{
 content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #EDC02C;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;

}


 .navbar-inverse .navbar-nav > li > a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


  .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #EDC02C;
    color: #000000;
    text-decoration: Plain text; }


/*NAVBAR*/
.navbar-static-top.navbar-inverse {
    background-color: #ffffff;
    border-color: transparent;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0);
    min-height:100px;
    vertical-align: middle;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  
    display: none;
}



/* list styling*/

.entitylist{
  border:none !important;
}

/* Whole List Styling*/
list-column{
  background-color: aquamarine;
}




/* Investment Contracts Table*/
#InvestmentContracts .entitylist > .view-grid > table > tbody > tr > td:nth-child(1) 
{
font-size: 20px;
line-height: 12px;
margin-top:20px;
}


#InvestmentContracts .entitylist > .view-grid > table > tbody > tr > td:nth-child(2)
{
  font-size: 15px;
  line-height: 0px;
  }

  #InvestmentContracts .entitylist > .view-grid > table > tbody > tr > td:nth-child(3)
  {
    font-size: 15px;
    line-height: 0px;
    }

  #InvestmentContracts  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td
  {
    font-size: 15px;
    line-height: 12px;
    margin-bottom:20px;
    }
    
/* Individual styling*/
list-date{

}

list-contractname{  font-size:0.5em;}

list-number{}


/*list-column-rules */
.first-mask {
  border-top: none !important;
}
.list-mask {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
}

/* Apply a top border to all .list-mask elements */
.list-mask {
  border-top: 1px solid gray;
}

/* Remove the top border from the first .list-mask element */
.list-mask:first-child {
  border-top: none !important;
}

.list-colleft {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.list-col1, .list-col2 {
  display: flex;
  align-items: center;
}

.list-col1 {
  margin-left: auto;
}

.list-col2 {
  /* Adjustments for .list-col2 if necessary */
}

.btn-primary {
  white-space: nowrap;
}


@media only screen and (max-width: 800px) {
  
  .list-mask{
    position: relative;
    overflow: visible;
    margin: 10px auto;
    width: 100%;
  }
  .list-header{
    float: left;
    width: 100%;
  }

  
  .list-colleft{
    display:flex;
    position: relative;
    width: 100%;
    right: 0;
    flex-direction: column-reverse;  

  }
  .list-col1{
    position: relative;
    overflow: visible;
    display:contents;
    vertical-align: middle;
    float: left;
    width: 100%;

  }


  .list-col1, .btn-primary{
    margin:10px 0;

  }

  .list-col2{
    position: relative;
    overflow: visible;
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 100%;
  }
}



/*LIST PAGES COLUMN SETTINGS */
.grid-item-left {width:80%;}
.grid-item-right{width:20%;
border-left: 2px;}


@media only screen and (max-width: 800px) {

.grid-item-left {width:auto;}
.grid-item-right{width:100%;
border-left: 2px;}
}

.grid-item-border li{
  margin 10px auto;
  padding:12px 0;
  border-bottom: 1px solid #0A2E48;
}

.grid-item-border li > :first-child{border-top:none;}
.grid-item-border li > :last-child{border-bottom:none;}

.sidebar-list{
  padding:0;
}

.sidebar-list a:hover{
  color: #0A2E48;
}

.myGrid{width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;flex-wrap: wrap;}.grid-item-border {border-radius: 3px;height: 100%;overflow:hidden;}@media only screen and (min-width: 993px) {.myGrid{background: #ffffff;}.grid-item {margin: 0px 0px 26px 0px;		width: 50%;}.grid-item-border {border:3px solid #ffffff;padding: 5px;margin: 5px;	background:#FFFFFF;color:#000000;}}@media only screen and (max-width: 992px) { .myGrid{	background: #ffffff;}.grid-item {margin: 0px 0px 26px 0px;width:50%;}.grid-item-border {border: 3px solid #ffffff;	padding: 5px;	margin: 5px;background:#FFFFFF;		color:#000000;}}@media only screen and (max-width: 768px) {.myGrid{background: #ffffff;}.grid-item {margin: 0px 0px 26px 0px;width: 100%;}.grid-item-border {border:3px solid #ffffff;	padding: 5p 0;	margin: 5px 0;		background:#FFFFFF;	color:#000000;}}

.myGrid2{width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;flex-wrap: wrap;} .grid-item-border {border-radius: 3px;height: 100%;overflow:hidden;}
@media only screen and (min-width: 993px) {.myGrid2{}.grid-item {margin: 0px 0px 26px 0px; width: 50%;}.grid-item-border {border:3px solid #ffffff;  padding: 5px;margin: 5px;	color:#000000;}}
@media only screen and (max-width: 992px) {.myGrid2{}.grid-item {margin: 0px 0px 26px 0px; width:50%;}.grid-item-border {border: 3px solid #ffffff;	padding: 5px;	margin: 5px;		color:#000000;}}
@media only screen and (max-width: 768px) {.myGrid2{}.grid-item {margin: 0px 0px 26px 0px;width: 100%;}.grid-item-border {border:3px solid #ffffff;	padding: 5p 0;	margin: 5px 0; color:#000000;}}

.columnBlockLayout {
  margin-top:0px;
}
/* investements page*/
.thumbnail{
display: block;
padding: 4px;
margin-bottom: 21px;
line-height: 1.42857;
background-color: #fff;
border: 0px solid #ddd;
border-radius: 0;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;}

.col-md-12 .columnBlockLayout .accountselectionwrapper{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.columnBlockLayout {
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.col-md-12 .columnBlockLayout{
  padding:0px !important;
}

@media (max-width: 800px){
  .col-md-12 .columnBlockLayout{
   min-width: 0 !important;
  }


}
/* homepage code mod */
@media (max-width: 1200px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
}

.navbar-static-top.navbar-inverse{
  margin: 2% 0;
  min-height:auto !important;
}

.navbar-toggle {
  background-color: #FFFFFF !important;
  border: none !important;
}

.navbar-inverse .navbar-toggle {
  border: none !important;
}

.navbar-inverse .navbar-toggle:focus{
    border: none !important;
    background-color: #fff !important;
}


.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #EDC02C !important;
  border-color: #EDC02C !important;
}

.navbar-inverse .navbar-nav > li > a:focus {
  border:none !important;
  outline: none !important;
  background-color: #FFFFFF !important;
  
}

.navbar-inverse .navbar-nav > .open > a {
  border:none !important;
  outline: none !important;
  background-color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav > .open > a:focus {
  border:none !important;
  outline: none !important;
  background-color: #FFFFFF !important;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left:0;
}

h4{
  margin-top: 20px;
}

.col-sm-6 {
  padding-left:0 !important;
   padding-right:0 !important;
}

/*INVESTMENT PAGE CONTRACT ACCEPTED OR DECLINED*/
.investment-response-button-accepted{
color: var(--portalThemeColor1) !important; 
background-color: #c5d92d !important;
}

.investment-response-button-declined{
  color: var(--portalThemeColor6) !important; 
  background-color: #c5d92d !important;
  }

/*NEW CODE ADDED*/

.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #e9eff2 !important;
  text-decoration: none;
  margin: 20px;
  padding: 20px;

}


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #1c4c6d !important;

}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  color: var(--portalThemeColor6) !important;

}

.navbar-inverse .navbar-nav > li a:hover {
  background-color:transparent !important;
  }

.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 15px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: none;
border-radius: 10px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: none;
background-clip: padding-box;
/* margin-top: 0px !important; */
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
  background-color: transparent !important;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: transparent;
  color: #a2b325;
  text-decoration: Plain text;
      border-color: transparent;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  margin-top: 5px;
  margin-bottom: 5px;

}
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  margin-top: 5px;
  margin-bottom: 5px;

}

.navbar-inverse .navbar-nav > li > a::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #c6d92c;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;

}


.btn-primary {
  color:#f2f2f2 !important;
  background-color: #1c4c6d !important;
  border-radius: 20px;
  font-family: Trebuchet MS;
  font-weight: 300 !important;
  font-size: 8px;
  padding: 5px 15px;
  width: fit-content;
  border:0 !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
   -moz-transition:color .2s ease-in;
  -o-transition:color .2s ease-in;
  -webkit-transition:color .2s ease-in;
  white-space: nowrap;


}
.btn-primary:hover {
  color: #c5d92d !important;
  background-color: #0b2f4a !important;
  border-color: none !important;
  border:0 !important;
     -moz-transition:color .2s ease-in;
  -o-transition:color .2s ease-in;
  -webkit-transition:color .2s ease-in;

}





/*NEW CODE REQUIRED AFTER ERROR*/

.investmentimage {
  width: inherit;
  max-width: -webkit-fill-available !important;
  overflow: hidden; /* Ensure any zoom outside the bounds of the container is not shown */
  border-radius: 10px; /* Optional: to keep the border-radius consistent with the container */
  background-color: var(--portalThemeColor6) !important;
}

.investmentimage img {
  width: 100% !important;
  max-width: -webkit-fill-available !important;
  transition: transform 0.3s ease-in-out; /* Smooth transition for zoom effect */
}

.col-md-12 .columnBlockLayout .investmentimage {
  border-radius: 10px;
}

.investment-card {
  transition: box-shadow 0.3s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  text-align: left;
}

.investment-card:hover .investmentimage img {
  transform: scale(1.1); /* Zoom in the image by 10% */
}

.investment-card:hover {
 /* box-shadow: 0 4px 8px rgba(0,0,0,0.2); */
}

.investment-link {
  text-decoration: none;
  color: inherit;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-4, .col-md-6, .col-sm-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* Responsive adjustments */
@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width: 991.98px) {
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767.98px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


/*INVESTMENT STATUS SECTION*/
.single-investment-data-statussection {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap as needed */
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin: 1em 0;
  width: 100%;
}

.investmentamount-statussection {
  font-size: 20px;
}

.left-column-statussection {
  text-align: left;
  flex-basis: 100%; /* Take full width on mobile */
}

.right-column-statussection {
  display: flex;
  justify-content: flex-end;
  width: auto;
  flex-basis: 100%; /* Take full width on mobile */
}

.btn-primary-statussection {
  overflow: hidden;
  text-overflow: ellipsis;
}

.contractidlabel {
  font-size: 0.8em;
}

/* Mobile devices */
@media (max-width: 768px) {
  .single-investment-data-statussection {
    flex-direction: column; /* Stack flex items vertically */
  }

  .left-column-statussection,
  .right-column-statussection,
  .btn-primary-statussection { /* Assuming there's a third column to be included */
    text-align: center; /* Optionally center the content on mobile */
    width: 100%; /* Each section takes full width of the container */
    margin-top: 10px; /* Add some space between stacked items */
  }
}

/*THIS IS FOR INVESTMENT SINGLEVIEW*/

.single-investment-data-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
 /* padding: 8px;*/
  text-align: left;
}

.single-investment-data-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%; /* Ensures container takes full width */
  padding-left:0;
  padding-right:0;
}

.single-investment-data-column {
  display: flex;
  flex-direction: column; /* Stacks any child content vertically */
  width: 100%; /* Takes full width of its parent to accommodate nested flex containers */
  padding-left:0;
  padding-right:0;
}

.single-investment-data-summarysection {
  display: flex;
  flex-wrap: wrap; /* Allows children to wrap on smaller screens */
  padding: 30px;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin: 1em 0;
  width: 100%; /* Ensure this container also takes full width to correctly wrap children */
}

.single-investment-data-left,
.single-investment-data-right {
  box-sizing: border-box;
  padding: 8px; /* Provides spacing around content */
}

/* Initial setup for larger screens */
.single-investment-data-left {
  flex: 0 0 40%; /* Allocates 40% of the container's width */
}

.single-investment-data-right {
  flex: 0 0 60%; /* Allocates the remaining 60% of the container's width */
}

.single-investment-data-full {
  width: 100%; /* Full width for any full-width content below */
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
  .single-investment-data-left,
  .single-investment-data-right {
    flex: 0 0 100%; /* Forces each to take full width, stacking them */
  }
}



/*FOR THE LATEST IMAEGS ON SINGLE INVESTMENT PAGE*/
.single-investment-gallery-container {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; /* Adjust negative margin to account for the padding */
}

.single-investment-image-holder {
  width: calc(33.333% - 20px); /* Account for padding on both sides */
  margin: 10px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  background-size: cover;
}

.single-investment-image-holder::before {
  content: "";
  display: block;
  padding-top: 100%; /* Maintains a 1:1 aspect ratio */
}

.single-investment-image-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the area without stretching */
  transition: transform 0.3s ease;
}

.single-investment-image-holder:hover img {
  transform: scale(1.05); /* Zooms in the image by 5% on hover */
}

/*HOMEPAGEIMAGEPADDING*/
#iqdfu{
  height: 92vh !important;
}


/*Profile Page*/
legend {
  display:none;
}

.well .profile-info {
  display:none !important;
}


/*ACCOUNT SELECTION DROPDOWN*/



.accountsdropdown {
  font-family: Trebuchet MS;
  border: none; /* Removes the border */
  padding: 1em; /* Adds padding of 1em on all sides */
  appearance: none; /* Removes the default system appearance */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
  background: var(--portalThemeColor11) ; /* Sets a background color, change as needed */
  color: #333333; /* Sets the text color, change as needed */
  font-size: 1em; /* Sets the font size, adjust as needed */
  margin-left: 8px; /* Spacing between label and dropdown */

  }
  
  .accountsdropdown:hover {
  background: var(--portalThemeColor12) ; /* Sets a background color, change as needed */
  }
      .accountsDropdown {
    background-image: url('dropdown-arrow.png'); /* Path to your custom arrow image */
    background-repeat: no-repeat;
    background-position: right 0.5em top 50%, 0 0; /* Adjust as needed */
    background-size: 12px; /* Size of the custom arrow */
  }

  .unique-dropdown-container {
    display: flex;
    align-items: center;
    /* Add any additional styling as needed */
}

.edit-account-btn {
  margin-left: 10px; /* Spacing between the dropdown and the button */
  /* Add more styles as needed */
    box-shadow:none;
    border: none;
    font-style:  italic;
    background-color: white;
    color: var(--portalThemeColor4); 
}

.edit-account-btn:hover {
  margin-left: 10px; /* Spacing between the dropdown and the button */
  /* Add more styles as needed */
text-decoration: underline; }

@media (max-width: 768px) {
  .unique-dropdown-container {
      flex-direction: row; /* Side-by-side on larger screens */
      justify-content: center; /* Center both items horizontally */
      align-items: center; /* Align items vertically */
  }

  .accountsdropdown {
      margin-left: 8px; /* Spacing between label and dropdown on desktop */
      margin-top: 0; /* Reset the top margin */
      width: auto; /* Adjust width as necessary for non-mobile screens */
  }

  #dropdownLabel {
      margin-right: 8px; /* Ensure spacing on larger screens */
  }
}



/*CONTRACT PAGE STYLING*/
.investment-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.investment-item {
  padding: 25px 10px 10px 10px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #000;
}
.investment-item:first-child {
  border-top: 0px solid #000;
}
@media (min-width: 600px) {
  .investment-item {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .investment-item > * {
    margin-right: 10px;
  }
}
.investment-buttons {
  display: flex;
  flex-direction: column;
  gap:10px;
}
@media (min-width: 600px) {
  .investment-buttons {
    flex-direction: row;
  }
}



/*FORM STYLING */

/* Target readonly and disabled form-control fields with higher specificity */
.crmEntityFormView .form-control.readonly[readonly][disabled] {
  background-color: #f9f9f9 !important; /* Set the background */
  padding-left: 1em !important;
  padding-right: 1em !important;
  height: 3.5em;
  cursor: not-allowed;                  /* Change cursor to indicate it's not editable */
}

.aspNetDisabled.text.form-control.lookup.form-control {
  width: 100%;
    padding: 1em !important;
    height: 3.5em;
    border-radius: 8px;
    background-color: #f9f9f9 !important;
}

.crmEntityFormView .cell select{
width: 100%;
    padding: 1em !important;
    height: 3.5em;
    border-radius: 8px;
    background-color: #f9f9f9 !important;
  }

  .crmEntityFormView .cell textarea{
    width: 100%;
    padding: 1em !important;
    height: 3.5em;
    border-radius: 8px;
    background-color: #f9f9f9 !important;


  }
  .crmEntityFormView .form-control.readonly
  {
    width: 100%;
        padding: 1em !important;
        padding-left: 1em !important;
        padding-right: 1em !important;
        height: 3.5em;
        border-radius: 8px;
        background-color: #f9f9f9 !important;

      }


  .form-control{
    background-color: #f9f9f9 !important;
  }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  background-color: #FFFFFF !important;
    border: 1px solid #f2f2f2;
  padding: 20px 0;
  margin: 20px 0;
}

.legend {
  border-bottom:0 !important;
}

.col-md-8 {
  margin-bottom:20px !important;
}


/*MOBILE MENU STYLING */
/* Default collapsed state */
/* Default state (collapsed) - black text */
.navbar-toggle.collapsed .mobile-custom-button {
  color: #000000; /* Black text */
  transition: color 0.3s ease; /* Smooth color transition */
}

/* Hover state when collapsed (inactive) */
.navbar-toggle.collapsed:hover .mobile-custom-button {
  color: #c5d92d; /* Green text on hover */
}

/* When button is active (menu is open), text should be green */
.navbar-toggle:not(.collapsed) .mobile-custom-button {
  color: #c5d92d; /* Green text */
}

/* Hover state when the button is active (menu open) */
.navbar-toggle:not(.collapsed):hover .mobile-custom-button {
  color: #c5d92d; /* Maintain green text on hover */
}



.siteTitle{
  display: none !important;
}

/* Hide the button on screens larger than 1024px (desktop) */
@media (min-width: 1179px) {
  .mobile-visible {
      display: none !important;
  }
}

/* Show the button on tablet/iPad and smaller screens */
@media (max-width: 1180px) {
  .mobile-visible {
      display: block !important; /* Or use inline/block depending on your preference */
  }
}



.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  padding: 16px;
  background-color: #f9f9f9;
  border-radius: 8px;
  margin-top: 20px;
}


.yearheading{
  font-size:2.1em;
   margin-bottom:1em;
   color: #c5d92d;
 }