/*
Theme Name: Shopping My Closet
Theme URI: http://www.shoppingmycloset.com
Description: This theme was created specifically for Shopping My Closet and is not available for public use.
Version: 2.0
Author: Ryan Tong
Author URI: http://www.iamryantong.com
*/

html { position: relative; min-height: 100%; }
body { margin: 0; height: 100%; background: #fff; font: 0.9rem/1.5 "open_sansregular", Arial, Helvetica, sans-serif; color: #333; }
ul, li { list-style: none; margin: 0; padding: 0; }

/*****TYPOGRAPHY*****/
@font-face {
  font-family: 'universalis_adf_stdregular';
  src: url('/fonts/universalis_regular-webfont.eot');
  src: url('/fonts/universalis_regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/universalis_regular-webfont.woff') format('woff'),
       url('/fonts/universalis_regular-webfont.ttf') format('truetype'),
       url('/fonts/universalis_regular-webfont.svg#universalis_adf_stdregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url('/fonts/open_sans_regular-webfont.eot');
  src: url('/fonts/open_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/open_sans_regular-webfont.woff') format('woff'),
       url('/fonts/open_sans_regular-webfont.ttf') format('truetype'),
       url('/fonts/open_sans_regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "socicon";
  src: url('/fonts/socicon-webfont.eot');
  src: url('/fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/socicon-webfont.woff') format('woff'),
       url('/fonts/socicon-webfont.ttf') format('truetype'),
       url('/fonts/socicon-webfont.svg#socicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

a { text-decoration: none; color: #cd9db1; }
a:active { color: #552d48; }
a:hover { transition: 0.3s; -webkit-transition: 0.3s; color: #552d48; }

h1 { margin: 0.5% 0; font: 2rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-transform: uppercase; }
h1 a { text-decoration: none; color: #552d48; }
h1 a:hover { transition:0.3s; -webkit-transition:0.3s; color: #cd9db1; }
h2 { margin: 1% 0 0.5% 0; font: 1.5rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #552d48; }
h3 { margin: 0 0 0.5% 0; vertical-align: middle; font: 0.75rem/1.5 "open_sansregular", Arial, Helvetica, sans-serif; text-transform: uppercase; }
h4 { margin: 5% 0 -1% 0; font: bold 0.9rem/1.5 "open_sansregular", Arial, Helvetica, sans-serif; }
blockquote { margin: 0 8%; }

#header_02 ul li a, #header_mobile_03 ul li a { font: 1rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; }

#main_01 h3 { margin: 0 0 0.5% 0; }
#main_02 h2 { margin: 10% 0 0.5% 0; }

#sub-footer h3 { margin: 0 0 5% 0; font: 1rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #cd9db1; }
#sub-footer ul li a { text-decoration: none; color: #552d48; }
#sub-footer ul li a:hover { transition:0.3s; -webkit-transition:0.3s; color: #cd9db1; }

#footer_02 a { text-decoration: none; }

.center { text-align: center; }
.credit { font: 0.8rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }


/*****IMAGERY*****/
hr { margin: 5% 0; width: 100%; height: 3px; border: 1px solid #d8d8d8; border-left: none; border-right: none; }

img { max-width: 100%; height: auto; border: 0; }

#img_logo_mobile { max-width: 300px; }
.img_bullet { margin: 0 0.5rem; vertical-align: middle; }
.img_comment { vertical-align: middle; }

#img_button_bloglovin { display: inline; }

.size-collage, .size-4x3, .size-3x4 { display: block; margin: 3% auto; border: 5px solid #f2f2f2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

iframe { border: 0; }


/*****MENUS*****/
#header_01, #header_mobile_01 { text-align: center; }
#header_02, #header_mobile_02 { height: 3rem; line-height: 1.5rem; text-align: center; }
  
#header_02 ul li { display: inline-block; padding: 0 1.5% 0 0; height: 2rem; }
#header_02 ul li:last-child { padding: 0; }
  
#header_mobile { padding: 0 2.5%; width: 95%; }
#header_mobile_02 ul li { display: inline-block; padding: 0 1.5% 0 0; width: 19px; height: 19px; line-height: 19px; }
#header_mobile_02 ul li:last-child { padding: 0; }

#header_02 .icon_menu a { display: inline-block; font: 0.9rem/1.5rem "socicon"; text-transform: lowercase; }
#header_02 .icon_menu_bloglovin a { font: 1.25rem/1.5rem "open_sansregular"; }
 
/*
.icon_menu a, .icon_facebook a, .icon_instagram a, .icon_pinterest a, .icon_bloglovin a { display: block; width: 19px; height: 19px; text-indent: 1000rem; }
.icon_menu a { background: url("/images/icon_menu.png") no-repeat; }
.icon_menu a:active, .icon_menu a:hover { background: url("/images/icon_menu.png") no-repeat -19px 0; }
.icon_facebook a { background: url("/images/icon_facebook.png") no-repeat; }
.icon_facebook a:active, .icon_facebook a:hover { background: url("/images/icon_facebook.png") no-repeat -19px 0; }
.icon_instagram a { background: url("/images/icon_instagram.png") no-repeat; }
.icon_instagram a:active, .icon_instagram a:hover { background: url("/images/icon_instagram.png") no-repeat -19px 0; }
.icon_pinterest a { background: url("/images/icon_pinterest.png") no-repeat; }
.icon_pinterest a:active, .icon_pinterest a:hover { background: url("/images/icon_pinterest.png") no-repeat -19px 0; }
.icon_bloglovin a { background: url("/images/icon_bloglovin.png") no-repeat; }
.icon_bloglovin a:active, .icon_bloglovin a:hover { background: url("/images/icon_bloglovin.png") no-repeat -19px 0; }*/

#menu_mobile { position: absolute; margin: 0 0 0 -50%; width: 50%; height: 100%; background: #f2f2f2; }
#menu_mobile ul li { padding: 2.5%; border-bottom: 1px solid #d8d8d8; }
#menu_mobile ul li a { display: block; }


/*****FORMS*****/
#main_01 ul { display: inline-block; list-style: none; margin: 2% 0; padding: 0; width: 100%; }
#img_captcha_wrapper, #captcha_wrapper, #submit_wrapper, #status_wrapper { display: inline-block; margin: 0; padding: 0; float: left; }
#img_captcha_wrapper { width: 30%; }
#captcha_wrapper { width: 70%; }
#submit_wrapper { width: 30%; }
#status_wrapper { width: 70%; }
#captcha { margin: 0; padding: 2.5%; width: 95%; border: 0; }

form { margin: 0; padding: 2.5%; width: 95%; border: 0; background: #f2f2f2; }
input, textarea { margin: 0 0 1rem 0; padding: 2.5%; width: 95%; border: 0; background: #fff; font: 0.95rem/1.5 "open_sansregular", Arial, Helvetica, sans-serif; color: #333; }
textarea { height: 10rem; resize: none; }
input[type=submit] { margin: 0; padding: 2.5%; width: 8rem; height: 2.5rem; border: 0; background: #cd9db1; font: 0.95rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #f2f2f2; }
input[type=submit]:hover { background: #552d48; transition:0.3s; -webkit-transition:0.3s; cursor: pointer; }

#error_name, #error_email, #error_subject, #error_message, #error_captcha { display: none; margin: 0 0 1rem 0; width: 100%; color: #f00; }

#main_02 form { margin: 3% 0 0 0; padding: 0; width: 100%; }
#main_02 input { margin: 0 1.75% 0 0; padding: 0 2.5%; width: 65%; height: 2rem; border: 0; font: 0.95rem/1.5 "open_sansregular", Arial, Helvetica, sans-serif; }
#main_02 input[type=submit] { margin: 0; padding: 0 2.5%; width: 25%; height: 2rem; border: 0; background: #cd9db1; font: 0.95rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; color: #f2f2f2; }
#main_02 input[type=submit]:hover { background: #552d48; transition:0.3s; -webkit-transition:0.3s; cursor: pointer; }


/*****STRUCTURE*****/
/*level 01*/
#page_wrapper { width: 100%; overflow: hidden; }

/*level 02*/
#header_wrapper { width: 100%; overflow: hidden; }
#main_wrapper { margin: 3% 0 0 0; width: 100%; overflow: hidden; }
#sub-footer_wrapper, #footer_wrapper { width: 100%; background: #f9f3ff; overflow: hidden; }

/*level 03*/
#header, #header_mobile, #main, #sub-footer, #footer { margin: 0 auto; overflow: hidden; }
#header_mobile { display: none; }
#footer { border-top: 1px solid #cd9db1; }
  
/*level 04*/
#main_01 { margin: 0 5% 10% 0; padding: 0 2.5%; width: 55%; float: left; }
#main_02 { margin: 0 0 10% 0; padding: 2.5%; width: 30%; float: left; background: #f2f2f2; font: 0.9rem/1.5 "open_sansregular", Arial, Helvetica, sans-serif; }
  
#sub-footer ul li  { padding: 1.5% 0; font: 0.75rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#sub-footer_01, #sub-footer_02, #sub-footer_03 { margin: 3%; float: left; }
#sub-footer_01, #sub-footer_02 { width: 27%; }
#sub-footer_03 { width: 28%; }
  
#footer_01, #footer_02 { margin: 1.5% 0; padding: 0 2.5%; width: 45%; height: 1.5rem; font: 0.9rem/1.5rem "universalis_adf_stdregular", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #cd9db1; }
#footer_01 { float: left; }
#footer_02 { float: right; text-align: right; }
  
/*level 05*/  
.post_footer { margin: 3% 0; width: 100%; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; overflow: hidden; }

#pagination { width: 100%; overflow: hidden; }
#pagination #newer { width: 50%; float: left; }
#pagination #older { width: 50%; float: right; text-align: right; }
  
#related { display: inline-block; margin: 0 auto 10% auto; width: 100%; }
#related li { display: inline-block; padding: 0 3%; width: 20%; border-right: 1px solid #f2f2f2; float: left; text-align: center; }
#related li:first-child {padding: 0 3% 0 0; }
#related li:last-child { padding: 0 0 0 3%; border: 0; }

#social { display: block; margin: 0 auto 1rem auto; width: 90%; overflow: hidden; }
.social_button { margin: 0 0 1rem 0; float: left; width: 45%; text-align: center; }
.social_icon { display: inline-block; margin: 0 0.5rem 0 0; text-transform: lowercase; }
.social_icon { font: 1.25rem/1.5rem "socicon"; }
.social_icon_bloglovin { font: 2rem/1.5rem "open_sansregular"; }

#shop_my_instagram { display: block; margin: 0 auto 1.5rem auto; width: 90%; height: 300px; } 

#instafeed { display: block; margin: 0 auto 2rem auto; width: 90%; overflow: hidden; }
.instafeed_wrapper { width: 50%; float: left; }

#ad_wrapper { display: block; margin: 0 auto; width: 95%; overflow: hidden; text-align: center; }
  
/*level 06*/ 
.post_footer_01, .post_footer_02 { padding: 3% 0; float: left; vertical-align: middle; text-align: center; text-transform: uppercase; }
.post_footer_01 { width: 40%; border-right: 1px solid #d8d8d8; }
.post_footer_02 { width: 59%; }


/*****MEDIA QUERIES*****/
@media (min-width: 1600px) {
  #header, #main, #sub-footer, #footer { width: 60%; max-width: 1200px; }
}

@media (min-width: 1370px) and (max-width: 1599px) {
  #header, #main, #sub-footer, #footer { width: 70%; }
}

@media (min-width: 1200px) and (max-width: 1369px) {
  #header, #main, #sub-footer, #footer { width: 80%; }
}

@media (max-width: 1199px) {
  #header, #main, #sub-footer, #footer { width: 90%; }
}

/*****MOBILE & TABLET DEVICES*****/
@media (min-width: 650px) and (max-width: 1069px) {
  #main_02, #sub-footer_wrapper { display: none; }
  #main_01 { margin: 0 0 10% 0; padding: 0 2.5%; width: 95%; }
  .post_footer_01, .post_footer_02 { width: 100%; border: none; }
  #footer_wrapper { border-top: 1px solid #cd9db1; }
  #footer { padding: 1% 0; border: none; }
  #footer_01, #footer_02 { margin: 0; padding: 0 2.5%; width: 95%; border: none; float: none; text-align: center; font-size: 0.8rem; }
  .mobile_menu_icon { font: 1.6rem/1rem "open_sansregular"; }
}

@media (max-width: 649px) {
  html { -webkit-text-size-adjust: none; }
  #header, #main_02, #sub-footer_wrapper { display: none; }
  #header_mobile { display: block; }
  #main_01 { margin: 0 0 10% 0; padding: 0 2.5%; width: 95%; }
  .post_footer_01, .post_footer_02 { width: 100%; border: none; }
  #footer_wrapper { border-top: 1px solid #cd9db1; }
  #footer { padding: 1% 0; border: none; }
  #footer_01, #footer_02 { margin: 0; padding: 0 2.5%; width: 95%; border: none; float: none; text-align: center; font-size: 0.7rem; }
  .mobile_menu_icon { font: 1.6rem/1rem "open_sansregular"; }
}