html, body {
text-align:left;
padding:0px;
margin:0px;
background:#fff;
font-family:'Lato', sans-serif;}

@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

a {
text-decoration:underline;}

a:hover {
text-decoration:none;}

a img {
border:0;}

figure,
form {
margin:0;
padding:0;
line-height:1;}

figcaption {
padding:10px 20px;
margin:0 auto 12px auto;
background:#eee;
color:#515151;
line-height:1.5;
font-size:10pt;
font-family:'Lato', sans-serif;
font-weight:400;
text-align:center;}

figcaption a {
color:#515151;
text-decoration:none;
border-bottom:2px #515151 solid;}

h1, h2, h3, h4, h5, h6 {
font-family:'Montserrat',sans-serif;}

h1 {
padding:0;
margin:0;
font-size:22pt;
font-weight:700;}

h2 {
padding:15px 0 0 0;
margin:0;
font-size:15pt;
font-weight:700;}

h3 {
padding:15px 0 0 0;
margin:0;
font-size:12pt;
font-weight:400;
text-transform:uppercase;}

h4 {
padding:15px 0 0 0;
margin:0;
font-weight:bold;
font-size:14pt;}

h5 {
padding:15px 0 0 0;
margin:0;
font-weight:bold;
font-size:11pt;}

h6 {
padding:15px 0 0 0;
margin:0;
font-weight:normal;
font-size:9pt;}

.hidden {
display:none;}

hr {
color:#ccc;
border:1px solid #ccc;
max-width:600px;
width:90%;
margin:24px auto;}

img {
padding:0px;
border:0px;
margin:0px;}

input,
textarea {
background:#fff;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:8px 0;}

button,
input,
textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}

input:focus {
border-color:#de435f;}

label {
padding:5px;
margin:0 5px 0 0;
line-height:1.5;}

ul, ol {
color:#777;}

.unhidden {
display:block;}

.smallcaps {
font-variant:small-caps;}

/* LAYOUT SPECIFICS */

#top {
background-color:#ccc;}

#top-content {
margin:0 auto 7px auto;
max-width:785px;}

.nav-collapse ul {
margin:0;
padding:0;
width:100%;
display:block;
list-style:none;}

.nav-collapse li {
width:100%;
display:block;
font-size:12px;
font-family:'Montserrat',sans-serif;
font-weight:400;
text-transform:uppercase;}

.js .nav-collapse {
clip:rect(0 0 0 0);
max-height:0;
position:absolute;
display:block;
overflow:hidden;
zoom:1;}

.nav-collapse.opened {
max-height:9999px;}

.disable-pointer-events {
pointer-events: none !important;}

.nav-toggle {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;}

#header-menu {
background:#ccc;
width:100%;
height:40px;}

.logo {
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-decoration:none;
padding:0 10px;
float:left;
color:#fff;
line-height:40px;
font-size:12px;
font-family:'Montserrat',sans-serif;
font-weight:700;
text-transform:uppercase;}

.nav-collapse,
.nav-collapse * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}

.nav-collapse,
.nav-collapse ul {
list-style:none;
width:100%;
float:left;}

.nav-collapse li {
float:left;
width:100%;}

.nav-collapse a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
border-top:1px solid white;
text-decoration:none;
padding:0.7em 1em;
color:#fff;
width:100%;
float:left;}

@font-face {
font-family: "responsivenav";
src:url("//assets.rachelskirts.com/icons/responsivenav.eot");
src:url("//assets.rachelskirts.com/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
  url("//assets.rachelskirts.com/icons/responsivenav.ttf") format("truetype"),
  url("//assets.rachelskirts.com/icons/responsivenav.woff") format("woff"),
  url("//assets.rachelskirts.com/icons/responsivenav.svg#responsivenav") format("svg");
font-weight:normal;
font-style:normal;}

.nav-toggle {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration:none;
text-indent:-300px;
position:relative;
overflow:hidden;
width:45px;
height:40px;
float:right;}

.nav-toggle:before {
color:#fff; /* Edit this to change the icon color */
font:normal 20px/40px "responsivenav"; /* Edit font-size (20px) to change the icon size */
text-transform:none;
text-align:center;
position:absolute;
content:"\2261"; /* Hamburger icon */
text-indent:0;
speak:none;
width:100%;
left:0;
top:0;}

.nav-toggle.active:before {
font-size: 20px;
content: "\78"; /* Close icon */}

h3.pockets {
color:#ccc;}

#main {
clear:both;
background:#fff;}

#main-content {
max-width:785px;
text-align:left;
padding:0;
margin:0 auto;
font-size:11pt;}

#main-content h1 a,
#main-content h2 a,
#main-content h3 a {
text-decoration:none;
color:#000;}

#main-content h1 a:hover,
#main-content h2 a:hover,
#main-content h3 a:hover,
h3.pockets a:hover {
border-bottom:2px #ebebeb solid;}

#main-content h3.pockets a {
color:#de345f;
text-decoration:none;}

#main-content p,
#main-content ol,
#main-content ul,
#main-content dl {
color:#515151;
line-height:1.5;
font-size:12pt;
font-family:'Lato', sans-serif;
font-weight:400;}

#main-content p a,
#main-content ol a,
#main-content ul a,
#main-content dl a,
#main-content blockquote a,
#main-content code a {
color:#de435f;
text-decoration:none;
border-bottom:2px solid #de435f;}

#main-content p b,
#main-content p strong {
font-family:'Lato', sans-serif;
font-weight:700;}

#main-content p i {
font-family:'Lato', sans-serif;
font-style:italic;
font-weight:400;}

#main-content .footnote {
font-size:7pt;}

#main-content blockquote {
border-left:10px solid #ebebeb;
padding:7px;}

#main-content blockquote,
#main-content blockquote p {
color:#515151;
font-size:15pt;
font-family:'Lato', sans-serif;
font-style:italic;
font-weight:300;}

#main-content blockquote p {
display:inline;
margin:0;}

#main-content blockquote i {
font-family:'Lato', sans-serif;
font-style:normal;
font-weight:400;}

#main-content blockquote b {
font-family:'Lato', sans-serif;
font-style:italic;
font-weight:700;}

#main-content blockquote i b {
font-family:'Lato', sans-serif;
font-style:normal;
font-weight:700;}

#main-content blockquote .quote-content {
}

#main-content blockquote .quote-source {
}

#main-content code {
font-family:'PT Mono';
color:#de435f;}

.entry,
.page {
padding:40px 0;}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
#comments h1 {
max-width:600px;
margin:12px auto;}

.entry-content p,
.page p,
.entry-content blockquote,
.page blockquote,
.entry-content pre,
.page pre,
.entry-content code,
.page code,
.entry-content dl,
.page dl,
.entry-content ol,
.page ol,
.entry-content ul,
.page ul,
.kg-callout-card {
max-width:600px;
margin:12px auto;}

.entry-content dl,
.page dl,
.entry-content ol,
.page ol,
.entry-content ul,
.page ul {
line-height:1.5;}

.entry-content li,
.page li {
margin:0 5%;}

.entry-content dt,
.page dt {
padding:15px 0 0 0;
font-family:'Montserrat',sans-serif;
font-size:12pt;
font-weight:400;
text-transform:uppercase;
color:#aaa;
border-bottom:7px solid #ccc;}

.entry-content dd,
.page dd {
padding:12px 24px;
margin:0 0 12px 0;
background:#eee;}

.archive-content a {
color:#329896;}

.entry-content p a,
.entry-content blockquote a {
color:#329896;}

.entry-content p a:hover,
.entry-content blockquote a:hover,
.archive-content a:hover {
color:#000;}

li a {
color:#329896;}

.entrypic,
.pagepic,
img.kg-image {
margin:12px auto;}

.kg-gallery-container {
width:100vw;
max-width:785px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;}

.kg-gallery-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: space-between;
justify-content: space-between;}

.kg-gallery-image img {
display: block;
width: 98%;
height: 98%;}

.PDS_Poll {
display: flex;
justify-content: center;}

.vimeo-7549 {
position: relative;
padding-bottom: 75.49%;
padding-top: 25px;
height: 0;}

.vimeo-5625,
.youtube-5625 {
position:relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;}

.youtube-63 {
position: relative;
padding-bottom: 63%;
padding-top: 25px;
height: 0;}

.vimeo-5625 iframe,
.vimeo-7549 iframe,
.youtube-5625 iframe,
.youtube-63 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.azright {
float:right;
margin:0 0 12px 12px;}

.azleft {
float:left;
margin:0 12px 12px 0;}

.button {
max-width:600px;
margin:32px auto;}

.button1 {
padding:10px 20px;
text-transform:uppercase;
letter-spacing:1.5px;
color:#fff;
text-decoration:none;
background:#de435f;
border:#de435f;}

.button1:hover {
background:#f2788e;}

a.button1,
a:hover.button1,
#links-page p a.button2,
#links-page p a:hover.button2 {
width:100%;
height:100%;
color:#fff;
border-bottom:none;
text-decoration:none;}

.button2 {
padding:10px 20px;
font-family:'Montserrat',sans-serif;
text-transform:uppercase;
font-size:9pt;
font-weight:400;
letter-spacing:1.5px;
text-decoration:none;
background:#de345f;}

.footerbutton {
padding:10px 20px;
font-family:'Montserrat',sans-serif;
text-transform:uppercase;
font-size:9pt;
font-weight:400;
letter-spacing:1.5px;
text-decoration:none;
background:#fff;}

.footerbutton:hover,
.button2:hover {
background:#f2788e;}

a.footerbutton,
a:hover.footerbutton {
width:100%;
height:100%;
color:#de345f;
text-decoration:none;}

#footersocial {
color:#fff;
font-size:24px;
padding:10px 0 0 0;}

a.sociallink {
width:100%;
height:100%;}

.socialsvg {
float:left;
fill:currentColor;
width:1em;
height:1em;
overflow:hidden;}

.socialsvg,
.socialuse {
max-width:24px;
max-height:24px;
fill:#fff;
margin:0 8px 8px 0;}

.socialsvg:hover,
.socialuse:hover {
max-width:24px;
max-height:24px;
fill:#f2788e;}

.entry-footer,
.page-navigation {
margin:12px auto;
padding:40px 0 40px 0;
width:120px;
height:50px;}

#leftarrow {
float:left;
width:50px;
height:100%;
background:url('//assets.rachelskirts.com/arrows.png') 0 0;}

#arrowspacer {
float:left;
width:20px;
height:100%;}

#rightarrow {
float:left;
width:50px;
height:100%;
background:url('//assets.rachelskirts.com/arrows.png') -50px 0;}

.subtitle {
max-width:600px;}

.subtitle,
.byline {
display:block;
margin:6px auto;
font-family:'Montserrat',sans-serif;
line-height:1.8;
text-transform:uppercase;
font-size:12px;
color:#aaa;}

.subtitle a,
.byline a {
color:#777;
text-decoration:none;
border-bottom:2px #777 solid;}

.subtitle a:hover,
.byline a:hover {
color:#aaa;
text-decoration:none;
border-bottom:2px #aaa solid;}

#twitterlist a,
#twitterlist a:hover {
text-decoration:none;
border-bottom:0 !important;}

twitter-widget {
margin:0 auto;
padding:12px 0;}

#search {
width:100%;}

.widget-search {
max-width:600px;
width:90%;
margin:12px auto;}

#comments {
max-width:600px;
margin:12px auto;}

img.kg-image,
img.kg-card,
img.kg-image-card,
img.kg-width-wide,
img.entrypic,
img.pagepic {
width:100%;
height:auto;}

@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px;}
}

@media all {
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;}

#footer:before,
.clearfix:before,
#footer:after,
.clearfix:after {
content:".";
display:block;
overflow:hidden;
visibility:hidden;
font-size:0;
line-height:0;
width:0;
height:0;}

#footer:after,
.clearfix:after {
clear:both;}

#footer,
.clearfix {
/* <IE7> */
*zoom: 1;
/* </IE7> */}

#footer {
width:100%;
border-top:40px solid #f2788e;
background:#de435f;}

#footer-content {
margin:0 auto;
width:100%;
max-width:785px;
font-family:'Lato', sans-serif;
font-weight:400;
color:#fff;
font-size:14pt;}

.bigbox,
.bb-tablet,
.bb-mobile {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
/* <IE7> */
*padding-left:0;
*padding-right:0;
/* </IE7> */}

.bigbox > *,
.bb-tablet > *,
.bb-mobile > * {
/* <IE7> */
*margin-left:expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
*margin-right:expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
/* </IE7> */}

.bigbox img,
.bb-tablet img,
.bb-mobile img {
float:left;
padding:0 0 10px 0;
margin:0;
border:0;}

@media screen and (max-width: 767px) {
.navlink {
height:40px;}

.navlink a {
line-height:40px;
padding:0 20px;}

#home {
background:#f2788e;}

#home:hover {
background:#de435f;}

#about {
background:#f9bc1e;}

#about:hover {
background:#f2af00;}

#archives {
background:#f3df00;}

#archives:hover {
background:#eed400;}

#subscribe {
background:#cade37;}

#subscribe:hover {
background:#b9d00e;}

#contact {
background:#9fd6d2;}

#contact:hover {
background:#81beba;}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
max-width:600px;
width:90%;
margin:12px auto;}

.entry-content p,
.page p,
.entry-content blockquote,
.page blockquote,
.entry-content pre,
.page pre,
.entry-content code,
.page code,
.entry-content dl,
.page dl,
.entry-content ol,
.page ol,
.entry-content ul,
.page ul {
max-width:600px;
width:90%;
margin:12px auto;}

#comments {
max-width:600px;
width:90%;
margin:12px auto;}

.subtitle {
display:block;
max-width:600px;
width:90%;
margin:12px auto;}

.cc-reply-mobile {
margin:0;}

#wufoo-z10zolfm08680tn {
max-width: 600px;
width:90%;
margin: 12px auto;}

.bb-mobile:before,
.bb-mobile:after {
content:".";
display:block;
overflow:hidden;
visibility:hidden;
font-size: 0;
line-height:0;
width:0;
height:0;}

.bb-mobile:after {
clear:both;}

.bb-mobile {
/* <IE7> */
*zoom: 1;
/* </IE7> */}

.bb-mobile {
clear:both;
padding:15px 20%;
width:100%;}

.bb-mobile img {
width:100%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
#home:hover {
border-bottom:7px solid #de435f;
background:#f2788e;}

#about:hover {
border-bottom:7px solid #f2af00;
background:#f9bc1e;}

#archives:hover {
border-bottom:7px solid #eed400;
background:#f3df00;}

#subscribe:hover {
border-bottom:7px solid #b9d00e;
background:#cade37;}

#contact:hover {
border-bottom:7px solid #81beba;
background:#9fd6d2;}

.js .nav-collapse {
position: relative;}

.js .nav-collapse.closed {
max-height: none;}

.nav-toggle {
display: none;}

.nav-collapse {
float: right;
width: auto;}

.nav-collapse li {
width: auto;}

.nav-collapse ul ul a {
display: none;}

.nav-collapse a {
line-height:40px;
padding:0 10px;
text-align:center;
border-top:0;
float:left;
margin:0;}

.bb-tablet {
float:left;
padding:15px;
width:33.33333%;
/* <IE7> */
*width:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */}

.bb-tablet img {
width:100%;}
}

@media screen and (min-width: 1025px) {
#home:hover {
border-bottom:7px solid #de435f;
background:#f2788e;}

#about:hover {
border-bottom:7px solid #f2af00;
background:#f9bc1e;}

#archives:hover {
border-bottom:7px solid #eed400;
background:#f3df00;}

#subscribe:hover {
border-bottom:7px solid #b9d00e;
background:#cade37;}

#contact:hover {
border-bottom:7px solid #81beba;
background:#9fd6d2;}

.js .nav-collapse {
position:relative;}

.js .nav-collapse.closed {
max-height:none;}

.nav-toggle {
display:none;}

.nav-collapse {
float:right;
width:auto;}

.nav-collapse li {
width:auto;}

.nav-collapse ul ul a {
display:none;}

.nav-collapse a {
line-height:40px;
padding:0 10px;
text-align:center;
border-top:0;
float:left;
margin:0;}

.bigbox {
width:33.3333%;
padding:30px 15px;
float:left;
/* <IE7> */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */}

.bigbox img {
width:100%;}
}

p.footermenu {
text-align:right;
margin:0;
padding:0 0 10px 0;}

a.footernav,
a.footerlink {
color:#fff;
font-family:'Montserrat', sans-serif;
text-decoration:none;
text-transform:uppercase;}

a.footernav {
font-weight:400;
font-size:18pt;
letter-spacing:1px;}

a.footerlink {
font-weight:400;
font-size:10pt;}

a:hover.footernav,
a:hover.footerlink {
color:#f2788e;}

/* ENTRY SPECIFICS */

.date-header,
.entry-content {
position:static;
clear:both;}

.entry,
.trackbacks,
.comments,
.archive,
.page {
position:static;
overflow:hidden;
clear:both;
width:100%;}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
clear:both;}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
clear:both;}

.comment-footer a {
color:#864969;}

.comment-footer a:hover {
color:#000;}

.trackback-footer,
.comment-footer,
.comments-open-footer {
clear:both;
margin:5px 10px 20px 10px;}

.archive-content {
clear:both;
margin:0;}

.comments-open-header {
clear:both;}

#comment-post {
font-weight:bold;}

#comments-form,
#members-form,
.gh-signin {
font-family:'Montserrat',sans-serif;
text-transform:uppercase;
background:#eee;
font-size:12px;
padding:10px;}

#comments-open-data input,
#comments-open-data textarea,
#comments-open-text input,
#comments-open-text textarea,
#members-email input,
#members-email textarea,
.gh-input input,
.gh-input textarea {
margin:0 0 20px 0;}

#comment-preview,
#comment-submit,
#search-submit,
#members-submit,
.btn-search {
font-size:12px;
font-family:'Montserrat',sans-serif;
color:#fff;
text-transform:uppercase;
background:#de435f;
border:0 #de435f;
border-radius:0;
box-shadow:none;
padding:10px;}

#comment-bake-cookie {
vertical-align:middle;}

#members-email,
.gh-input {
width:100%;}

#search-submit,
#members-submit,
.btn-search {
display:block;
clear:both;
margin:20px 0 0 0;}

#subscribe-form,
#search-form {
max-width: 600px;
margin: 12px auto;
width: 90%;}

/* ENTRY SPECIFICS */

.entry-content,
.comment-content,
.comment-body,
.asset-body,
.archive-li,
.trackback-content {
margin:0;
line-height:1.5;}

.entry-tags {
margin:0 0 10px 10px;}

.entry-tags-header,
.entry-tags-list,
.entry-tag {
display:inline;}

.entry-tags-list {
list-style:none;
padding:0px;}

.comments-open-content a {
border-bottom:2px solid #777;
color:#777;
text-decoration:none;}

.comments-open-content a:hover {
border-bottom: 2px solid #aaa;
color:#aaa;
text-decoration:none;}

.comment-footer,
.trackback-footer {
margin:0 0 20px 0;
padding-top:3px;
color:#666;
font-size:10px;
text-align:left;}

.content-nav {
margin-top:0;}

.comment-footer {
border-bottom:1px solid #666;
padding-bottom:3px;}

#comments-open-footer {
padding:10px 0 5px 0;}

.comment-gravatar {
float:left;
width:70px;
margin:0 10px 0 0;}

.comment-gravatar img {
width:70px;
height:70px;}

.comment-container {
margin:0 0 0 70px;
padding:0 0 0 10px;}

.comment,
.comment-reply,
.entry-author-comment {
padding:0 0 20px 0;}

#comment-form-reply {
display:block;
clear:both;}

#comments-open-text {
display:block;
clear:both;}

#comment-text {
width:100%;
display:block;}

@media all {
.cc-reply,
.cc-reply-tablet,
.cc-reply-mobile {
clear:left;}
}

@media screen and (max-width: 767px) {
.cc-reply-mobile {
margin:0;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.cc-reply-tablet {
margin:0 0 0 5%;}
}

@media screen and (min-width: 1025px) {
.cc-reply {
margin:0 0 0 80px;}
}

#comment-form-name,
#comment-form-email,
#comment-form-url {
width:250px;
float:left;
padding:0 0 10px 0;}

#comment-author,
#comment-email,
#comment-url {
width:230px;}


/* PAGE SPECIFICS */

.archive-ul,
.archive-li {
padding:0;
list-style:none;}

.asset-body h3 {
line-height:1.25;}

/* MAILCHIMP SPECIFICS */

#mc_embed_signup {
max-width:600px;
margin:12px auto;
width:90%;}

.mcskirts {
display:block;
width:100%;}

/* WUFOO SPECIFICS */

.info h2 {
display:none;}

#wufoo-z10zolfm08680tn {
font-family: 'Lato', sans-serif;
max-width: 600px;
margin: 12px auto;}

/* COUNTDOWN SPECIFICS */

.is-countdown {
font-family:"ratio-1","ratio-2","trebuchet ms",arial,sans-serif;
border:0;}

.countdown-rtl {
direction: rtl;}

.countdown-holding span {
color: #888;}

.countdown-row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;}

.countdown-show1 .countdown-section {
width: 98%;}

.countdown-show2 .countdown-section {
width: 48%;}

.countdown-show3 .countdown-section {
width: 32.5%;}

.countdown-show4 .countdown-section {
width: 24.5%;}

.countdown-show5 .countdown-section {
width: 19.5%;}

.countdown-show6 .countdown-section {
width: 16.25%;}

.countdown-show7 .countdown-section {
width: 14%;}

.countdown-section {
display: block;
float: left;
font-size: 75%;
text-align: center;}

.countdown-amount {
font-size: 200%;}

.countdown-period {
display: block;}

.countdown-descr {
display: block;
width: 100%;}
