/*
Theme Name: Amie Kaufman
Theme URI: http://ipopcolor.com
Description: author site
Version: 1
Author: Tessa Elwood
Tags: book

################################################################# Basics */
html,body {margin:0px;padding:0px;height:100%;}
body {
text-align:center;  /* because IE7 is picky */
background-color:#fff;}
p {margin-top:15px;}
/* ############################################################# Links */
a, a:visited {color: #ad0b07;text-decoration: none;}
a img {border: none;}
a:hover {color: #a0a0a0;text-decoration: none;}
#anav a, .navborder a, .navborder a:visited, #anav a:visited {color: #000;}
#anav a:hover, .navborder a:hover {color: #ad0b07;}
h2 a:visited, h2 a {color:  #ad0b07;text-decoration: none;}
h2 a:hover {color:  #a0a0a0;text-decoration: none;}

/* toggle */
.c-accordion__content {
		padding: 10px 20px;
		  border:solid 1px #ededed;
}
.c-accordion__title {
color: #ad0b07;
}
.wp-block-getwid-toggle {
    width: 90%;
}

/* begin menu */
#anav {
font-family: 'Muli', sans-serif;
font-weight:normal;font-size:1.5em;
color:#000;
letter-spacing:3px;
text-transform:uppercase;
text-align:center;}

#navplace {position:relative;width:100%;margin-top:10px;margin-bottom:40px;}
#navmenu  {height: 30px;position:relative; z-index:100;}
	#navmenu ul {
font-family: 'Muli', sans-serif;
font-weight:normal;font-size:1.4em;
color:#000;
text-align:center;
letter-spacing:3px;
line-height:1.7em;
text-transform:uppercase;
margin:0;
	}

	#navmenu li {display: inline-block;
	    line-height: 30px;
	    height: 30px;
	    margin: 0; padding: 0 0;
	    position: relative;
	}
	#navmenu li a  {
	    display: block;
	    height: 30px;
	    line-height: 30px;
	   padding: 0 5px;
	}
	#navmenu .current-menu-item a, #navmenu .current_page_item a, #navmenu a:hover {	    color: #000;}
	#navmenu ul ul {
   display: none;
	    position: absolute;
	    font-family: 'Muli', sans-serif;
	    top: 25px;
	    padding:10px 0 0 0;
	    margin-left:0;
	    font-size:1em;
	z-index:100;}
	#navmenu ul ul li {
	    float: none;
	    width: 250px;
	    background: #ad0b07;
	    border-bottom: dotted 1px #000;
text-align:left;
    display: block;
height:auto;	}
#navmenu ul ul li:hover {background:#fbafad;}
	#navmenu ul ul li a { padding: 1px 5px;
color: #fff;
 font-size:.7em;
/* border-bottom:dotted 1px #e4e4e4; */}
	#navmenu ul li:hover > ul {  display: block; }
	#navmenu ul ul li ul { top: -10px;left: 250px; }
/* end menu */

/* ############################################################## main grid */
#overall {max-width:917px;margin:0 auto;position:relative;}
img.amietitle {width:100%;margin-top:4%;}

#bkpg {float:right;width:70px;margin:0 0 10px 10px;border:solid 1px a0a0a0;}


#mainbox {width:100%;
padding:0 50px 30px 50px;}
#mainbox, .container {
font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.75em;
color:#000;
letter-spacing:1px;
line-height:1.7em;
text-align:left;}

.siblings {
width: 94%;
margin: 0 auto;
padding-bottom: 15px;
}


.bookfeaturepreorder {float:left;width:30%;margin:0 20px 5px 0;}
.bookfeature {float:left;width:40%;min-width:40%;margin:0 20px 5px 0;}
.bookfeature img, .bookfeaturepreorder img {width:100%;height:auto;}
.tbs {float:left;width:46%;margin-right:3%;padding:0 30px;}
.starsb {width:320px;margin:0 auto;}
.theother {padding:0 30px;}
.gr {width:36px;height:36px;}

.signed img {width:80px;height:40px;margin:4px 2px;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
 .signed img.gr {width:36px;height:36px;}
.signed a:hover img {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }

.prebuy {display:block;margin:12px 0 4px 0;font-style:italic;}
.social img, .usa img {
width:38px;height:38px;
margin:0 2px 2px 0;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
.social a:hover img, .usa a:hover img  {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }
 .socialsl img {
 width:30px;height:30px;
 margin:0 5px 5px 0;
 opacity: 1.0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;}
 .socialsl a:hover img {
  opacity: .5;
  transition: opacity .55s ease-in-out;
  -moz-transition: opacity .55s ease-in-out;
  -webkit-transition: opacity .55s ease-in-out;
  }

.usa {position: relative;
	display: flex;
   align-items:center;}
	 .usa a {
		 display: inline-block;
		 padding: 4px 2px;
	 }
	 .usa img {
		 display: inline-block;
	 width:38px;height:38px;
	 margin:0 2px 2px 0;
	 opacity: 1.0;
	  transition: opacity 1s ease-in-out;
	  -moz-transition: opacity 1s ease-in-out;
	  -webkit-transition: opacity 1s ease-in-out;}
	 .usa a:hover img  {
	  opacity: .5;
	  transition: opacity .55s ease-in-out;
	  -moz-transition: opacity .55s ease-in-out;
	  -webkit-transition: opacity .55s ease-in-out;
	  }

#insocial {position:absolute;top:40px;right:0;width:20px;margin-right:-20px;}
#insocial img {
width:18px;height:18px;
margin-bottom:5px;
opacity: .5;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
#insocial a:hover img {
 opacity: 1.0;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }

.bookinfo {
font-size:2em;
font-family: 'Fjalla One', sans-serif;
color:#424242;
text-transform:none;
line-height:137%;
padding-bottom:10px;}

.forminfo {
font-size:2em;
font-family: 'Fjalla One', sans-serif;
color:#a0a0a0;
text-transform:none;
line-height:110%;}

.splashtxt {
font-size:.9em;
line-height:1.5em;}
.innernavi {font-family: 'Muli', sans-serif;
font-weight:normal;font-size:1.3em;
color:#000;
width:98%;
margin-left:-10px;
margin-bottom:30px;
text-align:center;
letter-spacing:3px;
line-height:1.7em;
text-transform:uppercase;}

.innerstars {font-family: 'Muli', sans-serif;
font-weight:normal;font-size:1em;
color:#000;
width:98%;
margin-left:-10px;
margin-bottom:30px;
text-align:center;
letter-spacing:3px;
line-height:1.7em;
text-transform:uppercase;}

.booksnavi {margin-top:-20px;margin-bottom:30px;
text-align:center;width:100%;}
.booksnavi img {margin-right:20px;}
.andmore {font-weight:normal;font-size:1em;}
.negative {margin-top:-20px;
border-top:solid 1px #e4e4e4;padding-top:5px;}
.alittleextra {margin:30px 0;}
.innerpad {width:85%;
margin:0 auto;}
.bookspad {width:100%;
margin:0 auto;}
.navborder {border-top:solid 1px #e4e4e4;padding-top:5px;}

.booksupdate {width:100%;
margin:0 auto;
text-align:center;}
/*
.booksupdate img.lb {margin-right:5%;}
*/
.booksupdate img.smb {margin-right:8px;margin-top:5px;}

.booksupdate a {margin:0;}

.blmain {width:250px;float:left;
text-align:center;}
.blleft {margin-left:8%;}

.twocovers {
margin:0;
width:100%;height:auto;
}



/* ############################################################## effects */
.covertilt {
  -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.shadows { -webkit-box-shadow: 10px 10px 15px -2px rgba(0,0,0,0.33);
-moz-box-shadow: 10px 10px 15px -2px rgba(0,0,0,0.33);
box-shadow: 10px 10px 15px -2px rgba(0,0,0,0.33); }
/* ############################################################## headers */
h2 {
font-weight:normal;font-size:3.5em;
line-height:1em;
margin:20px 0 30px;
color:#a0a0a0;
line-height:137%;
letter-spacing:2px;
text-transform:uppercase;
font-family: 'Muli', sans-serif;}
.splashheader {margin-top:30px;}
h3 {
font-family: 'Fjalla One', sans-serif;
font-size:19pt;
margin:25px 0 10px 0;
padding:0;
line-height:137%;
text-transform:uppercase;
letter-spacing:1px;
font-weight:normal;}

.innerpad h3 {
font-size:2.3em;
font-family: 'Fjalla One', sans-serif;
color:#424242;
text-transform:none;
margin:40px 0 20px;}

.innerpad h3.nomargin {margin-top: 0;margin:0 0 20px;}
h4 {margin:0px; display:inline-block;color:#000;}
.socialmid {font-family: 'Fjalla One', sans-serif;
font-size:1.5em;letter-spacing: -1px;margin: 0 4px 0 0;
color: #ad0b07;
display: inline-block;
position: relative;
  top: 50%;
  transform: translateY(-5%);
}
.extra {padding-left: 4px;}


.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}

/* ############################################################## Posts */
.posted {
width:645px;
margin:0px 0px 40px 378px;}
.inlikeflint {
padding:20px 55px 30px 120px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:.75em;
color:#000;
letter-spacing:1px;
line-height:1.9em;
text-align:left;
font-weight:lighter;}
.inlikeflint .size-full {margin-left:-118px;}
.wp-pagenavi {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:.9em;
letter-spacing:2px;
color:#fff;
font-weight:normal;}
/* ############################################################ more stuff */
.aleft {
float:left;
margin:0px 3px 0px 0px;}
.aright{
float:right;
margin:10px 0px 0px 10px;}
.ileft {float:left;}
.iright {float:right;}
.endpad {margin-bottom:10px;}
td.lifestream_icon a img {
background-color:#FFFFFF;
border:solid 0px;}
.metatalk {
/* margin:0px 0px 20px 10px;
padding-left:10px; */
text-align:left;
line-height:13px;
color:#000;
/* border-left: solid 7px #000; */
font-size:9px;}
.comtalk {
margin:10px 0px 30px 30px;
text-align:left;
padding-left:5px;
line-height:13px;
border-left: solid 7px #5dabb2;
font-size:10px;}
.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}
#passionorfear .avatar {float:none;margin:0px 3px 5px 20px;border:solid 1px #b80d0d;padding:3px;}
.postnav {height:20px;}
/* ################################################## image, form, & extras */
hr {
border:0px;
border-bottom:solid 1px #ededed;
margin:30px 0px;}
#btnSearch, #searchsubmit{
background-color:#b52f2f;
border: 1px solid;
text-transform:uppercase;
border-color: #930b0c;
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:22px;
font-size:1em;
padding:0px 3px;}
#searchsubmit {
font-size:0.6em;
visibility:hidden;}
#submit {
background-color:#b52f2f;
border: 1px solid;
text-transform:uppercase;
border-color: #930b0c;
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:22px;
font-size:1em;
padding:0px 3px;}
input.textbox, input#s {
border:#e6abab 1px solid;
background:#f9f9f9;
font:.9em Georgia, Serif;
padding:5px;
width:135px;
height:12px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
input#s{width:160px; background:#fff;}
textarea{
width: 95%;
padding:5px;
height: 15em;
border: 1px solid #e6abab;
background:#f9f9f9;
font:1em Georgia, Serif;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
input{
width: 65%;
padding:5px;
border: 1px solid #e6abab;
background:#f9f9f9;
font:1em Georgia, Serif;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
input.textbox:focus, textarea:focus {
background:#fff;
border:#999 1px solid;}
.mc4wp-form input {
letter-spacing:1px;
font-family: 'Muli', sans-serif;
font-weight:normal;font-size:1em;
text-transform:uppercase;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
color: #fff;
width:30%;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 15px 10px;
    line-height:15px;
    background-color:#000;
    border: 1px solid #636363;
-webkit-box-shadow: inset 7px 13px 25px -1px rgba(77,77,77,0.71);
-moz-box-shadow: inset 7px 13px 25px -1px rgba(77,77,77,0.71);
box-shadow: inset 7px 13px 25px -1px rgba(77,77,77,0.71);}

#mc4wp_email {font-family: 'Muli', sans-serif;
text-transform:none;
    width: 65%;
    float:left;
    height: 40px;
    padding: 7px;
}

body .gform_wrapper .gform_heading .gform_description, body .gform_wrapper .gfield_description {
  font-size: 1.1em;
  color:#464646;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ################################################################# Lists */
ol {margin:0 0 8px 60px;}

ul {
list-style: disc;
margin:0 0 8px 50px;
padding:0;}
ul li, ol li {
color:#000;
letter-spacing:1px;}
ol li {
color:#000;
padding:3px;
letter-spacing:1px;
font-size:1em;}
.mg_item_text p {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
color:#000;
line-height:1.5em;
letter-spacing:1px;}
small {line-height:15px;}
.realrelations {
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;}

/* ################################################################## Original */
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {
padding: 3px 0px 10px 45px;
margin-left:5px;
font-style:normal;
font-size:.9em;
color:#b80d0d;}
cite {
font-size: 90%;
font-style: normal;}
.wp-caption img {border: solid 3px #e6abab;}

.wp-block-image figure img, figure img, .wp-block-image img, size-large img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 10px auto;
}

.wp-caption-text, .wp-caption {text-align:center; font-style:italic;}

/* Gallery captions */

.wp-block-gallery .blocks-gallery-item figure {
    flex-direction: column;
}

.wp-block-gallery .blocks-gallery-item figcaption {
    position: relative;
    bottom: auto;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 10px 0 20px 0;
    color: #333;
    text-align: center;
    font-size: 13px;
    background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 0%,transparent);
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}
.alignleft {float: left;
margin:0px 16px 5px; 0px}
.alignright {float: right;
margin:0px 0px 0px 8px;}
.bites {border:solid 4px #000;
margin-left:-2px;}
b, strong {font-weight:bold;}

.nomargin {margin-top: 0;}


/* ## siblings */
.siblings {margin:0 auto;width:90%;}
.siblings div {display:inline-block;}
.siblings img {height:250px;margin:10px;
  -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
 box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);}
.siblings h3, .siblingstitle {
text-transform:uppercase;
margin:10px 0 5px 0;
border-top: solid 1px #d8d9d6;
border-bottom: solid 1px #d8d9d6;
padding:18px 0px 15px 5px;
font-weight:bold;
font-size:1em;color:#000;}
.siblingstitle { margin:15px 0 -70px 0;}
.siblingholder {width:94%;margin: 0 auto;padding-bottom: 15px;}

@media only screen and (max-width: 600px) {
  .siblings {margin:0 auto 20px auto;width:100%;}
  .siblings img {width:40%;margin:2%;
    height: auto;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
   box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);}
}
.toppd {margin-top: 20px;}

/* series # block */
.seriesnum {
border-bottom: solid 1px #d8d9d6;
border-top: solid 1px #d8d9d6;
color:#000;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
padding:.5rem 1rem;
margin:-15px 0 0px 0px;
font-size: .7em;
}
.gray {color:#d8d9d6;}



/* Slider */
.slider {
		width: 100%;
		margin: 30px auto;
}

.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: #A9A9A9 !important;
	opacity:1;
}

.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}

.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}