/********************************************************************************
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


.container {
	--bs-gutter-x: 2rem;
}

/********************************************************************************
	         Body
********************************************************************************/


body {
   font-size: 18px;
   font-family: 'Scope One', 'Century', Georgia, Geneva, sans-serif;
   line-height:1.6;
   letter-spacing:.2px;
}

body.single-book {
	font-size: 16px;
	line-height: 1.5;
}

img {
	max-width: 100%;
	height: auto;
}

.screen-reader-text { display: none; }

#header {
	padding-top:55px;
	padding-bottom:70px;
	border-bottom:solid 1px #CCC;
	background:url('https://www.jaymichaelson.net/wp-content/themes/jaymichaelson/images/rotate.php') top right no-repeat;

}

@media (max-width: 575px) {
	#header {
		padding: 20px 0 40px 0;
		background: white;
	}
	#header h1 {
		text-align: center;
	}
}

#header::before {
	width: 300px;
	position: absolute;
	right: 0;
	top: 0;
	height: 178px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,0) 80%);
}

body.admin-bar #header::before {
	height: 210px;
}

body.single-format-standard.articles.single #header {
padding-top:35px;
padding-bottom:3px;
 background:none;
}


body.single-format-standard.articles.single #navbar {
margin-left: 120px;
}

body.single-format-standard.articles.single #content {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

#main {
   padding-top: 10px;
}

.container {

}
#description {
	display:none;
}

#content, #sidebar {
	margin-top:40px;
	margin-bottom:30px;
}
.firstsidebar#sidebar {
 margin-bottom:14px;
}
.secondsidebar#sidebar {
 margin-top: 0px;
}

#top {
	top:0px;
	position:absolute;
	right:0px;
	background:#FFF;
    border-left:solid 1px #CCC;
    border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	text-align:right;
	padding-right:200px;
	width:100%;
	font-size:9px;
	color:#999;
}

.booklist, .projectlist {
	clear:both;
	margin-bottom:15px;
/*	background:#efefef;
	border:#CCC 1px solid; */
	}

.booklist p {
	font-size:13px;

}


.archive a p {
	color:#000;
}

	#title {
		text-transform:lowercase;
		color:#999;
		margin-top: 0;
	}

	.dropmenu {
		clear:both;
	}

	.menuimage {
	}

 .events {
		color:#666;


	}
/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/


h1,h2,h3,h4,h5,h6 {
   font-family: 'Scope One', Georgia, "Times New Roman", Times, serif;
   color:#000;


}


#content h2 {
	font-size:18px;
		color:#999;

/*	width:270px; */
}


/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a, a:visited { color:#007bc1;
   text-decoration:none !important;}

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
}

a:focus, a:hover {
color:#005a8d;

}

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


li { list-style: circle inside ;}

.subject li {
	list-style:none;
}


.fancybullet li {
      list-style: none;
	background: url('images/bullet.gif') no-repeat top left;
	padding: 0px 0px 5px 18px;
      margin: 0px 0px 0px 0px;
}




/********************************************************************************
                            SLIPFIRE CREATED CLASSES
********************************************************************************/



/********************************************************************************
                Images
********************************************************************************/

.alignleft {
   float: left;
   margin-right:35px;
   margin-bottom:15px;
}

.alignright {
   float: right;
   margin-left:35px;
   margin-bottom:15px;
}

.id-780 {
  display: none !important;

}

/********************************************************************************
                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}

div.border{
  border: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column.
***************************************/

.box2 {
  padding: .5em;
  margin-bottom: .5em;
  background: #eee;
  border: 1px solid #ddd;
}

@media only screen and (max-width: 860px) {
	.youtube {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

	.youtube iframe, .youtube object, .youtube embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/********************************************************************************
                          SLIPFIRE CREATED FOR WORDPRESS
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

#navbar {
    margin-top: -40px;
    text-align: center;
    position: absolute;
    width: 100%;
   /* margin-left: -49px; */
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-family: Raleway, Tahoma, sans-serif;
	text-transform: lowercase;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	font-family: Raleway, Tahoma, sans-serif;
	text-transform: lowercase;
	font-size: 14px;
}

/* contact wider */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu#mega-menu-item-7340 > ul.mega-sub-menu {
	width: 400px;
}

/* books wider */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu#mega-menu-item-8555 > ul.mega-sub-menu {
	width: 400px;
}

/* books sub-items sizing */
.mega-menu-item.main_books .mega-sub-menu {
	padding: 0 !important;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget {
	font-family: Raleway, Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
.mega-menu-item.main_books .mega-sub-menu a {
	display:block;
	padding: 3px 10px !important;
	border-bottom: 1px solid #e9e9e9 !important;
}

.mega-menu-item.main_books .mega-sub-menu a:last-child {
	border: none;
	padding-bottom: 0;
	padding-top: 0;
}
.mega-menu-item.main_books .mega-sub-menu img {
	width: 25px !important;
	max-width: 300px !important;
	border: 1px solid #eee !important;
	margin-right: 8px;
}
.mega-menu-item.main_books .mega-sub-menu > li > div > a > div {
	flex-basis: 345px;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget a {
	display: flex;
	align-items: center;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget a:hover {
	background: #eee;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget span {
	font-size: 12px;
	line-height: 15px;
	color: #999;
	display: block;
}

.mega-menu-item.main_books .mega-sub-menu .textwidet .grouped {
	display: flex;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget .grouped a {
	display: inline-block;
	border: none !important;
	padding: 10px 6px !important;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget .grouped img {
	margin: 0;
}
.mega-menu-item.main_books .mega-sub-menu .textwidget .grouped h3 {
	margin: 0;
	display: inline-block;
	font-size: 12px;
	padding-left: 2px;
}


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2{
   font-size: .9em;
   font-weight:normal;
   margin-bottom: .2em;
   color:#666;


}

#sidebar a {border-bottom: none; text-decoration:none;}

#sidebar li {
	list-style:none;
	font-size:11px;
	margin:10px 0px;
	line-height:1.3;
	padding:0px 10px 0 0;
}

#sidebar {
	background:url('https://www.jaymichaelson.net/wp-content/themes/jaymichaelson/images/grad.jpg') top left repeat-y;
	padding:15px 0px 15px 15px;
}

/********************************************************************************
                Footer
********************************************************************************/

.footer_container { background: #e0e0e0; padding: 60px 0 35px 0;}

#footer {
   text-align: left;
   font-weight: normal;
}

#footer h3 { font-size: 20px; }
#footer #face { border-radius: 50%; filter: saturate(1%) contrast(70%); opacity: .7;}
#footer #searchform, #footer #searchform > div { display: inline; }

#footer #footer-copyright a { color: #888; }
#footer #footer-copyright a:hover { color: #333; text-decoration: underline !important; }

#menu-footer-nav { font-weight: bold; font-size: 18px; margin-top: 22px; }

#menu-footer-nav li:not(:last-child) {
  margin-right: .5rem;
}

#menu-footer-nav  li {
  display: inline-block;
}

.social_icons a {
	height: 36px;
	width: 36px;
	font-size: 36px;
	display: inline-block;
	margin-right: 5px;
}

.bluesky-icon img, .linktree-icon img {
	width: 32px;
}

.substack-icon img {
	height: 32px;
	width: 25px;
}
.substack-icon img:hover, .bluesky-icon img:hover,  .linktree-icon img:hover {
	filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(2784%) hue-rotate(186deg) brightness(97%) contrast(102%);
}

#footer .hr-lines {
	text-align: center;
}

#footer .widget_text.footercenter_widget { width: 100%; }

@media (min-width: 768px) {
    #footer .hr-lines {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;	    
		text-align: left;
    }
}

#past-events li {
	list-style:none;
	margin-bottom:5px;
}
.post-date{
margin: 0 10px 14px 0;
padding:2px;
width: 100%;
text-align:center;
background: #dcf2ff	;
border:solid 4px #f6fcff;
}


.events-item {
	margin-bottom:25px;

}

.event-title {
	color:#94992b !IMPORTANT;
}

.article-date {
margin-bottom:0px;
font-size:11px;
color:#333;
}

.article-pub {
	color:#999;
}

.article-title {
	margin-bottom:30px; margin-top:0px; line-height:1; font-size:20px;
}

.grey { color:#CCC !important;
}

.date-meta {
	margin-bottom:10px !important;
	color:#576974;
	}

.multimedia .date-meta {
	margin:5px 0px 0px 0px;

}
.multimedia .date-meta a {
	color:#98a8b2;
	}

.multimedia .lighter-meta a, .multimedia .lighter-meta {
color:#408dba;
}

.multi-item {
padding-bottom:12px;
margin-bottom:26px;
border-bottom:1px dotted #CCC;

}

.multi-item p {
	color: #000;
	font-size: 15px;
	line-height: 18px;
	margin-top: 5px;
}
.multi-item p a {
color:#444;		
}

.multi-item p.date-meta {
color:#bbb;
font-size:18px;
}
.multi-item p.date-meta a {
color:#98a8b2;		}
.multi-item p.date-meta a:hover {
text-decoration:underline !important;		}



.multifooter {
display:none;

}
.lighter-meta a, .lighter-meta {
color:#408dba;
}

.multimedia h2 a {
color:#005a8d;
}


.multimedia h2 a:focus, .multimedia h2 a:hover {
color:#408dba;

}

.multimedia .blurb  {
	font-size:11px;
	line-height:1.6;
	margin:5px 0px 10px 0px !important;
}
.multimedia .blurb  a {
	color:#737373;
}
.persist-header {
	background:#FFF;
	color:#999;
}

.multimedia  p.powerpress_links {
	font-size:9px;
	margin-top:3px;
}

a .excerpt, a.excerpt, .excerpt, .excerpt a  {
	color:#666;
}

a .excerpt, a.excerpt, .excerpt, .excerpt a:hover {
	color:#005a8d;
}

/* Added by Aaron Silver */

textarea.short-textarea {
	height: 50px;
}

.mega-sub-menu .article-subjects {
	margin-left: 0;
	padding-left: 0;
}

.mega-sub-menu .article-subjects li {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
	font-size: 14px;
}

body.home .jumbotron {

}

p.smaller {
	font-size: 86%;
}

body.home h2#title {display:none;}


/** Single Book page */

body.single-book #content h2 {
	font-size: 32px;
	color: #000;
	font-weight: bold;
	line-height: 37px;
}

/* Aaron Silver - responsive youtube embed */

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}