/*
Theme Name: fandr2019
Theme URI: https://www.filmandreligion.com/
Description: Film and Religion theme based on Hueman
Author: gaborpor
Author URI: https://visionnest.com
Template: hueman
Version: 1.2.4
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 19 Aug 2019 13:09:35 +0000 */

/* custom database-y stuff*/

.artlist, .booklist {
	display: table;
	border-collapse: collapse;
	width: 100%;
}
#artlisthead, .artlistrow, .booklisthead, .booklistrow, #syllisthead, .syllistrow{
	display: table-row;
	width: 100%;
}
.odd {
	background-color: #CCC;
}
/*article list*/
.artser {
	width: 5%;
}
.artauthor {
	width: 25%;
}
.arttitle {
	width: 50%;
}
.artdate {
	width: 10%;
}

/*book list*/
.bookser {
	width: 5%;
}
.bookauthor{
	width: 15%;
}
.booktitle {
	width: 43%;
	font-weight: 600;
}
.bookyear {
	width: 10%;
}
.bookbuy {
	width: 10%;
	font-weight: 800;
}
.bookcover {
	width: 100px;
}

/*syllabi list*/
.sylser {
	width: 20px;
}
.sylauthor{
	width: 20%;
}
.syltitle {
	width: 40%;
}
.sylcourse {
	width: 20%;
}
.sylyear {
	width: 30px;
}

.artser, .artauthor, .arttitle, .artdate, .bookser, .bookauthor, .booktitle, .bookyear, .bookbuy, .bookcover, .sylser, .ylfcol, .sylauthor, .syltitle, .sylcourse, .sylyear {
	float: left;
	padding: 2px;
	display: table-cell;
}
.book-cover {
	float: right;
	padding: 5px;
}
.thumb-cover {
	padding: 5px;
}
.ylfcol {
	width: 15%;
}
/*amazon linking */
.amlink {background-color: red;
color: white;
padding: 3px 5px;
display: inline-block;
overflow-x: hidden;}

.amlink a, .amlink a+span.hu-external::after  {
	color: #d2d0d0; }
	
/* header book listing styling */
#header-widgets img {
	float:left;
	margin: 10px 5px 0 10px;
	height: 150px;
	width: 100px;
}

#header-widgets {
	height: 160px;
	overflow: hidden;
}

@media only screen and (min-width: 1351px) {
  #header-widgets {
	  width:920px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1350px) {
	  #header-widgets {
	  width:810px; 
  }
}

@media only screen and (min-width: 1160px) and (max-width: 1279px) {
	  #header-widgets {
	  width:700px; 
  }
}

@media only screen and (min-width: 1020px) and (max-width: 1159px) {
	  #header-widgets {
	  width:590px; 
  }
}

@media only screen and (min-width: 880px) and (max-width: 1019px) {
	  #header-widgets {
	  width:480px; 
  }
}

@media only screen and (min-width: 790px) and (max-width: 879px) {
	  #header-widgets {
	  width:370px; 
  }
}

@media only screen and (min-width: 720px) and (max-width: 789px) {
	  #header-widgets {
	  width:260px; 
  }
}