/* ----        DCForum  styles                  ---- */

td { text-align: left; }

td.blue_border, div.blue_border {
  border-width: 1px;
  padding: 1px;
  border-style: inset;
  border-color: #2D68C4;
}

/* .menu { color : #ffffbb; font-weight : 600; font-size : .9rem; } */

.dcheadingtop { color:yellow; font-size:1rem; font-weight:600; background-color:#5284F5 }

.dctopborders { border-top : 3px double var(--secondary-text-color); border-bottom : 3px double var(--secondary-text-color);
                 margin: 0 5px 0 5px;}
.dcborder_top { border-top : 3px double var(--secondary-text-color);} 
.dcborder_bottom { border-bottom : 3px double var(--secondary-text-color);} 
                 
.dcsubjectheader,
.dcsubjectheader:visited
{
    font-family : Archivo, Verdana, Georgia;
    color : var(--primary-headline-color);
    font-size : 1.18rem; 
    letter-spacing : -.01rem; 
    font-weight : 600; 
}

.dcsubjectheader + .dcfade {
    color : var(--primary-headline-faded);
}

.dclink:visited,
.dclink {  
    font-family : 'ucla',Georgia;
    color : #2774AE;
 letter-spacing : .20rem;
      font-weight : 400;
       font-size : 1.66rem;
   border-bottom : 2px solid #F2A900;
 text-decoration : none; 
}

.dclink_nobar, .dclink_nobar:visited {
     font-family : 'ucla',Georgia;
      letter-spacing : .20rem;
      font-weight : 400;
    margin-left : 10px;
      font-size : 1.66rem;
          color : #2774AE;
 text-decoration : none; 
}

a.dclink_nobar:hover, a.dclink:hover  { color : #FFD100;
       text-decoration : none; }

.dcpagelink { font-size : .91rem;
       background-color : #FFFFFF;
             text-align : right;
         vertical-align : bottom; }

.dctocsubject,
.dctocsubject_current {
    font-family : Archivo, Verdana, Georgia;
     font-weight : 600;
   letter-spacing : -.01rem;
       font-size : 1.1em;
     line-height : 1.2rem;  
           color : var(--darkest-blue); }

.dctocsubject:visited {
     color: var(--primary-headline-faded);
     font-style: italic;
}

.dctocsubject:hover,
.dctocsubject_current { 
    text-decoration-line : underline;
    text-decoration-color : #F2A900 !important;
}

.dctocsubject:hover,
.dctocsubject_current:hover {
      color : var(--secondary-gold);
/*    color : var(--bg-gold); */
}

.dcdate_fade, span.dcdate_fade  {
    font-family: Archivo, Verdana, Georgia;
  padding-bottom : 0;
           color : var(--medium-dark-grey);
     font-weight : 500;
     line-height : 1rem; 
     white-space : nowrap;
}

.dcdate_new, 
.dcdate_new:visited, 
span.dcdate_new
{
    font-family: Archivo, Verdana, Georgia;
  padding-bottom : 0;
           color : var(--primary-gold); 
     font-weight : 500;
   margin-bottom : 0; 
     line-height : 1rem;
     }

.dccaption,
.dccaption:visited { font-size : 0.875rem; text-decoration : none; }

.dcsetting {
    font-family : Archivo;
    font-size : 0.75rem;
}
.dcmessage { 
   font-family : Archivo, 'Roboto Condensed' , Arial, sans-serif;
   color: var(--general-text-color);
   font-size : 1.0rem;
   line-height : 1.7;
    max-width: 95%;
    font-weight : 300;
/*    white-space: pre-wrap; */
}


.dcinfo { font-weight: 400; font-size: .938rem; }

.dctitle { font-size: 127%; font-weight:bold; }

.dcmenu { font-size: .938rem; background-color:#FFFFFF; }

.dcnavmenu, .dcnavmenu:visited  {   
   background-color:#007dc3;
   color:#ffffff; }

.dcoptionmenu, .dcoptionmenu:visited {
        font-size : .91rem;
 background-color : #5284F5;
            color : #d5d777; }

.dcoptionmenu:hover { color:yellow; }

.dcheading { font-size : .91rem;
           font-weight : bold;
      background-color : #2D68C4;
}

.dclite { background-color : #FFFFFF; }
.dcdark { 
    background-color : #8BB8E8;
    /*  #2D68C4; #2774AE;*/
}
.dcmedium { background-color : #8AA0F9; }

.dcfade, a.dcfade, span.dcfade { 
    color: var(--primary-text-faded);
}

.dcauthor, a.dcauthor,
span.dcauthor {
 font-family : Verdana, Georgia;
 color: var(--secondary-text-color);
 font-weight : 600;
 white-space: nowrap;
 margin: 0 5px 0 5px;
 font-size: inherit;
}

.dcfooter { font-size : .91rem;
           text-align : right;
}

.dcdate {
    padding-bottom : 0;
     margin-bottom : 0;
       line-height : 1rem; 
}

.dcmisc { font-size : .91rem; }
.dcerrortitle { font-size : 1.82rem; font-weight : bold; }
.dcerrorsubject { font-size : 1.27rem; color : red; }

.dcinstsubject { font-size : 1.09rem; }
.dcsmall { font-weight : 500; font-size : .78rem; }

.dcnormal { font-size : 1rem; }
.dcbigger { font-size : 1.27em; }

.dcsmallemp { color : #CC0000; font-size : 1rem; }
.dcemp { color : #CC0000; font-size : 1.09rem; }

.dcnote { color : #FF0000; font-style : italic; font-size : 1.09rem; font-weight : normal; }

.dcerror {
   font-size : 1.27rem;
   font-weight : bold;
   color : #FF0000;
   text-align: center; }
   
.dcalert {
       font-family : Verdana, Helvetica;
   font-weight : 900;
   color : red;
   text-align: center;
}

.dcsubtitle { font-size : .91rem; font-weight : bold;text-align: center; }

.dcplain  { font-family : Courier; font-size : 1.09rem; }

/* where is this used??? */
.dcborder { background-color: #2D68C4;}

.dcbordernew { background-color: #d5d777;}
.dcstrong { font-weight : bold;}
.dcright { text-align : right; }
.dcbottom { vertical-align : bottom; }
.dcbottomleft { vertical-align : bottom; text-align : left; }

.dcleft { text-align : left; }
.dccenter { text-align : center; }
.dctoc { font-size : .91rem; }

.dcauthorlink { 
 font-family : Verdana, Georgia;
    font-weight : 600;}

.dcquote {
        width : 75%;
    font-size : 1rem;
   font-style : italic;
  border-style : solid;
 border-width : thin;
 border-color : #000099;
       margin : 0 100px 5px 50px;
      padding : 5px;
}

.dropbtn {
  background-color: inherit;
  color:inherit;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #5284F5;
  margin: 2px 0; 

}

.dropbtn:hover, .dropbtn:focus {
  background-color: DodgerBlue;
}

.dropdown {
  position: absolute;
  right:5px;
  display: inline-block;
  margin: 0;
/*  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
  }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  font-size:.75rem;
  min-width: 85px;
  overflow: auto;
  margin-top: 3px;
  box-shadow: 0 8px 16px 0 rgba(45, 104, 196, 1);
  right: 0;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 1px 5px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.searchButton {
  background-image: linear-gradient(transparent,transparent), url('https://bruingold.com/dcfp125/images/search-ltr.svg');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center 10%;
  background-color: inherit;
  height: inherit;
  min-width: 20px;
  display: inline-block;
}

.testbackground {
  position: relative;
  isolation: isolate;
}

.testbackground::before {
  content: "";
  position: absolute;
  inset:0;
  background-image: url('https://bruingold.com/images/2026_BG_Logo_160x30.svg');
  background-size: 21%;
  background-repeat: no-repeat;
  background-position: center center;
  filter: grayscale(25%);
  /* filter: brightness(75%); */
  opacity: .12;
  z-index:-1;
}

.testbackground .content {
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 1;
}


/****************************************************************/
/* SETTINGS MENU  */
/***************************************************************/
.settingsdropdown {
  float: right;
  background-color: inherit;
  position: relative;
  top: 0.81em;
 /* display: inline-block; */
}

.settingsdropbtn {
  background: url('https://bruingold.com/dcfp125/images/settings.png') no-repeat;
  background-position: right;
  background-color: inherit;
  background-size: 95%;
  border: none;
  cursor: pointer;
  width: 18px;
  /*
  border-radius: 3.5px;
  border: 1px solid #5284F5; */
}

.comment_icon {
  background: url('https://bruingold.com/dcfp125/images/comment.svg') no-repeat;
  background-position: center;
  color: inherit;
  background-color: inherit;
  background-size: 1.7rem;
  font-size:0.65rem;
  border: none;
  cursor: pointer;
  width: 35px;
  padding-bottom:2.5px;
  /*
  border-radius: 3.5px;
  border: 1px solid #5284F5; */
}

.settingsdropbtn:hover, .settingsdropbtn:focus {
  background-color: inherit;
}

.settingsdropdown-content {
  font-family: Archivo;
  font-size: 0.875rem;
  letter-spacing: normal;
  text-transform: none;
  display: none;
  /* float:right; */
  top: 1.88em;
  right: 0;
  position: absolute;
  background-color: inherit;
  padding: 5px;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  border-radius: 4px;
  z-index: 1;
}

.settingsdropdown-content a {
   color: var(--general-text-color);
/*   padding: 1px 5px; */
  text-decoration: none;
  /* display: block; */
}

.settingsdropdown a:hover {background-color: #ddd;}

.settingsshow {
    display: block;
    background-color: inherit;
}

/****************************************************************/
/* DARK SCHEME  */
/***************************************************************/
@media (prefers-color-scheme: dark) {
    .dctocsubject,
    .dctocsubject_current { color : #ffffff; }
   a.dctocsubject:visited,
   dctocsubject:visited a { color : var(--medium-grey); }
    .dcdate_new, span.dcdate_new  { color : #FFD100; }
    .dctocsubject:hover,
    .dctocsubject_current {
        text-decoration-line : underline;
        text-decoration-color : #FFD100; }
    .dcsmallemp,
    .dcemp { color : #ff9f80; }
    td.dctopborders { 
        border-top : 3px double var(--light-grey); 
        border-bottom : 3px double var(--light-grey);
    }

    .dcborder_top { border-top : 3px double #eaeff6;} 
    .dcborder_bottom { border-bottom : 3px double #eaeff6;} 
    .dcsubjectheader { color : #ffffff; }
    .dcmessage { color:var(--light-grey);; }
    
    .dclink:visited, .dclink,
    .dclink_nobar, .dclink_nobar:visited {
        color : #ffffff; }
    .dcfade, a.dcfade, span.dcfade,
    .dcsubjectheader + .dcfade { color: #DAEBFE;}
    .dcauthor, a.dcauthor, span.dcauthor {
         color: #DAEBFE;} 
    .dcdate_fade, span.dcdate_fade  {
         color: #DAEBFE; }
    .dcalert { color : yellow; }
     .dcnote { color : #00FFFF; }
    .dropbtn { border: 1px solid #eaeff6; }
}
/****************************************************************/
/* END DARK SCHEME  */
/***************************************************************/


/****************************************************************/
/* Begin HALF LAPTOP SCREEN RULES (POTRAIT Ipad = 768 px)   */
/****************************************************************/
@media screen and (max-width: 767px) { 
  .settingsdropdown {
    top: 0.5em;
  }
    
}


/* KEEP HERE. Needs to be used specifically for board */

UL {  margin : 0 1px 0 15px; 
border-style : none ;
 line-height : 102%;
   list-style-type : none; 
     padding : 0; }

LI {  margin : 0 0 0 0; line-height : 1.18em; }

UL.rating { margin-left : 20px;
	   padding-left : 0;
         padding-bottom : 10px;
          margin-bottom : 0; 
        list-style-type : disc;
}

LI.dcrules { padding-bottom : 0; 
              margin-bottom : 10px; }

img { max-width: 560px; }

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}