/*  File:  C:\Web Hosting\CivilRights\css\CivilRights.css
 *  maintained by Jesse M. Heines, jesse@jesseheines.com
 *  Copyright (c) 2020 by Jesse Heines.  All rights reserved.  May be freely 
 *    copied or excerpted for educational purposes with credit to the author.
 *  updated by JMH on May 8, 2021 at 7:40 PM
 *  updated by JMH on March 31, 2023 at 11:41 AM
 */

/***************************************************************************
    FOR MOBILE OR BOTH
 ***************************************************************************/
body {
  margin : 0 ;
}
div#mainbody, div#jmhbody {
  margin : 0px 10px 0px 10px ;
}
/* updated by JMH on March 31, 2023 at 11:41 AM 
 * to eliminate white line between picture and menubar after adding these
 *    to the page */
#menubar {
  margin-top : -4px ;
}

.center {
  text-align : center ;
}

.green {
  color : green ;
}
.times-italic {
  line-height : 1em ;
  color : RGB( 163, 31, 52 ) ;
}
.green, .times-italic {
  font-family : Times ;
  font-style : italic ;
}

h2.home {
  font-size : 3.5rem ;
}
.glow:hover, #March9thTitle.glow:hover {
  box-shadow : 0 0 15px 6px limegreen ;
}

table.portrait, #LaceMineUp, #PanelFlyer {
  margin: 0 0 0.5rem 15px ;
  border-spacing : 0 ;
  float : right ;
}
table.portrait th, table.portrait td {
  padding : 0 ;
}
table.portrait p {
  margin-top : 0.5rem ;
}
table.portrait img {
  -moz-border-radius : 40px ;
  -webkit-border-radius : 40px ;
  border-radius : 40px ;
  /* for shadow: x-offset, y-offset, blur, choke (spread length), color, inset (optional) */
  -moz-border-shadow : 3px 3px 5px 1px rgba(0,0,0,.75) ;
  -webkit-border-shadow : 3px 3px 5px 1px rgba(0,0,0,.75) ;
  box-shadow : 3px 3px 5px 1px rgba(0,0,0,0.75) ;
  /* margin : 0 0 0.5rem 15px ; */
  width : 250px !important ;
  border : 1px solid black ;
}
table.portrait p {
  color: darkred ;    /* 139 (decimal), 0x00008b (hex), #8B0000 (HTML), RGB(0x8b,0x00,0x00) */
}

#MainTitle {
  font-size : 5rem ;
  margin-bottom : 0.5rem ;
}

.desktop-only {
  display : none ;
}
.mobile-only {
  display : inline ;
}
.desktop-only-table {
  display : none ;
}
.mobile-only-table {
  display : inline-table ;
}
 
li, p, h3 {
  font-size : 2.5rem ;
  margin-bottom : 0.5rem ;
}
li {
  margin : 0 1rem 1rem 5rem ;
}
.filemtime {
  font-size : 1.2rem ;
}

/***************************************************************************
    FOR DESKTOP 
 ***************************************************************************/
@media print, ( min-width : 981px ) {
  #MainTitle {
    font-size : 2.5rem ;
  }
  #SubTitle, .SubTitle {
    margin-bottom : 1.5rem ;
  }

  .desktop-only {
    display : inline ;
  }
  .mobile-only {
    display : none ;
  }
  .desktop-only-table {
    display : inline-table ;
  }
  .mobile-only-table {
    display : none ;
  }

  table.portrait img {
    -moz-border-radius : 20px ;
    -webkit-border-radius : 20px ;
    border-radius : 20px ;
  }
  h1, h1 span, h2, h2.home {
    font-size : 1.5rem ;
  }
  li, p, h3 {
    font-size : 1rem ;
    margin-bottom : 0.5rem ;
  }
  li {
    margin : 0 0 0.5rem 0 ;
  }
  .filemtime {
    font-size : 0.8rem ;
  }
}

@media print {
  #mainbody li, #mainbody p , #mainbody h3 {
    font-size : 1.5rem ;
  }
  #mainbody #SubTitle {
    font-size : 2.5rem ;
  }
}