/*
Theme Name: Amie Kaufman V.Sea
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: #c28c58;text-decoration: none;}
a img {border: none;}
a:hover {color: #f7b779;text-decoration: none;}
#anav a, .navborder a, .navborder a:visited, #anav a:visited {color: #c28c58;}
#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;}

/* ##### begin menu */
    #navplace {position:relative;width:80%;margin:20px auto 30px auto;}
    #navmenu  {position:relative; z-index:100;}
    #navmenu ul {
			    font-family: 'Muli', Arial, sans-serif;
			    font-weight:normal;font-size:1.4em;
			    color:#000;
			    text-align:center;
			    letter-spacing:3px;
			    text-transform:uppercase;
			    margin:0;
    	}

    	#navmenu li {display: inline-block;
    	    margin: 0; padding: 0;
    	    position: relative;
    	}
    	#navmenu li a  {
    	    display: block;
    	    line-height: 1.2em;
    	   padding: 0 5px;
				 text-decoration: none;
    	}
    	#navmenu .current-menu-item a, #navmenu .current_page_item a, #navmenu a:hover {color: #f7b779; text-decoration: none;}
    	#navmenu ul ul {
       		display: none;
    	    position: absolute;
    	    font-family: 'Muli', Arial, 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: 240px;
    	    background: #c28c58;
					padding: 8px;
    	    border-bottom: solid 1px #fff;
    			text-align:left;
        	display: block;
    			height:auto;	}
    	#navmenu ul ul li:hover {background:#53575f; color:#fff;}
    	#navmenu ul ul li a { padding: 1px 5px;
    		color: #fff;
				text-decoration: none;
				font-size: .8em;
			}
    	#navmenu ul li:hover > ul {  display: block; }
    	#navmenu ul ul li ul { top: -10px;left: 240px; }
    /* end menu */

.slicknav_nav li a {
	font-family: 'Muli', Arial, sans-serif;
	text-align: left;
}
.slicknav_nav ul.sub-menu {}
.slicknav_nav ul.sub-menu li {border-left: solid 2px #e4e4e4;}

	.innernavi {font-family: 'Muli', Arial, sans-serif;
				font-weight:normal;font-size:1em;
				color:#000;
				margin: 0 auto;
				width:80%;
				text-align:center;
				padding: 2px 0 0 0;
				letter-spacing:1px;
				text-transform:uppercase;
				}
			.negative {margin:-20px auto 30px auto;
				border-top:solid 1px #e4e4e4;padding-top:5px;}
			.lowermenu {margin:20px auto -20px auto;}
			.alittleextra {margin:30px auto;}

/* ##### header */
#header {width:80%;margin:0 auto;position:relative;}
img.amietitle {width:100%;margin-top:4%;}

/* ##### splash */

#blue {
	width:100%;
	margin: 0;
	background: #53575f url("http://amiekaufman.com/wp-content/themes/amiesea/i/bluebg.jpg") no-repeat left top;
	background-size: 100% auto;
}
.innerblue {
	width: 80%;
	padding: 20px 0;
	margin: 0 auto;
	font-family: 'EB Garamond', Times, serif;
	text-align: left;
	font-size:1.4em;
	color:#fff;}

	.innerblue img {border:solid 10px #fff;}


.featuredimg {
	margin:0 auto;
	max-width:90%;
}

a img:hover {
	opacity: .5;
  transition: opacity .55s ease-in-out;
  -moz-transition: opacity .55s ease-in-out;
  -webkit-transition: opacity .55s ease-in-out;
}

#pattern {
	width:80%;
	margin: 20px auto;
	padding: 20px 0;
}

/* ##### main */

#mainbox, .container {
	width:64%;
	margin: 0 auto;
	padding:15px 0 30px 0;
font-family: 'EB Garamond', Times, serif;
font-size:1.2em;
color:#000;
letter-spacing:1px;
line-height:1.5em;
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;}

@media screen and (max-width: 600px) {
	#mainbox, .container {
		width: 86%;
	}
	#blue	.innerblue img {width:100%;}
		#blue {
			background: #53575f url("http://amiekaufman.com/wp-content/themes/amiesea/i/mobilebg.jpg") no-repeat left top;
			width:100%;
			margin: 0;
			background-size: cover;
		}
		.bookfeature {float:left;width:40%;min-width:50%;margin:0 20px 5px 0;}
}

.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;
  }


.bookblock a {
	display: inline-block;
	text-transform: uppercase;
		 padding: 0 7px;
		 font-size: 1em;
		 border-right: 1px solid #e4e4e4;
	 }
.bookblock strong {padding: 0 7px;}
.bookblock	a:last-child {
  border-right:0px;
}




#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;}

.innerstars {font-family: 'Muli', Arial, 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;}
.bookspad {width:100%;
margin:0 auto;}
.navborder {border-top:solid 1px #e4e4e4;padding-top:5px;
width:100%;}



/* ############################################################## 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, h3, h4 {font-family: 'EB Garamond', Times, serif;letter-spacing:1px;}

h2 {
font-weight:normal;font-size:2.8em;
margin:10px 0 20px 0;
line-height: 105%;
color:#7d6655;
text-transform:uppercase;
}


h3 {
font-size:1.8em;
line-height: 1em;
margin:25px 0 10px 0;
text-transform:uppercase;
font-weight:normal;}
#pattern h3 {text-align: left;}

.innerblue h3 {
	font-size:1.5em;
}

h4 {font-size:1.4em;
line-height: 1.1em;
color:#7786a2;
font-weight: bold;
letter-spacing: 0px;
}

@media screen and (max-width: 500px) {
	h2 {font-size: 2.5em;}
	h3 {font-size: 1.5em;}
}


.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 {
    margin: 40px auto;
    width: 70%;
    border: 0;
    height: 1px;
border-color: #e4e4e4;
}
.wp-block-separator {border-color: #e4e4e4;}


#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;
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;
-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;
}

body h2.gsection_title {margin-top: 50px;}
body .gfield_label {margin-top: 20px;}
.red {color:#ad0b07;}

/* 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;}