/*
Theme Name: leesmolin
Theme URI: https://www.imaginaryoffice.com
Author: Imaginary Office
Author URI: https://www.imaginaryoffice.com
Description: This is a custom theme built for leesmolin.com
Version: 2019
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: leesmolin

leesmolin WordPress Theme © 2011-2019 Imaginary Office
leesmolin is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[tcype="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

body {
	width: 100%;
	font-family: ff-enzo-web, sans-serif;
	font-weight: 600;
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
}
body.home {
	background: linear-gradient(228deg, #e72f2f, #ef9b1a, #45e0ff, #c052be);
	background-size: 800% 800%;
	-webkit-animation: rainbowDiag 40s ease infinite;
	-moz-animation: rainbowDiag 40s ease infinite;
	animation: rainbowDiag 40s ease infinite;
}
@-webkit-keyframes rainbowDiag {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@-moz-keyframes rainbowDiag {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@keyframes rainbowDiag { 
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
  }

.polish {
	font-family: acumin-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
}

#colorbar {
	position: absolute;
	top: 0;
	height: 22px;
	width: 100%;
	background: linear-gradient(228deg, #c052be, #45e0ff, #ef9b1a, #e72f2f);
	background-size: 800% 800%;
	-webkit-animation: rainbowDiag 40s ease infinite;
	-moz-animation: rainbowDiag 40s ease infinite;
	animation: rainbowDiag 40s ease infinite;
	padding: 0 30px;
	overflow: hidden;
	background-attachment: fixed;
    
}

#colorbar.home {
	height: 0;
}

#colorbar .menu-main-menu-container, #colorbar #branding {
		display: none;
	}


#wrapper {
	width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    margin-top: 32px;
    padding: 0 30px;
	}

#header {
	width: 25%;
	float: left;
	font-weight: 300;
}

#header a {
	border-bottom: none;
}

#header a:hover {
	border-bottom: 1px solid red;
}

#container {
	width: 75%;
	float: left;
	margin-top: 120px;
}

html {
	font-size: 16px;
}

h1 {
	font-weight: 300;
	font-size: 28px;
	font-size: 1.75rem;
	margin-bottom: 14px;
}

h3 {
	padding: 12px 0;
    text-transform: uppercase;
}
.entry-content {
	letter-spacing: .5px;
}
.entry-content ul {
	margin-left: 20px;
	}
.entry-content ul li {
	list-style-type: none;
	font-size: .8125rem;
	margin-bottom: 6px;
}

.entry-content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #aaaaaa; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


#branding {
	margin-bottom: 90px;
	height: 32px;
}

#menu-toggle { display: inline;
    position: absolute;
    right: 30px;
}

.home #site-title a {
	color: #FFFFFF;
}
#site-title a {
	font-size: 32px;
	font-size: 2rem;
	text-decoration: none;
	color: #000000;
}

.entry-content p, .entry-content ul {
	font-size: 13px;
	font-size: .8125rem;
	line-height: 1.125rem;
	margin-bottom: 24px;
}
ul#menu-main-menu-1 li {
	font-weight: 600;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5rem;
}

ul#menu-main-menu-1 li a {
	text-decoration: none;
	color: #000000;
}

ul#menu-main-menu-1 li.menu-item-has-children a {
	cursor: default;
    text-decoration: none;
    font-weight: 700;
	color: #444444;
}

ul#menu-main-menu-1 li.menu-item-has-children a:hover {
    text-decoration: none;
	border-bottom: none;
}

ul#menu-main-menu-1 li.menu-item-has-children .sub-menu li a {
	cursor: pointer;
    font-weight: 600;
}

ul#menu-main-menu-1 li.menu-item-has-children .sub-menu li a:hover {
	cursor: pointer;
    border-bottom: 1px solid red;
}

ul.sub-menu {
	margin-left: 10px;
	margin-bottom: 14px;
}

.copyright-header, #footer #copyright {
		font-weight: 600;
		font-size: .75rem;
		color: #999999;
		line-height: 1.125rem;
    	margin-top: 50px;
		z-index: -1;
	}

.copyright-header a, #footer #copyright a {
	text-decoration: none;
	color: #999999;
	border-bottom: none;
}

.home .copyright-header, .home .copyright-header a {
	color: #000000;
} 
#footer #copyright {
		display: none;
	}
/* home */

.home .entry-title {
	display: none;
}

#bigquote {
	color: #FFFFFF;
	padding-right: 30%;
	font-size: 62px;
	font-size: 3.5rem;
	margin-bottom: 40px;
	font-weight: 300;
}

.home .entry-content p, .home .entry-content a {
	color: #FFFFFF;
	font-size: 1.125rem;
	margin-bottom: 12px;
	line-height: 1.5rem;
}

.home .entry-content a {
	border-bottom: 1px solid;
	border-color: rgba(255, 255, 255, 0.6);
	
}
/* interior pages */
#sidebar {
	width: 30%;
	float: right;
}

#sidebar-submenu {
	margin-top: 8px;
}

#sidebar-submenu li {
	margin-bottom: 8px;
    font-size: .875rem;
	
}

#sidebar-submenu li a {
	text-transform: uppercase;
	border-bottom: 1px solid red;
	font-weight: 700;
	line-height: 1.125rem;
}

.entry-content {
	width: 70%;
	float: left;
	padding-right: 10%;
}

.home .entry-content {
	padding-right: 10%;
}



a { 
	color: #000;
    text-decoration: none;
    border-bottom: 1px Solid black;
}

a:hover { 
	color: #000;
    text-decoration: none;
    border-bottom: 1px Solid red;
}

#bookmeta-mobile {
	display:none;
}
@media only screen and (max-width: 768px) {
 
	#container {
		float: none;
	}
	.entry-content {
	padding-right: 25%;
}
	
	
	.copyright-header {
		display: none;
	}
	
	#footer #copyright {
		display: block;
		margin-bottom: 30px;
	}
	#menu-toggle::after {
	content: "\f0c9";
	float: right;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size: 24px;
	font-size: 1.5rem;
    padding-top: 3px;
}
	body.home #menu-toggle::after {
	content: "\f0c9";
	color: #ffffff;
	}

#menu-toggle.open::after {
	content: "\f00d";
	color: white;
	float: right;
}
	
	body.home #menu-toggle.open::after {
	content: "\f00d";
	color: white;
	float: right;
}
	
	
	#sidebar, .entry-content {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}	
	
	.books #sidebar {
		height: 100%;
	    min-height: 280px;
	}
	#sidebar img {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	#bookmeta-mobile {
	display:block;
	width: 75%;
    line-height: 1.25rem;
}
	#bookmeta-full {
	display:none;
}
	#menu {
		display:none;
	}
	
	#header, #container, #footer {
		width: 100%;
	}

	#footer {
	position: relative;	
	z-index: -1;
	}
	
	.home #footer #copyright, .home #footer #copyright a { 
		color: #FFFFFF;
	}
	
	
	
	#copyright {
	font-size: 14px;	
	font-size: .875rem;
	}
	#container {
		margin-top: 0;
	}
	
	#branding {
		margin-bottom: 60px;
	}
	ul#sidebar-submenu {
		margin: 20px 0;
	}
	
	ul#sidebar-submenu li {
		margin-bottom: 4px;
	}
	
	#colorbar.open {
		height: 100vh;
		position: absolute;
		overflow: scroll;
	}
	
	#colorbar #branding {
		display: block;
	}
	
	#colorbar .menu-main-menu-container {
		display: block;
		margin-top: 30px;
	}
	
	#branding.mobile #site-title {
		color: white;
		font-size: 2rem;
    	font-weight: 300;
    	margin-top: 32px;
	}
	
	
	#branding.mobile {
		margin-bottom: 0;
	}
	
	#colorbar ul#menu-main-menu li {
    font-weight: 300;
    font-size: 20px;
        font-size: 1.125rem;
    line-height: 2rem;
		border-top: 1px solid;
		border-color: rgba(255, 255, 255, 0.6); 
		padding-top: 2px;
		
}
	#colorbar ul#menu-main-menu li li {
		border-top: none;
	}
	#colorbar ul#menu-main-menu li a {
    	color: white;
		text-decoration: none;
		border-bottom: none;
	}
	
	#colorbar ul#menu-main-menu li a:hover {
    text-decoration: none;
		
}
	
	#colorbar ul#menu-main-menu .menu-item-has-children::first-child a::after {
		content: "arrow";
		float: right;
	}
	
}

@media only screen and (max-width: 600px) {

	.entry-content {
    padding-right: 5%;
}
	
	#sidebar img { float: none;}
	
	#bookmeta-mobile {
	width: 90%;
}

	
	#bigquote {
    padding-right: 10%;
    font-size: 3rem;
    }
	
}

@media only screen and (max-width: 400px) {


	
	#bigquote {
    font-size: 2rem;
    }
	
}