/* global vars */

:root {
  
  --cty-offscreen-bg: #faf5db; /* off page background color */
  --cty-default-bg: #fffff5; /* general background color */
  
  --cty-default-txt: #06095b; /* general text color */
  --bs-heading-color: #06095b; /* bootstrap heading color */

  --cty-bg-card: #faf5db; /* default lk and crd background */

  --cyt-brand-blue-light:#253a80 ; /* sugar land 7-14-25 */
  --cyt-brand-blue-dark:#06095b ; /* sugar land 7-14-25 */


  --cty-brand-blue:#253a80; /* sugar land */
  --cty-brand-navy:#06095b; /* sugar land - color of favicon*/
  
  /*
  --cty-brand-blue-bright:#103095; /* sugar land */
  /* --cty-brand-blue-link:#303e8b; /* sugar land */

  --cty-brand-yellow:#F1AA1D; /* sugar land */
  --cty-brand-green:#41A773; /* sugar land */
  --cty-brand-cream-light: #fffff5;
  --cty-brand-cream:#faf5db; /* sugar land */
  --cty-brand-pink-groovy:#d02c62; /* sugar land */



       
  --cty-alink: #1976D2; /* primary link color */
  --cty-ahover: #2196F3; /* primary hover color */
  --cty-asec-link: #222; /* secondary link color */
  --cty-asec-hover: #444; /* secondary hover color */
  --cty-asec-divider: #aaa; /* secondary divider color */
  
  --cty-alert-bg: #cc3300; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
 
  --cty-pnav-link: #FFFFFF; /* var(--cty-pnav-link) nav color */
  --cty-pnav-hover: #f3aa33; /* var(--cty-pnav-hover) nav hover color */ 
  --cty-pnav-dropdown: #070956; /* var(--cty-pnav-dropdown) dropdown background color */
    
  --cty-linework: #ddd; /* hr, sidenav, mobile nav */
  --cty-banner-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */

  --cty-transition-hover: all 150ms linear 0s; /* as on buttons */

}



:root {
  --cty-sidenav-bg-content: #ffffff;
  --cty-sidenav-bg-nav: #fafafa;

}


/*
.sidenav-bg { width:100%; }
.sidenav-container { max-width:1440px; margin:auto; } 
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
  .sidenav-bg { width:100%; background: linear-gradient(-90deg, var(--cty-sidenav-bg-nav) 0%, var(--cty-sidenav-bg-nav) 50%, var(--cty-sidenav-bg-content) 50%, var(--cty-sidenav-bg-content) 100%); }
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 40px;  }
	.sidenav-col-content { display:block; background-color:var(--cty-sidenav-bg-content); width:75%; padding-right:40px;  }
}
@media screen and (min-width: 1200px) {
  .sidenav-col-nav { padding-right:5%; }
	.sidenav-col-content { padding-left:5%; }
}
*/


/* sidenav */

:root { 
  --cty-op-sidenav-bg-content: transparent;
  --cty-op-sidenav-bg-nav: transparent;
  --cty-op-sidenav-lines: red;
}

.op-sidenav-bg { width:100%; }
.op-sidenav-container { margin:0 auto; max-width:1640px; } /* match container-fluid width */
.op-sidenav-row { display:block; width:100%; }
.op-sidenav-col-nav { display:block; width:100%; }
.op-sidenav-col-content { display:block; width:100%;  }
@media screen and (min-width: 1200px) {
  .op-sidenav-bg { width:100%; background: none; }
	.op-sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.op-sidenav-col-nav { display:block; width:25%; padding:60px 60px 60px 30px; }
	.op-sidenav-col-content { display:block; background-color:transparent; width:75%; }
}


.op-sidenav { width:100%; }

.op-sidenav-section { display:table; width:100%; background-color:transparent; border-bottom:4px solid var(--cty-brand-yellow); padding:8px 24px; }
.op-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:top; font-size:18px; line-height:24px; }
.op-sidenav-section-label a { display:block; padding:10px 12px 10px 0px; color:inherit; font-weight:700; text-transform:uppercase; text-decoration:none; margin-right:40px; }
.op-sidenav-section-label a:hover { color:inherit; text-decoration:none;  }
.op-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:top; cursor:pointer; color:inherit; font-size:20px; line-height:24px; }
.op-sidenav-section-toggle a { display:block; padding:10px 2px 10px 12px; color:inherit; text-decoration:none;  }
.op-sidenav-section-toggle a:hover { color:inherit; text-decoration:none; }
#SidenavDrawer { display:none; }
@media screen and (min-width: 992px) {
  .op-sidenav-section { padding:10px 30px; } 
}
@media all and (min-width: 1200px) {
  .op-sidenav { max-width:320px; }
  .op-sidenav-section { padding:6px 24px; }
	.op-sidenav-section-label { width:100%; }
	.op-sidenav-section-toggle { display:none;  }
	#SidenavDrawer { display:block!important; }
}

.op-sidenav ul { padding:0; margin:0; background-color:var(--cty-op-sidenav-bg-nav); }
.op-sidenav > ul { border-bottom:0px solid var(--cty-op-sidenav-lines); padding-top:12px; } 
.op-sidenav li { padding:0; margin:0; list-style:none;  }

.op-sidenav li .li-flex { display:flex; }

.op-sidenav > ul > li { border-bottom:0px solid var(--cty-op-sidenav-lines); }
.op-sidenav > ul > li:last-child { border-bottom:none; }

.op-sidenav li ul { padding-bottom:16px; }
.op-sidenav li ul li { padding:4px 0px; }

.op-sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
}

.op-sidenav li.d-open { background-color:var(--cty-pagewrap-bg); }

.op-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:16px 0px 16px 20px; font-weight:600; font-size:16px; line-height:24px; vertical-align:top; color:var(--cty-pagewrap-bg); }
.op-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:16px 20px 16px 0px; font-weight:600; font-size:16px; line-height:24px; vertical-align:top; color:var(--cty-pagewrap-txt); }
.op-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:600; font-size:16px; line-height:24px; vertical-align:top; color:var(--cty-pagewrap-txt); }
.op-sidenav li a:hover div { color:var(--cty-ahover); }

.op-sidenav li.d-open a div.sn-indicator { color:var(--cty-pagewrap-txt); }
.op-sidenav li.d-selected div.sn-indicator { color:var(--cty-pagewrap-txt)!important; }
.op-sidenav li.d-selected div.sn-label { color:var(--cty-pagewrap-txt); }

.op-sidenav li.d-sub-selected div.sn-label-nested { color:var(--cty-pagewrap-txt)!important; }