/*/////////////////////////////////////////////////////*/
/*/////////////////// CUSTOM ADMIN CSS //////////////////////*/
/*All of the CSS for your admin-specific functionality are 
 * included in this file.*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/


/*******************************************************/
/* Fix SVG replaced images
/*******************************************************/

/*Fixes logo in theme settings panel*/
@media only screen and (min-width:690px) {
	#redux-header img, #redux-header svg
	{
  width: 36px;
  height: auto;
  padding-left: 5px;
}
}
/*fixes logo in admin left panel*/
#adminmenu div.wp-menu-image .replaced-svg {
width: 24px;
height: auto;
float: left;
margin: 5px 0px 0px 5px;
text-align: center;
}

/*fixes svg icons that appear in media*/
.media-icon svg {
  width: 62px;
  text-align: center;
}
/**************************************************/
/***** TinyMCE Editor Styles**********************/
/*Styles applied to the content in TinyMCE editor 
* for a real-time preview*/
/**************************************************/

/*-------------------------------------------------------------------------*/
/* Paragraph Styles Set
/*-------------------------------------------------------------------------*/
.xxl{
  font-size: 3rem;
  line-height: 1.5em;
  letter-spacing: -0.5px;
  /*  padding: 1em 0;*/
}
.xl {
      font-size: 2.4rem;
  line-height: 1.5em;
  letter-spacing: -0.2px;
  /* padding: 1em 0;*/
}
.lg {
      font-size: 1.8rem;
  line-height: 1.5em;
  letter-spacing: -0.15px;
  /*  padding: 1em 0;*/
}
.sm {
  font-size: 1.4rem;
  line-height: 1.5em;
}
.xs{
  font-size: 1.2rem;
  line-height: 1.5em;
}
  
  /* Display Heading Styles */
  p:has(+ h1.hero-header), h1.hero-header, h1.hero-header + p{
    display:inline; /*forces h1 tag to display in same line as paragraph*/
  }

  h1.hero-header{ /*ensures h1 style takes same as paragraph*/
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  color:inherit !important;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
       
  .display-1 {
    font-size: 4.5rem
  }
  .display-2 {
    font-size: 3.5rem
  }
  .display-1, .display-2 {
    font-weight: 300;
    line-height: 1.2
  }
   
  /*Alternate Heading Styles*/
h2.sm {
    font-size: 2em;
    line-height: 1.2;
  }
  /*Header Font Weights*/
  .xbold, h1.xbold, h2.xbold, h3.xbold, 
  h4.xbold, h5.xbold, h6.xbold, body.xbold, p.xbold {
    font-weight: 800;
  }
  
  .xlight, h1.xlight, h2.xlight, h3.xlight, 
  h4.xlight, h5.xlight, h6.xlight, body.xlight, p.xlight {
    font-weight: 200;
  }

  .lightheader, h1.lightheader, h2.lightheader, h3.lightheader, 
  h4.lightheader, h5.lightheader, h6.lightheader {
    font-weight: 200;
    letter-spacing:-0.5px;
  }
  
  .xlightheader, h1.xlightheader, h2.xlightheader, h3.xlightheader, 
  h4.xlightheader, h5.xlightheader, h6.xlightheader{
    font-weight: 100;
    letter-spacing:-1px;
  }
  
  h6.footer-heading{
      font-size: 14px !important;
      border-bottom: 1px solid;
      width: fit-content;
      margin-bottom: 1em !important;
  }
  
  .underline-heading, h1.underline-heading, h2.underline-heading, 
  h3.underline-heading, h4.underline-heading, h5.underline-heading, 
  h6.underline-heading{
  border-bottom: 1px solid;
  width: fit-content;
  }
 

/********************************/
/*Custom Bullet Number List*/
/********************************/

ol.primary-bullet-list > li::marker, ul.primary-bullet-list > li::marker,
ol.accent-bullet-list > li, ul.accent-bullet-list > li
{
  color: #26AAE1;
}
ol.secondary-bullet-list > li::marker, ul.secondary-bullet-list > li::marker,
ol.primary-bullet-list > li ul.primary-bullet-list > li
{
  color: #274184;
}
ol.accent-bullet-list > li::marker, ul.accent-bullet-list > li::marker,
ol.secondary-bullet-list > li, ul.secondary-bullet-list > li
 {
  color: #641C5A;
}
  /*-------------------------------------------------------------------------*/
  /* Extra Styles Set
  /*-------------------------------------------------------------------------*/
  .breakline::after {
    content: "\a";
    white-space: pre;
    word-wrap: break-word; /*fix for safari*/
  }
  .breakline::before {
    content: "\a";
    white-space: pre;
    word-wrap: break-word; /*fix for safari*/
  }
  
  .content-block {
      border:1px solid #eee;
      padding:10px;
      background:#ccc;
      float:left;
      margin-bottom:1.75em;
      text-align:center;
  }
  
  .content-block:after {
      clear:both;
  } 
  
  .icon-block {
      float:left;
      margin-bottom:1.5em;
      text-align:center;
      width: 100%;
  }
  
  .icon-block:after {
      clear:both;
  } 
  
  .highlighter {
      background-color:red;
  }
  .text-allcaps {
    text-transform: uppercase;
  }
  
  .text-sentence-case {
    text-transform: capitalize;
  }
  
  .text-caption {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
  }
  
  .textlink a:hover{
      text-decoration:underline;
      color:#f2b71a;
  }
  
  .textlink a{
      text-decoration:none;
  }
    
/*Superscripts*/
.dollar {
  font-size: 50%;
  position:relative;
  top:-.75em;
}

.sup{
  font-size: 0.5em; 
  text-transform: none;
  position:relative;
  top:-.75em;    
}
/********************************/
/*Custom Bullet Blockquote styles List*/
/********************************/
blockquote.primary-blockquote, p.primary-blockquote, .primary-blockquote,
blockquote.secondary-blockquote, p.secondary-blockquote, .secondary-blockquote,
blockquote.accent-blockquote, p.accent-blockquote, .accent-blockquote {
  border: 0;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .1em;
  margin: 4em auto;
  max-width: 50vw;
  padding: 0 2rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

blockquote.primary-blockquote::before, p.primary-blockquote::before, .primary-blockquote::before {
  color: var(--e-global-color-primary);
  content: '“';
  font-family: 'arial black';
  font-size: 4em;
  left: 30%;
  pointer-events: none;
  position: absolute;
  top: -.5em;
}

blockquote.primary-blockquote::after, p.primary-blockquote::after, .primary-blockquote::after {
  bottom: -0.8em;
  color: var(--e-global-color-primary);
  content: '”';
  font-family: 'arial black';
  font-size: 4em;
  pointer-events: none;
  position: absolute;
  right: 30%;
}

blockquote.secondary-blockquote::before, p.secondary-blockquote::before, .secondary-blockquote::before {
  color: var(--e-global-color-secondary);
  content: '“';
  font-family: 'arial black';
  font-size: 4em;
  left: 30%;
  pointer-events: none;
  position: absolute;
  top: -.5em;
}

blockquote.secondary-blockquote::after, p.secondary-blockquote::after, .secondary-blockquote::after {
    bottom: -0.8em;
    color: var(--e-global-color-secondary);
  content: '”';
  font-family: 'arial black';
  font-size: 4em;
  pointer-events: none;
  position: absolute;
  right: 30%;
}
blockquote.accent-blockquote::before, p.accent-blockquote::before, .accent-blockquote::before {
  color: var(--e-global-color-accent);
  content: '“';
  font-family: 'arial black';
  font-size: 4em;
  left: 30%;
  pointer-events: none;
  position: absolute;
  top: -.5em;
}

blockquote.accent-blockquote::after, p.accent-blockquote::after, .accent-blockquote::after {
  bottom: -0.8em;
  color: var(--e-global-color-accent);
  content: '”';
  font-family: 'arial black';
  font-size: 4em;
  pointer-events: none;
  position: absolute;
  right: 30%;
}
/*format number list spacing
ol, ul{
  margin:1em auto
}

ol li, ul li {
  padding-bottom: 30px;
}
ol li:last-child, ul li:last-child {
  padding-bottom: 0px;
}*/




/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// WPMUDEV Brenda Message - hide on CCT //////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.jet-cct-edit-page-wrap .cx-ui-kit .cx-section__content #branda-message {
  display: none;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// CDSWerx Admin Users Management //////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/


.cdswerx-logo {
    height: 4em;
    width: auto;
    display: block;
}

.cdswerx-admin-wrapper {
    margin: 20px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

@media screen and (max-width: 999px) {
    .cdswerx-admin.page-header .uk-flex {
        flex-direction: column-reverse;
    }

    .cdswerx-admin.page-header .uk-flex>h1 {
        margin-top: 20px;
    }

    .cdswerx-logo {
        height: 2.5em;
    }
}
/* Tab Navigation */
.cdswerx-admin-users .nav-tab-wrapper {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}

.cdswerx-admin-users .nav-tab {
  padding: 8px 15px;
  border: 1px solid transparent;
  border-bottom: none;
  margin-bottom: -1px;
}

.cdswerx-admin-users .nav-tab-active {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

/* Tab Content */
.cdswerx-tab-content {
  display: none;
  padding-top: 15px;
}

.cdswerx-tab-content.active {
  display: block;
}

/* User Grid Table */
.cdswerx-user-grid {
  margin-top: 15px;
}

.cdswerx-user-grid thead th {
  background-color: #f5f5f5;
  font-weight: 600;
  padding: 12px;
}

.cdswerx-user-grid tbody td {
  padding: 15px 12px;
  vertical-align: top;
}

.cdswerx-user-row {
  border-bottom: 1px solid #e1e1e1;
}

.cdswerx-user-row:hover {
  background-color: #fafafa;
}

/* User Status Column */
.cdswerx-user-grid td.user-status {
  width: 120px;
  text-align: center;
}

.cdswerx-user-grid td.user-status .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: -4px;
}

/* Badge Styles */
.badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.badge-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.badge-warning {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}

.badge-danger {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* User Name Column */
.cdswerx-user-grid td.user-name {
  width: 100px;
  font-weight: 600;
}

.cdswerx-user-grid td.user-name em {
  display: block;
  font-weight: normal;
  margin-top: 5px;
  font-size: 11px;
  color: #666;
}

/* User Info Column */
.cdswerx-user-grid td.user-info {
  flex-grow: 1;
  min-width: 250px;
}

/* User Actions Column */
.cdswerx-user-grid td.user-actions {
  width: 140px;
  text-align: right;
}

.cdswerx-user-grid .button {
  white-space: nowrap;
  font-size: 12px;
  padding: 5px 10px;
}

/* Card Styling - applies to all admin pages */
.wrap .card {
  margin-top: 15px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.wrap .card h2,
.wrap .card h3,
.wrap .card h4 {
  margin-top: 0;
  margin-bottom: 15px;
}

.wrap .card h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

/* Responsive Design */
@media (max-width: 782px) {
  .cdswerx-user-grid {
    display: block;
  }

  .cdswerx-user-grid thead {
    display: none;
  }

  .cdswerx-user-grid tbody,
  .cdswerx-user-grid tr,
  .cdswerx-user-grid td {
    display: block;
    width: 100%;
  }

  .cdswerx-user-row {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 10px;
  }

  .cdswerx-user-grid td {
    text-align: left;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
  }

  .cdswerx-user-grid td:before {
    content: attr(data-label);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .cdswerx-user-grid td.user-status:before {
    content: "User Status";
  }

  .cdswerx-user-grid td.user-name:before {
    content: "User";
  }

  .cdswerx-user-grid td.user-info:before {
    content: "User Information";
  }

  .cdswerx-user-grid td.user-actions:before {
    content: "Actions";
  }

  .cdswerx-user-grid td.user-actions {
    text-align: left;
  }

  .cdswerx-user-grid .button {
    display: block;
    width: 100%;
    margin-top: 5px;
  }
}

/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// Full-Width Card Container //////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

/* Full-width card layout - spans container without overflow */
.wrap .card.full-width {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

/* Ensure card content doesn't overflow */
.wrap .card.full-width .wp-list-table {
  width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
}

/* For responsive - ensure table stays within bounds */
.wrap .card.full-width .wp-list-table td,
.wrap .card.full-width .wp-list-table th {
  box-sizing: border-box;
}

/* Responsive adjustment for full-width cards on smaller screens */
@media (max-width: 782px) {
  .wrap .card.full-width {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}