/*
Theme Name:Nikki
Theme URI:http://nikkidubose.com/
Author:Nathan Allen
Author URI:http://nathanwebdesign.com/
Description:A clean, modern template for NikkiDuBose.com
Version:1.0.1
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:nikki
Tags:
*/

/* Normalize http://necolas.github.com/normalize.css/ */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

/* Typography */
body,button,input,select,textarea{color:#404040;font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5;}
h1,h2,h3,h4,h5,h6{clear:both;}
p{margin-bottom:1.5em;}
dfn,cite,em,i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}
pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}
code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:15px;font-size:0.9375rem;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
mark,ins{background:#fff9c0;text-decoration:none;}
big{font-size:125%;}

/* Elements */
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
body{background:#fff;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}
ul,ol{margin:0 0 1.5em 3em;}
ul{list-style:disc;}
ol{list-style:decimal;}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em;}
dt{font-weight:bold;}
dd{margin:0 1.5em 1.5em;}
img{height:auto;max-width:100%;}
table{margin:0 0 1.5em;width:100%;}

/* Forms */
button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);color:rgba(0, 0, 0, .8);font-size:12px;font-size:0.75rem;line-height:1;padding:.6em 1em .4em;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb;box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px;}
select{border:1px solid #ccc;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111;}
textarea{width:100%;}

/* Navigation */
a{color:#61474e;}
a:visited{color:#61474e;}
a:hover,a:focus,a:active{color:#cf9ba9;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}

.main-navigation{clear:both;display:block;float:left;width:100%;}
.main-navigation ul{display:block;list-style:none;margin:0;padding-left:0;}
.main-navigation li{float:left;position:relative;}
.main-navigation a{display:block;text-decoration:none;}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);float:left;position:absolute;top:1.5em;left:-999em;z-index:99999;}
.main-navigation ul ul ul{left:-999em;top:0;}
.main-navigation ul ul a{width:200px;}
.main-navigation ul ul li{}
.main-navigation li:hover > a,.main-navigation li.focus > a{}
.main-navigation ul ul :hover > a,.main-navigation ul ul .focus > a{}
.main-navigation ul ul a:hover,.main-navigation ul ul a.focus{}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto;}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{left:100%;}
.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a,.main-navigation .current-menu-ancestor > a{}

.main-navigation.toggled ul{display:block;}
.menu-toggle{display:none;}
@media screen and (min-width:37.5em){
/*.menu-toggle{display:none;}*/
/*.main-navigation ul{display:block;}*/
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%;}

/* Accessibility */
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000; /* Above WP toolbar. */}
#content[tabindex="-1"]:focus{outline:0;}

/* Alignments */
.alignleft{display:inline;float:left;margin-right:1.5em;}
.alignright{display:inline;float:right;margin-left:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}

/* Clearings */
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both;}

/* Widgets */
.widget{margin:0 0 1.5em;}
/* Make sure select elements fit in widgets. */
.widget select{max-width:100%;}

/* Content */
/*** Posts and pages */
.sticky{display:block;}
.hentry{margin:0 0 1.5em;}
.byline,.updated:not(.published){display:none;}
.single .byline,.group-blog .byline{display:inline;}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0;}
.page-links{clear:both;margin:0 0 1.5em;}

/*** Comments */
.comment-content a{word-wrap:break-word;}
.bypostauthor{display:block;}

/* Infinite scroll */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer{ /* Theme Footer (when set to scrolling) */
	display:none;}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer{display:block;}

/* Media */
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
/* Make sure embeds and iframes fit their containers. */
embed,iframe,object{max-width:100%;}

/* Captions */
.wp-caption{margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{margin:0.8075em 0;}
.wp-caption-text{text-align:center;}

/* Galleries */
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}

/* Custom Styles */

h1,h2,h3,h4,h5{font-weight:normal;font-family:'BenchNine',sans-serif;}
body{font-family:'BenchNine', sans-serif;}
a,a:visited{text-decoration:none;color:#b36177;}
header.site-header,h1.site-title{font-family:'Shadows Into Light';}
.main-navigation,.main-navigation li{text-align:center;float:none;display:inline-block;background: #61474e;}
.main-navigation{border-top:1px solid #eaeaea;line-height:2;}
.main-navigation a,.site-title a{padding:0.4em 0.8em;color:#fff;font-weight:normal;}
.site-header{background:#61474e;position:relative;height:100%;}
.site-header:after{content:"";background:#61474e;display:block;z-index:-1;position:absolute;
left:-50vw;width:200vw;height:100%;top:0;}
.main-navigation a:hover,.main-navigation a:focus{background: #fff;color: #61474e;}
.main-navigation ul ul li{margin:0 0 -1px;}
.main-navigation ul ul{top:2.8em;background:#fff;}
.main-navigation ul.sub-menu a{text-align:left;}
#nav-toggle{display:none;position:absolute;top:0;right:0;font-size:2.75em;padding:0.52em 0.4em;line-height:1;text-rendering:geometricPrecision;text-shadow:#000 0 0 1px;cursor:pointer;color:#fff;user-select:none;z-index: 10;}

/*.cta *,.cta,.cta div:after{outline:1px solid #f00;backround:rgba(0,0,0,0.2);}*/

.cta div{display:flex !important;flex-direction:column;justify-content:center;}

.cta{background:#e7e1e5;display:block;height:calc(100vh - 5em);trans/ition: height 999999s;max-height:1000px;min-height:300px;
  width:100%;background:url(/wp-content/themes/nikki/gradient.jpg) repeat-x;background-size:contain;font-size:calc(0.5vw + 1vh);}
/*.cta a{float:left;clear:both;width:260px;margin-bottom:40px;position:relative;top:300px;left:10%;padding:25px;background:#fff;background:rgba(255,255,255,0.92);text-align:center;color:#444;}*/
.cta a{display:block;width:14em;margin-top:2em;padding:1.2em;color:#61474e;border:2px solid rgba(97, 71, 78, 0.2);text-align:center;}
.cta div{position:relative;height:100%;width:100%;left:1rem;max-width:1200px;margin:auto;z-index:1;}
.cta div:after{z-index:-1;position:absolute;top:0;background:url(/wp-content/themes/nikki/Nikki.jpg) no-repeat 50%;
  background-size:contain;content:"";display:block;height:100%;width:100%;min-width:500px;margin-left:25%;}

.cta div{left:5vw;}
.cta div:after{left:-20vw;}
/*

 10000 wide by 200 high = high level of padding
 200 by 200 = normal padding



*/

@media screen and (orientation:portrait){
  .cta div{justify-content:flex-start;padding-top:20vh;}
  .cta{font-size:calc(1vw + 0.7vh);}
}

.cta div:after{background-size:;margin:0;background-position:center top ;right:-75%;width:200%;}

.cta h1,.cta h2{color:#61474e;margin:0;padding:0;line-height:1.4em;}
.cta h1{margin-top:-1em;font-family:'Shadows Into Light';font-size:5em;}
.cta h2{margin-bottom:1em;font-family:'Amatic SC';opacity:0.5;font-size:2.86em;}

@media screen and (max-width:700px){
fixme.cta{height:calc(100vh - 4.5em);}
fixme.cta a{font-size:0.9em;padding:0.5em;}
.main-navigation.nav-toggle{display:none;}
#nav-toggle.nav-toggle{display:block;}
}
@media screen and (orientation:portrait){
fixme.cta p{margin:0;}
fixme.cta{text-align:center;}
fixme.cta a{width:80%;min-width:10em;max-width:20em;}
}
.cta a:hover,.cta a:focus{background:#61474e;color:#fff;}
.cta,.main-navigation,.site-title{text-transform:uppercase;}
.site-title a{padding:0 1rem;}

.signup{text-align:center;padding:80px 0 120px;background:#fff;}
.signup input{font:inherit;text-transform:uppercase;height:2em;vertical-align:middle;line-height:1em;margin:-2px;padding:6px 18px;
  box-sizing:content-box;border:2px solid #333;}
.signup input[type="email"]{width:50%;max-width:20em;border:solid #ddd;border-width:2px 0 2px 2px;border-radius:0;}
.signup input[type="submit"]{width:15%;max-width:6em;color:#eee;text-shadow:none;background:#61474e;border-color:#61474e;box-shadow:none !important;border-radius:0 !important;}
.signup input[type="submit"]:hover{border-color:#a5838c;background:#a5838c;color:#fff;}
.signup p{font-size:1.5em;margin:1em;color:#777;}
.signup p span{white-space:nowrap;}
.signup label{display:none;}

.bookinfo{background:#efebee;font-size:1em;}
.bookinfo>div{padding:150px 0 0;}
.bookinfo,.links{text-align:center;}
.bookinfo>div,.bookinfo>img,.links>div{display:inline-block;vertical-align: top;}
.bookinfo>div,.bookinfo>img{width: 430px;text-align:center;margin: 0 30px;}
.bookinfo>div>img{width: 250px;/* margin-right:100px; */vertical-align:top;}
.bookinfo h2,.bookinfo h3{font-weight:normal;margin:0;}
.bookinfo h2{font-size:2.4em;margin:0.2em 0;}
.bookinfo h2 span{white-space:nowrap;}
.bookinfo h3{font-size:1em;color:#555;}
.bookdesc{/* border-top:1px solid #ccc; padding-top:2.2em */;margin:2.5em 0 3em;text-align:justify;color:#666;font-family:'David Libre', serif;}
.bookinfo p{margin:2.5em 0;}
.bookinfo a{text-transform:uppercase;font-size:1.2em;padding:0.5em 1em;margin:0;white-space:nowrap;}
.bookinfo a.button{background:#61474e;color:#eee;text-transform:none;}
.bookinfo a.button:hover{background:#a5838c;color:#fff;text-transform:none;}
.bookinfo h3.available a{font-size:1.5em;text-transform:none;}
.bookinfo h3.tagline{font-family:'Amatic SC';font-size:1.2em;height: 2em;}

.links{padding:80px 0;background:#eee;}
.links a{color:#fff;}
.links>div{width:320px;margin:9px;}
.links span{background:#444;display:block;padding:0.3em;font-size:1.4em;text-transform:uppercase;margin:0 0 10px;}
.links img{width:320px;height:320px;}
.links a:hover span{background:#61474e;}

.beautystories > div,.poetry>div{max-width:1100px;display:inline-block;}
.beautystories > div > div,.poetry>div>div{display:inline-block;width:320px;margin:9px;vertical-align:top;}
.beautystories img,.poetry img{width:320px;height:240px;}
.beautystories,.poetry{text-align:center;display:none;}
.bbbookinfo{/*temp signup fix*/margin-top:-10px;/**/}

.beautystories a.more,.poetry a.more{background:#61474e;color:#fff;padding:8px 16px;margin:20px;display:inline-block;font-size:1.1em;}
.beautystories a.more:hover,.poetry a.more:hover{background:#222;}

footer.site-footer{background:#61474e;padding:20px;}
footer.site-footer{text-align:center;}
footer.site-footer a{padding:10px;color:#fff;}
footer.site-footer ul,footer.site-footer li{display:inline;padding:0;margin:0;}
#footer-menu > li > ul{display:none;}

/*footer.site-footer ul{list-style:none;margin:0;padding:0}
#footer-menu{padding:20px;}
#footer-menu a{padding:6px;}
#footer-menu > li{padding:6px;}
#footer-menu > li > ul{display:none;}
footer.site-footer div.site-info{max-width:1200px;margin:0 auto;}*/

h3{font-weight:normal;font-size:1.8rem;}
.beautystories,.poetry{margin:100px 0;}
.postcontent{font-family:'David Libre', serif;font-size:0.9rem;color:#444;}
.beautystories>div>div{text-align:left;padding-bottom:20px;}
.postitle{font-size:1.4em;}
.postdate{font-size:0.8em;display:none;}
h1.entry-title{text-align:center;}
div#primary{padding:5em 2em;width:1000px;margin:50px auto 0;background:#fff;}
body.home div#primary{padding:0;width:auto;margin:0;}
.entry-footer{display:none;}
/*.main-navigation{border-bottom:1px solid #eaeaea;}
body.home .main-navigation{border-bottom:none;}*/

.sociallinks{height:0;margin:-4.25em 1em;float:right;}
.sociallinks a{display:inline-block;border-radius:3em;width:32px;height:32px;overflow:hidden;background:#795c64 url(media/sn.png);margin:0 -6px;line-height:300px;border:4px solid #61474e;padding:17px;position:relative;top:0;transition:top 0.4s,background-color 0.6s;}
.sociallinks a.facebook{background-position:0 0;}
.sociallinks a.twitter{background-position:-34px 0;}
.sociallinks a.tumblr{background-position:-68px 0;}
.sociallinks a.instagram{background-position:68px 0;}
.sociallinks a.youtube{background-position:102px 0;}
.sociallinks a.gplus{background-position:34px 0;}
.sociallinks a:hover,.sociallinks a:focus{background-color:#90787f;top:-3px;transition:top 0.2s;}

.page-content,.entry-content,.entry-summary,.comment-content{font-family:'David Libre', serif;font-size:1.2em;color:#444;}
div.entry-meta{display:none;}
h1.entry-title{padding-bottom:0.5em;}
article.post{margin:0 0 3.5em;}
ol.comment-list{margin-left:0;padding-left:0;}
nav.post-navigation{display:none;}
ol.comment-list{margin-left:0;padding-left:0;}
#comments label{display:block;}
div#content{min-height:100vh;transition: height 999999s;}

@media screen and (min-width:1200px){
  div#content,nav,header,.cta p{max-width:1200px;margin:0 auto;}
  /*body.home div#content,body.home nav,body.home header{max-width:non/e;}*/
  body.home div#content{max-width:none;}
  .site-title a{padding:0;}
  .cta div{left:10vw;}
  .cta div:after{left:-35vw;}
  .sociallinks{margin-right:0;}
}
@media screen and (min-width:1600px){
  .cta{font-size:2vh;}
  .cta div{left:0;}
  .cta div:after{left:-15vw;}
}
@media screen and (max-width:1200px){
  .cta div:after{left:-30vw;}
}

@media screen and (max-width:1040px){
  .bookinfo img{margin:0 100px;width:300px;}
  .links>div{width:31%;margin:0;}
  .links img{height:auto;}
  .links span{margin:12px 0 2px;white-space:nowrap;}
  div#primary{width:100%;padding:5em;}
}
@media screen and (max-width:700px){
  .beautystories>div>div,.poetry>div>div{width:95%;margin:0 auto;}
  .beautystories img,.poetry img{width:100%;height:auto;}
  .poetry>div{width:100%;}
  .bookinfo img{margin:0;}
  .bookinfo>div>div{}
  .bookinfo>div{width:100%;padding:100px 5% 0;margin:0;}
  ol.children{margin-left:0;padding:1em;}
  div#primary{padding:1em;}
  div.sociallinks{display:none;}
  .signup input[type="email"]{width:50%;max-width:50vw;}
  .signup input[type="submit"]{width:15%;max-width:20vw;}
}

#page{position:relative;overflow:hidden;}