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

body, .header, .footer { font-family: 'Exo 2', sans-serif !important;}

body {padding-top: 5em;}

.navbar {
	background-color: #900 !important; /*red*/
}

a.navbar-brand {font-weight:bold;}

a.nav-link.text-white {font-weight:bold;}

.footer {
	background-color: #900; /*red*/
	color:white;
	padding: 2em;
}

#login .header,
#login .footer {
	background-color: #114818;  /*green*/
	color:white;
	padding: 2em;
}

.footer {
	margin-top: 1.5em;
	font-size: 110%;
}

/*OBS
.highlightbox  
{background-color:white;
padding: .3em
}
*/

.header a:link,
.header a:visited,
.header a:hover,
.header a:active {
	color: #900;
}

.header a:hover { text-decoration: underline; }

/*OBS*/
a.highlightbox:link,
a.highlightbox:visited,
a.highlightbox:hover,
a.highlightbox:active {
	color:#900;
}

.footer a:link, 
.footer a:visited, 
.footer a:hover,
.footer a:active {
	color:white;
}

.zoom-panel {background-color:#ccc;
min-height:1em;
min-width:1em;
padding:15px;
margin-top:2em;
text-align:center;}

.zoom-panel img {margin:3px;}

/*TABLE STYLES =============================================*/

.table-style-1,  /*YELLOW dashed sides*/
.table-style-2  /*GRAY solid sides*/
{ min-width: 80%;
margin: 0 auto;}


table.table-style-1, .table-style-1 th, .table-style-1 td {
  border-top: 3px solid #FFCC33;  /*yellow*/
  border-bottom: 3px solid #FFCC33;  /*yellow*/
  border-left: 3px dashed #FFCC33;  /*yellow*/
  border-right: 3px dashed #FFCC33;  /*yellow*/
}

table.table-style-2, .table-style-2 th, .table-style-2 td {
  border-top: 2px solid #bbb;  
  border-bottom: 2px solid #bbb; 
  border-left: 2px solid #bbb;  
  border-right: 2px solid #bbb; 
}

.table-style-1 td {
padding:1em;
vertical-align: top;
}

.table-style-2 td {
padding:.4em;
vertical-align: top;
}

table .notthisweek,
table .mute  {
	/*background-color:#666;*/
	display:none;
	}
	
.bookclub-previous td, th {
border-width: 3px;
border-color:#999;
}

/*end table styles ======================================*/

.joinmtg {
	vertical-align:top;
}

.top-align {vertical-align:top;}

.graybar {
	background-color:#ddd;
	color: #444;
	padding: .5em;
}

.red {
	color: #900;
}

.red-tint {
	background-color:#F7ECEA;
}

.highlight-red {color:#900;
border: #900 solid 3px;
padding: .5em;}

.green-tint {
	background-color:#DDE8DB;
}

.yellow-tint {background-color:#FFCC33;}


.highlight { /*yellow border box*/
	border: 2px solid #FFCC33;
	padding: .5em;
	background-color:white;
}

.slug2 {height:2em;}

.slug4 {height:4em;}

h1 {
	font-weight:bold;
}

h2 {color:#666;}

h3 {
	color: #900; 
	text-align:center;
	padding: 2.5em 0;
	font-size:1.75em;
	font-weight:bold;
}

/*old H3 -- red on yellow*/
/* h3 {
	color: #900; 
	background-color:#FFCC33;
	text-align:center;
	padding:1.25em;
	margin: 1.25em 0;
	font-size:1.5em;
	font-weight:bold;
} */

#hebcal h3 {
	display:none;
	/*text-transform:uppercase;
	background-color: #FFF;
	font-size:1em;*/
}

h4 { /*red on tint of yellow*/
	color:#900;
	background-color:#F7ECB3;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	border: 2px solid #FFCC33;
	padding: 1em;
	margin: 1em 0;
}

H4.no-panel {
	color:#777;
	background-color:white;
	font-size:1.3em;
	text-transform: none;
	border: none;
}

H5 {
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.5em !important;
}
	
body#tech H5 {color:red !important;}

/*very early H5*/
/*h5 {
color:#900;
border: #900 solid 3px;
padding: .5em;
width: 30em;}*/


p.smaller {font-size:smaller;}

body #bookclub li {margin-bottom:1em !important; color: red;}

ol ol { list-style-type:lower-alpha;}

.ctr {
	text-align:center;
}

.fake-hr {border-top: thin solid black;
padding-top:1em;}

.keyline {border:red thin solid;}

.nos-border {border:black thin solid !important;}

/*FONT TEST see the saved version of this CSS file*/

/*---------------------staff box--------------------*/

.staff-box {width:200px; border:#ddd thin solid; padding: 0 .75em 0; margin: 0 1em 0;}

.staff-title {font-weight:bold; text-transform:uppercase; text-align:center;}

.staff-pic {}

.staff-name {text-align:center;}

/*media queries from https://stackoverflow.com/questions/36430816/bootstrap-4-card-deck-with-number-of-columns-based-on-viewport*/


    /* Number of Cards by Row based on Viewport */
    @media (min-width: 576px) {
        .card-deck .card {
            min-width: 50.1%; /* 1 Column */
            margin-bottom: 12px;
        }
    }

    @media (min-width: 768px) {
        .card-deck .card {
            min-width: 33.4%;  /* 2 Columns */
        }
    }

    @media (min-width: 992px) {
        .card-deck .card {
            min-width: 25.1%;  /* 3 Columns */
        }
    }

    @media (min-width: 1200px) {
        .card-deck .card {
            min-width: 20.1%;  /* 4 Columns */
        }
    }