/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead
of style.css so it is easier to update the theme.
Simply copy an existing style from style.css to this file,
and modify it to your liking.
*/


/* GENERAL */
#wrapper {

}
#content {

}

html {
	font-variant-ligatures: none;
}



/* author post box **/
#post-author {
	background-color: #f0f0f0;
	box-shadow: 0 0 0 1px #fff, 0 0 0 5px #f0f0f0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#post-author a.button {
	margin-top: 1em;
}
#main > #post-author:first-child {
  margin: 1em 15px 2em;
}
  @media (min-width: 400px) {
    #main > #post-author:first-child {
      margin: 1em 25px 2em;
    }
  }
  @media (min-width: 768px) {
    #main > #post-author:first-child {
      margin: 2em 0 2em;
    }
  }
/************** HOMEPAGE SLIDER **************/
/* Hide slider on smaller screens */
#loopedSlider{ display: none; }

/************** Column Shortcodes **************/
.one_half {
	width: 100%;
	clear: both;
}

@media only screen and (min-width: 400px) {
	#loopedSlider{ display: block; }

	/************** Column Shortcodes **************/
	.one_half {
		width: 49%;
		clear: none;
	}
	.one_half.last_column {
		float:right;
	}

}

/************** COMMENT DIVIDERS **************/
.thread-odd, .thread-even {
	background-color: #FFFFFF!important;
	border-bottom: 4px double #d4e8f1!important;
}

.commentlist {
	border-top:2px solid #ffc5bc!important;
}

#comments ul.children li {
	border-top: 1px solid #d4e8f1!important;
	padding-left: 8px;
}


/************** COMMENT BOX BACKGROUND COLOR **************/

#comment-form-nascar, #comment-form-guest {
	background-color: #E8F3F3!important;
}


/************** MARGIN FOR COMMENTS **************/

#comments .comment-entry p {
	margin-left: 55px;
}


/************** TRIANGLE BORDER **************/

#comments {
	background: transparent url('https://s1.wp.com/wp-content/themes/vip/modcloth2/images/divider-pink.png') 0 0 repeat-x!important;
	border: 0;
	padding-top: 25px;
}




/************** POST COMMENT BUTTON **************/

#respond .form-submit {
float: right;
padding: 10px 0px !important;
}









/** TAGS STYLING **/
.post-meta {
  font-size: 13px;
  margin-bottom: 10px;
}
.post-meta a:link,
.post-meta a:visited,
.post p.tags a:link,
.post p.tags a:visited {
	font-weight: normal;
}
.post-meta a:link,
.post-meta a:visited,
#loopedSlider .content .meta a:link,
#loopedSlider .content .meta a:visited {
	color: #999999;
}

/** DATETIME **/
abbr {
	border-bottom-width: 0px;
}


/** PAGINATION BUTTONS **/
.post-entries .nav-prev.icon, .post-entries .nav-next.icon {
	border-width: 0px;
	padding: 0px;
	background-color: transparent;
}
.woo-pagination a.page-numbers, .woo-pagination span.page-numbers.current, .post-entries .nav-prev.icon a, .post-entries .nav-next.icon a {
	padding: 3px 7px;
	font-weight: bold;
	font-size: 14px !important;
	text-transform: uppercase;
	background-color: #f4ab9a ;
	border-radius: 0px ;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: white;
	font-size: 1em;
	border-width: 0px;
	border-bottom: 1px solid #f4ab9a;
	position: relative;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.woo-pagination span.page-numbers.current { /* same as disabled */
	background-color: #47505f;
	color: #fff;
	border-bottom: 1px solid #47505f;
}
.woo-pagination a.page-numbers:hover, .post-entries .nav-prev.icon a:hover, .post-entries .nav-next.icon a:hover {
	color: white;
	background-color: #47505f;
  border-bottom: 1px solid #47505f;
  text-decoration: none;
}


.woo-pagination a.page-numbers.prev:before, .post-entries .nav-prev.icon a:before  {
	content: '\00ab\00a0';
	font-size: 16px;
}

.woo-pagination a.page-numbers.next:after, .post-entries .nav-next.icon a:after {
	content: '\00a0\00bb';
	font-size: 16px;
}

.post-entries .nav-next.icon a:after {
	margin-left: 0 !important;
	margin-top: -11px;
}
.woo-pagination a.page-numbers.next:hover::after, .post-entries .nav-next.icon a:hover::after {
	border-left-color: #47505f;
  text-decoration: none;
}
	.nav-prev.icon, .nav-next.icon {
/* 		clear: both; */
		margin-top: 1em;
		position: relative;
	}


/* page next/prev on small screens */
@media only screen and (max-width: 767px) {


	#header {
		margin-bottom: 20px !important;
	}

	.nav-prev.icon a, .nav-next.icon a {
		display: inline-block;
		max-width: 200px;
	}
	.nav-next.icon {
		text-align: right;
	}




}



/* SLIDER */
a.flex-prev, a.flex-next {
	width: 20px;
}
a.flex-prev:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  border-top: 9px solid transparent;
  border-right: 9px solid white;
  border-bottom: 9px solid transparent;
  border-left: 0px solid transparent;
  margin-top: -9px;
  margin-left: 3px;
}
a.flex-prev:hover:before {
	border-right-color: #0493ce;
}
a.flex-next:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  border-top: 9px solid transparent;
  border-left: 9px solid white;
  border-bottom: 9px solid transparent;
  border-right: 0px solid transparent;
  margin-top: -9px;
  margin-left: 3px;
}
a.flex-next:hover:before {
	border-left-color: #0493ce;
}


.magazine #loopedSlider a.previous,
.magazine #loopedSlider a.flex-prev {
  position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #a7dee3;
	border-right: 1px solid #fff;
}

.magazine #loopedSlider a.flex-next, .magazine #loopedSlider a.flex-prev  {
	padding-top: 0px !important;
}

.magazine #loopedSlider a.flex-next {
  position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #a7dee3;
	border-left: 1px solid #fff;
}


  /* Sliders */
  #loopedSlider .content {
    position: absolute;
	right: 20px;
	top: -20px;
	background: rgba(255,255,255,0.9);
	width: 30%;
	max-width: 298px;
	height: 100%;
  }
  #loopedSlider .content h2 {
    float: left;
    font-size: 21px;
    padding-bottom: 0em;
    margin-bottom: 0em;
  }
  #loopedSlider .content h2.title a {
	font-family: 'Moderat', sans-serif !important;
	color: #666666 !important;
	font-weight: 600 !important;
  }
  #loopedSlider .content h2.title a:hover {
	color: #75ced7  !important;
  }
  #loopedSlider .content p {
    clear: both;
    float: left;
  }
  #loopedSlider .content p,
  #loopedSlider .content h2 {
    max-width: 350px;
    background: transparent;
    color: #666;
  }
  #loopedSlider .excerpt p {
	  padding: 1em 0 0 0 !important;
	  margin: 0px 25px 0px 20px !important;
  }
  #loopedSlider p.meta {
	  color: #a1a1a1;
  }


/** SLIDER ON VERY SMALL SCREENS **/
@media only screen and (max-width: 320px) {

  .magazine #loopedSlider .slides {
	  max-height: 70px !important;
	  overflow-y: hidden;
  }
  #loopedSlider li .content h2.title a {
		font-size: 13px !important;
	}

	#loopedSlider ul.slides li .content {
		max-height: 50%; !important;
	}
}


/* FOOTER */

#footer .winston h4 {
	color: #606060 !important;
	font: normal 16px 'Moderat', serif !important;
	color: #606060;
	text-transform: uppercase;
	position: relative;
	bottom: 1.3em;
}
@media only screen and (max-width: 320px) {
	#footer .winston h4 {
		font: normal 12px 'Moderat', serif !important;
		bottom: 1.7em;
	}
}

#footer {
	text-align: center;
}
#footer .block {
	border-top-width: 0;
}
#footer .block.shop-new {

}
#footer .block.app {

}

#footer .block.app a {
  display: inline-block;
  margin-right: 15px;
}

#footer .block h4 {
	font: normal 18px 'Moderat', sans-serif;
	color: #0493ce !important;
	margin-top: 14px;
}
#footer .block h4:hover {
	color: #75ced7 !important;
}
#footer .block.follow-us h4:hover {
	cursor: default !important;
	color: #0493ce !important;
}
#copyright-bar {
	text-align: left;
	clear: both;
  text-align: center;
}
#copyright-bar p {
	padding: 1em;
}
#copyright-bar p.copy {
	font: bold 11px 'Moderat', sans-serif;
  display: inline-block;
  font-weight: 400;
	color: #3e3e3e;
}
.privacy-policy-wrapper {
	text-align: right;
	padding-bottom: 6px;
}
.privacy-policy-wrapper a:link {
	font-family: 'Moderat', arial, sans-serif;
	color: #A2A2A2;
	font-weight: normal;
}

/* SIDEBAR STYLES */
#sidebar {
	border-top: 1px solid #cbc9c7;
}
	@media (min-width: 768px) {
		#sidebar {
			border-top: 0;
		}
	}
#sidebar a:hover {
  text-decoration: none;
}
#sidebar .entry-image {
  margin-bottom: .5em;
}
#sidebar article {
  border-bottom: none;
  margin-bottom: .5em;
}
	.upw-posts .post:hover .entry-image {
		transition: opacity .25s;
	}
	.upw-posts .post:hover .entry-image {
		opacity: .85;
	}
#sidebar h3 {
	font: normal 21px 'Libre Baskerville', serif;
	text-transform: none;
  font-style: italic;
  font-weight: 500;
	color: #3d3d3d;
	padding: 0.5em 0;
  border: none;
	text-align: center;
}
#sidebar h4 {
  font-size: 14px;
  font-weight: 800;
	color: #3d3d3d;
}
  #sidebar h4 a {
  	color: #3d3d3d;
  }
#sidebar .widget {
	margin-top: 1em;
	margin-bottom: 10px !important;
}
	#sidebar .widget.widget_text {
		margin-top: 1.5em;
	}
	#sidebar .widget.widget_text h3 {
		margin-bottom: 0;
	}
  #sidebar .widget:first-child {
    margin-top: 0;
  }
    #sidebar .widget:first-child form.searchform {
      margin-top: 0;
    }
.social-bar h5 {
	font: bold 14px 'Moderat', sans-serif;
	text-transform: uppercase;
	margin: 35px 0 12px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d4e8f1;
}

#sidebar h3, .social-bar h5, #sidebar .sidebar-help, #sidebar .social {
	text-align: center !important;
}
@media (min-width: 768px) {
	#sidebar h3, .social-bar h5, #sidebar .sidebar-help, #sidebar .social {
		text-align: left !important;
	}
}

#text-5 img {
    height: auto;
    width: auto;
}

/* Find Sidebar social and help under the folder
 * SCSS in "components/sidebar.scss"

/* SEARCH BAR */

#sidebar .widget_woo_search {display: none;}/* Hide Woo search in sidebar */

.widget_woo_search h3 {
	display: none;
}
form.searchform {
	float: left;
	box-sizing: padding-box;
  border: none;
	margin-bottom: 5px;
}
form.searchform input[type="text"] {
	margin-left: 20px;
	padding-left: 0;
	width: 80%;
	border-bottom: 1px solid #d9d9d9;
	border-radius: 0;
	font-size: 14px;
}
	form.searchform input[type="text"]:focus {
		font-style: normal;
	}
	@media (min-width: 768px) {
		form.searchform {
			margin-bottom: 0;
		}
		form.searchform input[type="text"] {
			margin-left: 0;
			padding-left: 20px;
			width: 85%;
			border-bottom: 0;
		}
	}
.search_main {
	margin-right: 45px;
}
.widget_woo_search a.button {
	position: relative;
	float: right;
	right: 15px;
	top: -31px;
}
/* small screen */
#navigation .search_main {
	margin-bottom: 20px;
  width: 100%;
  margin: 0 0;
}

  @media (min-width: 768px) {
    #navigation .search_main {
      max-width: 250px;
      position: absolute;
      left: 0;
      top: 0;
      background-color: white;
      border-right: 1px solid #cbc9c7;
      z-index: 10;
      margin: 0;
      height: 100%;
      transition: width .25s;
      width: 40px;
    }
      #navigation .search_main:hover, #navigation .search_main:focus {
        width: 25%;
      }
      form.searchform input[type="text"] {
        color: #fff;
        transition: color .25s;
      }
      #navigation .search_main:hover input[type="text"]{
        color: #7a7a7a
      }
      #navigation .search_main:hover input[type="text"]:focus {
        color: #3d3d3d
      }
    #navigation .search_main form {

    }
  }
  @media (min-width: 1150px) {
    #navigation .search_main {
      width: 200px;
    }
    form.searchform input[type="text"] {
      color: #7a7a7a
    }
  }

/* COMMENTS ON GRID PAGES */
.post-more {
	text-align: right;
	position: relative;
	top: -2px;
	margin: -2em 0 0 auto;
	width: 30%;
}
.post-more .post-comments.comments {
	height: 1em;
	display: inline-block;
}
.entry img.comments-bubble {
	padding-right: 4px;
	border: 0px solid red;
}


/* ENTRY, ALL SCREENS */
.entry {
  padding-bottom: 2em;
  border-bottom: 1px solid #cbc9c7;
}
	.single-post .entry {
		border-bottom: 0;
	}
  @media (min-width: 768px) {
    .entry {

    }
  }

	/*.block {
		border-top: 1px solid #cbc9c7;
		padding-top: 1em;
	}*/
.post {
	margin-bottom: 3em;
}
  .post:after {
    display: block;
    content: '';
    clear: both;
  }

  @media (min-width: 768px) {
    .post {
    	margin-bottom: 3.5em;
    }
  }

/* PHOTO CAPTION */

.entry .wp-caption{
	background: none;
	border: none;
}
.entry p.wp-caption-text {
	color: #a1a1a1;
	font-family: 'Moderat';
	font-size: 11px;
	line-height: 1.5em;
	text-align: left;
	font-style: italic;
	font-weight: normal;
}
.entry p.wp-caption-text a {
	color: #a1a1a1 !important;
	text-decoration: none;
}
.entry p.wp-caption-text a:hover {
	color: #75ced7  !important;
	text-decoration: underline;
}

/* ENTRY HEADING STYLES */
.entry h2 {
	font-family: 'Moderat', sans-serif;
	font-size: 18px;
	color: #77c4c8;
	font-weight: 600;
}
.entry h3 {  /* recipes and DIY instructions */
	font-family: 'Moderat';
	font-weight: bold;
	font-size: 18px;
}

.entry blockquote p {
	text-align: center;
	font-family: 'Moderat', sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #ec856d;
	font-style: normal;
}
.entry blockquote p:last-child {
	font-size: 20px;
	color: #727272;
	font-style: italic;
}
.entry blockquote:before {
	content: none;
}

/* POST TITLE STYLINGS */

.post .title, .page .title,
.single-post .post .title,
.post-style .page .title {
    font-weight: 800;
    font-family: "Moderat";
    font-size: 18px;
    line-height: 1.3em;
    color: #3d3d3d;
    max-width: 700px;
    padding: 0 0 0.25em;
}
  .post .title a:hover {
    text-decoration: none;
  }
  @media (min-width: 400px) {
    .post .title, .page .title,
    .single-post .post .title,
    .post-style .page .title {
        font-size: 20px;
    }
  }
  @media (min-width: 768px) {
    .post .title, .page .title,
    .single-post .post .title,
    .post-style .page .title {
        font-size: 24px;
				line-height: 1em;
    }
  }
.post .title a:hover{

}
abbr {
cursor: default;
}

.ssba img {
  padding: 5px 18px 5px 0;
  width: 25px;
}

div.ssba {
  margin-bottom: 30px;
}

img.size-full {
  margin-bottom: 15px;
}

.entry p {
  margin-bottom: 1.8em;
  font: normal 16px/1.8em 'Moderat', arial, sans-serif;
}



/* SMALL SCREENS */
@media only screen and (max-width: 767px) {


	/* increase text size */
	.entry p {
		font-size: 14px;
		line-height: 1.5em;
	}


	#header {
		margin-bottom: 20px;
	}
	/** manipulate the navigation into a sidebar */
	[role="main"]:before { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; }

	[role="complementary"], [role="main"] { width: 100%; padding: 0; display: block; position: relative; z-index: 1; -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; }
	#navigation {
		display: block;
		box-sizing: border-box;
		-webkit-box-sixing: border-box;
		-moz-box-sizing: border-box;
	}

	[role="complementary"] { margin-left: -100%; width: 77%; float: left; z-index: 2; }

	[role="main"] { margin-left: 0; float: right; z-index: 1; position: relative; }

	.active [role="complementary"] {
		margin-left: 0;
	}
	.active [role="main"] { margin-right: -85%; } /* same as width of complementary */

	/* put an overlay on top of the content so it's all touchable */
	a.clickable { position: absolute; z-index: 20; top: 0; left: 0%; width: 100%; height: 100%;}

	#navigation {
		border-width: 0;
		text-transform: uppercase;
	}

	ul#main-nav ul {
		display: none;
	}

	#sidebar .widget_woo_search {
		display: none;
	}
	#sidebar .social-bar {
		display: none;
	}


	/* MOBILE NAVIGATION */
	#header a.nav-toggle {
    background: transparent;
		display: block;
    position: absolute;
    bottom: -4px;
    left: -10px;
    padding: 10px;
    margin :0;
    line-height: 0;
	}
    #header a.nav-toggle:active {

    }
	#header a.nav-toggle span {
		display: block;
		margin: 0;
    width: 6vw;
    max-width: 33px;
    min-width: 20px;
    height: 16px;
    background-image: url('/wp-content/themes/modcloth2/images/icons/blog_icons_menu-hamburger.gray.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: -1000em;
	}
    #header a.nav-toggle:hover span, #header a.nav-toggle:active span {
      background-image: url('/wp-content/themes/modcloth2/images/icons/blog_icons_menu-hamburger.svg');
    }

	#header a.nav-toggle:after {
		content: '';
	}



/*
	#navigation ul.nav > li a:hover {
		background-color: inherit !important;
		color: inherit !important;
	}
*/
	#main-nav>li a {
		line-height: 43px;
		vertical-align: middle;
		padding: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#main-nav>li>a {
		font-size: 15px;
	}

	/* hide '& Contests' or whatever */
	#main-nav>li>a>span {
		display: none;
	}
	#main-nav>li>a:not(.arrow) {
		padding-left: 20px;
	}


	#main-nav a.arrow, #navigation ul.nav > li>a.arrow:hover {
		display: block;
		float: right;
		width: 43px;
		height: 43px;
		padding: 0;
		color: white;
		text-align: center;
	}
	#main-nav a.arrow span {
		display: block;
		width: 0px;
		border-top: 7px solid #3d3d3d;
		border-right: 6px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 6px solid transparent;
		margin: 18px auto 0 auto;
	}
	#main-nav a.arrow.opened span {
		-webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
		-moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
		-ms-transform: rotate(180deg);  /* IE 9 */
		-o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
		transform: rotate(180deg);
		margin-top: 8px;
	}



	#main-nav .sub-menu, #navigation ul.nav li ul {
		border-width: 0px !important;
	}

	#main-nav .sub-menu li a {
		padding-left: 35px;
		border-left: 0px solid #a7dee3;
	}



	/** SLIDER CAPTION comes down horizontal orientation */
	#loopedSlider ul.slides li .content {
		width: 100% !important;
		max-width: 100% !important;
		max-height: 30%;
		bottom: 0 !important;
		top: auto;
		padding: 0 20px;
		left: 0 !important;

	}
/*
	#loopedSlider .content h2, #loopedSlider .content p {
		max-width: 100% !important;
	}
*/
	#loopedSlider .content h2 {
		padding: 8px;
		max-width: 75%;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	/* SLIDER on smaller screens */
	#loopedSlider .content h2.title {
		padding-top: 0px;
		text-align: left;
	}
	#loopedSlider .content h2.title a {
		font-size: 16px !important;

	}
	#loopedSlider .content p.meta, #loopedSlider .content div.excerpt {
		display: none;
	}


}


/* slider z-index */
.magazine #loopedSlider a.flex-prev {
	z-index: 100;
}


/* header */

#tagline-header {
	height: 2em;
}
#tagline-header .site-description {
	text-transform: uppercase;
	font: 14px Moderat, sans-serif;
	color: #a1a1a1;
	float: right;
	max-width: 75%;
	text-align: right;
}
#tagline-header .logo {
	float: left;
}


/* Quiz Styles */

.page-template-page-quiz-results .post-style .page .title {
  text-align: center;
  margin: 0 auto 30px auto;
}

.page-template-page-quiz-results h5 {
  font-size: 16px;
  color: #606060;
  text-transform: uppercase;
}
.page-template-page-quiz-results .info-text {
  max-width: 500px;
  margin: -10px auto 20px;
  font-size: 16px;
  line-height: 22px;
  color: #606060;
  font-style: italic;
}

.page-template-page-quiz-results .ssba {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.page-template-page-quiz-results .ssba a {
  display: inline-block;
  margin-right: 15px;
}
.page-template-page-quiz-results .ssba a:last-child {
  margin-right: 0;
}
.page-template-page-quiz-results .ssba a img {
  width: 50px !important;
  padding: 0;
  height: 50px;
  width: 40px !important;
  height: 40px !important;
}

.info-wrap {
  max-width: 500px;
  margin: 0 auto;
}
.info-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.info-half {
  width: 50%;
  padding: 0 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
}
.info-half + .info-half {
  border-left: 1px solid #d5e8f1;
  min-height: 80px;
  margin-bottom: 25px;
}
.more-link {
  display: block;
  margin-top: -25px;
}
.more-link:after {

}
.quiz_section input[type=submit] {
  padding: 0;
  margin: 0,border:0;
  background-color: transparent;
  background: #0493ce !important;
  width: 200px !important;
  height: 35px !important;
  background-size: 100% !important;
  text-align: center;
  border: 0 !important;
  border-radius: 0 !important;
  color: white !important;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Moderat';
/*padding: 0;
  margin: 0,border:0;
  background-color: transparent;
  background: url(http://blog.modcloth.com/wp-content/uploads/2015/07/submit.png) top left no-repeat !important;
  width: 200px !important;
  height: 35px !important;
  background-size: 100% !important;
  text-indent: -1000px;
  border: 0 !important;
  border-radius: 0 !important;*/
}
.quiz_section input[type=submit]:hover {
  background-color: #75ced7 !important;
}


/* Quiz Settings */

.qmn_radio_answers {}

.qmn_mc_answer_wrap {
  float: left;
  margin: 2% 2% 0 0;
  display: block;
  width: 49%;
  position: relative;
}
.qmn_mc_answer_wrap:nth-child(2n) {
  margin-right: 0;
}
.qmn_quiz_radio {
  display: none;
}
.qmn_quiz_radio + label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.qmn_quiz_radio + label a {
	bottom: 0;
    color: black !important;
    font-size: 14px;
    position: absolute;
    right: 0;
    text-align: center;
	height: 25px;
	line-height: 25px;
    width: 100%;
	cursor: pointer;
	z-index: 10;
}

.qmn_quiz_radio + label a:hover {
  color: #3088ff !important;
  cursor: pointer;
}
.qmn_quiz_radio + label:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(http://blog.modcloth.com/wp-content/uploads/2015/07/check.png) center center no-repeat;
  background-color: rgba(125,78,50,.5);
  z-index:1;
  opacity: 0;
  transition: opacity .25s;
}
.qmn_quiz_radio:checked + label:after {
  opacity: 1;
}
div.quiz_section {
  text-align: center;
  font-size: 17px;
  margin-bottom: 25px;
}
div.quiz_section:after {
  content: '';
  display: block;
  clear: both;
}


/* FOOTER Winston */
#footer .winston {
	background: transparent url('/wp-content/themes/modcloth2/images/divider-pink.png') 0 91px repeat-x;
	text-align: center;
	height: 112px;
	width: 100%;
}
#footer .winston-spacer {
	background: white url('/wp-content/themes/modcloth2/images/winston.png') 15px 0 no-repeat;
	display: inline-block;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	width: 76px;
	height: 104px;
	padding: 0 15px 0 15px;
	position: relative;
	top: 28px;
}
@media (max-width: 420px) {
  #footer .winston h4 {
    text-align: left;
    padding-left: 40px;
    bottom: 42px;
  }
}
/* End FOOTER Winston */


/* Header Shop button */
#header a.shop-button {
  position: absolute;
  bottom: -5px;
  right: -11px;
  padding: 10px;
  text-indent: -9999em;
}
#header a.shop-button span {
  display: block;
  height: 20px;
  width: 6vw;
  min-width: 20px;
  max-width: 33px;
  background-image: url('/wp-content/themes/modcloth2/images/icons/blog_icons_shop.gray.svg');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
}
	#header a.shop-button span:after {
		visibility: hidden;
		height: 0px;
		width: 1px;
	}
  #header a.shop-button:hover span, #header a.shop-button span:after {
    color: #999999;
    background-image: url('/wp-content/themes/modcloth2/images/icons/blog_icons_shop.svg');
  }

#shopping-nav {
  position: absolute;
  right: -15px;
  width: 100%;
	max-width: 310px;
  top: 66px;
  padding: 1em 0em 1.2em 1.5em;
	text-align: left;
  background-color: rgba(255,255,255,.97);
  z-index: 5;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	border: 1px solid #cbc9c7;
	border-top: none;
}
	@media (min-width: 400px) {
		#shopping-nav {
			right: -25px;
		}
	}
	@media (min-width: 500px) {
		#shopping-nav {
			top: 86px;
		}
		body.safari #shopping-nav {
			top: 85px;
		}
	}
	@media (min-width: 768px) {
		#shopping-nav {
			right: 0;
			top: 128px;
			width: 310px;
			left: auto;
		}
		body.safari #shopping-nav {
			top: 127px;
		}
	}
	@media (min-width: 1000px) {
		#shopping-nav {
			top: 158px;
		}
		body.safari #shopping-nav {
			top: 157px;
		}
	}
	#shopping-nav li {
		float: left;
		width: 50%;
		padding-right: 1em;
	}
	#shopping-nav li a {
		margin-bottom: 0;
		font-size: 14px;
		line-height: 1em;
		font-family: 'Moderat', 'Arial', sans-serif;
		font-weight: 800;
		padding: .5em 0 .5em 0;
		letter-spacing: .5px;
		color: #3d3d3d;
		text-transform: uppercase;
		display: block;
	}
		#shopping-nav li a:hover {
			color: #9c784b;
			text-decoration: none;
		}
  #shopping-nav .level-2,
	#shopping-nav span.menu-item-toggle {
    display: none;
  }

	#shopping-nav.open, #header a.shop-button:hover + #shopping-nav, #shopping-nav:hover, a.shop-button:hover #shopping-nav.open {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}

	#header a.shop-button:hover span {
		background-image: url('/wp-content/themes/modcloth2/images/icons/blog_icons_shop.gray.svg');
	}

  @media (min-width: 768px) {
    #header a.shop-button span {
      width: 15px;
      min-width: 15px;
      height: 100%;
      max-height: 100%;
      background-image: url('/wp-content/themes/modcloth2/images/icons/blog_icons_shop.svg');
      background-size: 100% auto;
    }
		/* #shopping-nav.open {
			opacity: 0;
			pointer-events: none;
			visibility: hidden;
		} */
  }

#header a.shop-button:active {

}
#header a.shop-button:hover {
  text-decoration: none;
}



  @media (min-width: 768px) {
    #header a.shop-button {
      line-height: 46px;
      height: 48px;
      font-size: 15px;
      bottom: -49px;
      padding: 1px 1em 0 1em;
      position: absolute;
      right: 0;
      z-index: 120;
      border: none;
      letter-spacing: .5px;
      text-indent: 0;
    }
    #header a.shop-button span {
      width: auto;
      max-width: 1000px;
      padding-right: 25px;
      background-size: 16px;
      background-position: right top 13px;
      text-transform: uppercase;
      color: #3d3d3d;
      font-weight: 600;
      font-size: 12.5px;
    }
  }
  @media (min-width: 900px) {
    #header a.shop-button {
      font-size: 16px;
    }
    #header a.shop-button:hover {

    }
  }
  @media (min-width: 1000px) {
    #header a.shop-button {
      padding-left: 2.2em;
      background-position: left 13px center;
    }
    #header a.shop-button:hover {

    }
  }


/* Menu */
ul.nav li a {
  color: #3d3d3d;
  cursor: pointer;
  letter-spacing: .5px;
  font-weight: 600;
	font-size: 14px;
}
ul.nav li a label {
  cursor: pointer;
}


/* social icons */
.social-bar ul li {
  display: inline-block;
}
.social-bar ul li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-image: url('/wp-content/themes/modcloth2/images/social.png');
  background-color: transparent;
}
.social-bar ul li.facebook a { background-position: -79px -1px; }
.social-bar ul li.facebook a:hover {background-position: -53px -1px;}
.social-bar ul li.pinterest a {background-position: -287px -1px;}
.social-bar ul li.pinterest a:hover {background-position: -261px -1px;}
.social-bar ul li.twitter a {background-position: -391px -1px;}
.social-bar ul li.twitter a:hover {background-position: -365px -1px;}
.social-bar ul li.googleplus a {background-position: -183px -1px;}
.social-bar ul li.googleplus a:hover {background-position: -157px -1px;}
.social-bar ul li.instagram a {background-position: -235px -1px;}
.social-bar ul li.instagram a:hover {background-position: -209px -1px;}
.social-bar ul li.tumblr a {background-position: -339px -1px;}
.social-bar ul li.tumblr a:hover {background-position: -313px -1px;}
.social-bar ul li.youtube a {background-position: -443px -1px;}
.social-bar ul li.youtube a:hover {background-position: -417px -1px;}
.social-bar ul li.snapchat a {background-position: -470px -1px;}
.social-bar ul li.snapchat a:hover {background-position: -497px -1px;}


/* Home Page */

	.home_featured {
		position:relative;
		margin-bottom:25px;
		height:300px;
		overflow:hidden;
	}
	.home_featured .image {
		min-height: 100%;
		min-width:100%;
		width: 100%;
    height: auto;
		max-width: 2000px !important;
		border-top:1px solid #75ced7;
	}
	.home_featured .text {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		display:block;
		color:white !important;
		padding:50px 25px 25px;
		opacity: 1;
		cursor: pointer;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.54) 33%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.54)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.54) 33%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.54) 33%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.54) 33%,rgba(0,0,0,0.6) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.54) 33%,rgba(0,0,0,0.6) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	}
		.home_featured .text:hover {
			opacity: 1;
      background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.64) 33%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.64)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 33%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 33%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 33%,rgba(0,0,0,0.7) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 33%,rgba(0,0,0,0.7) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
		}
	.home_featured .title {
		display:block;
		color:white !important;
		font-family:"trend_slabone";
		letter-spacing: -2px;
	}
	.home_featured .desc {
		display:block;
	}
	body.home #sidebar .widget.instagram {
		margin-top:0;
	}
	body.home #photos a {
		width:32.8%;
		margin:0 .8% .8% 0;
		display:block;
		float:left;
	}
		body.home #photos a:nth-child(3n) {
			margin-right: 0;
		}

	body.home .woo-pagination {
		display:none;
	}
	body.home #ajax-load-more .alm-reveal div:nth-of-type(2n) {
		float:left;
	}
	body.home #ajax-load-more .alm-reveal > span {
		display:block;
	}
	body.home #ajax-load-more .alm-reveal > span:nth-of-type(2n-1) {
		display:none;
	}
	body.home #ajax-load-more img {
		width:100%;
		height:auto;
	}
	body.home #load-more {
		width: 100%;
		background: none repeat scroll 0 0 #fdccbc;
		border: 1px solid #fdccbc;
		color: #47505f;
		font-size: 26px;
		font-weight: 700;
		line-height: 40px;
		margin: 0;
		padding: 10px 20px;
		width: 100%;
    font-weight: 800;
		font-family: "Moderat";
	}
	body.home #load-more:hover {
		background:#fee2dc;
	}

  @media (min-width: 768px) {
    body.home #load-more {
      width: 300px;
      display: block;
      margin: 0 auto;
    }
  }

  @media (max-width: 415px) {
    .home_featured {
      margin: 0 -21px 25px;
    }
    .home_featured .title {
      font-size: 17px;
    }
  }

  .seo-title-wrap, .seo-title-wrap h1 {
    font-size: 12px;
    font-weight: normal;
    margin: 15px 0;
  }
  .seo-title-wrap h1 {
    display: inline-block;
  }