/** Folha de estilos para minha conta.  @package    Salpekas @category   Main @name       my-account.scss @author     Bruno Lima <brunolima@phocus.com.br> @copyright  Phocus Interact @license    Phocus Interact @link       /scss/my-account.scss @version    1.0.0 @since      05/05/2015 */
/** Compass Mixins */
/** GOOGLE FONTS */
/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Bangers);
*/
header, header .background { height: 140px; overflow: hidden; }
header .user-info, header .background .user-info { display: none; }
header.user-active .socialIcons, header .background.user-active .socialIcons { right: auto; left: 35px; }
header.user-active .user-info, header .background.user-active .user-info { position: absolute; display: block; right: 35px; top: 10px; }
header.user-active .user-info a, header .background.user-active .user-info a { display: inline-block; margin: 0 10px; text-decoration: none; font-size: 14px; line-height: 25px; color: #FFFFFF; }
header.user-active .user-info a.logout, header .background.user-active .user-info a.logout { font-size: 12px; margin-left: 0; }
header.user-active .user-info a.to-cart, header .background.user-active .user-info a.to-cart { padding-left: 30px; background: url("../img/cart.png") no-repeat left center; }
header.user-active .user-info a:first-child, header .background.user-active .user-info a:first-child { margin: 0; }
header.user-active .user-info a:hover, header .background.user-active .user-info a:hover { text-decoration: underline; }

.my-account { padding: 100px 0; }
.my-account h2 { margin-bottom: 40px; text-align: center; font-family: 'Bangers'; letter-spacing: 2px; font-size: 40px; color: #f85f0a; text-shadow: 2px 2px #fcbf9d; }
.my-account .wrapper:after { display: block; content: ''; clear: both; }
.my-account nav { float: left; width: 230px; text-align: center; }
.my-account nav a { display: inline-block; width: 140px; margin-bottom: 20px; text-align: left; font-size: 20px; color: #333333; text-decoration: none; }
.my-account nav a.active { font-weight: bold; }
.my-account .main-info { float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 670px; margin-right: 80px; }
.my-account .main-info.orders table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.my-account .main-info.orders table thead tr th { padding: 10px; border-left: 1px solid #FFFFFF; background-color: #ee3637; font-size: 14px; font-weight: lighter; color: #FFFFFF; }
.my-account .main-info.orders table thead tr th:first-child { border-left: none; }
.my-account .main-info.orders table thead tr th:last-child { border-right: 1px solid #ee3637; }
.my-account .main-info.orders table tbody tr td { padding: 10px; border-left: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; text-align: center; font-size: 14px; color: #333333; }
.my-account .main-info.address { padding: 20px; border: 1px solid #333333; }
.my-account .main-info.address ul { list-style: none; }
.my-account .main-info.address ul li { margin-bottom: 40px; }
.my-account .main-info.address ul li > * { display: inline-block; vertical-align: middle; }
.my-account .main-info.address ul li > div { width: 400px; margin-right: 25px; }
.my-account .main-info.address ul li > div .title { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333333; }
.my-account .main-info.address ul li > div .info { font-size: 12px; color: #333333; }
.my-account .main-info.address .add-address { margin: 0; }
.my-account .main-info.new-address { padding: 20px; border: 1px solid #333333; }
.my-account .main-info.personal-data { padding: 40px; border: 1px solid #333333; }
.my-account .main-info.personal-data input[type="submit"] { height: 43px; width: 100%; }

.congrats .bg { width: 100%; height: 600px; background: url("../img/congrats-bg.jpg") no-repeat center; }
.congrats .bg .wrapper { height: 100%; }
.congrats .bg .wrapper:after { content: ''; display: inline-block; vertical-align: bottom; height: 100%; }
.congrats .bg .wrapper > * { display: inline-block; vertical-align: bottom; }
.congrats .bg .wrapper .info { padding-bottom: 220px; }
.congrats .bg .wrapper .info h4 { margin-bottom: 30px; font-family: 'Bangers'; font-size: 60px; color: #76b82a; text-shadow: 3px 3px 0 #bad994; }
.congrats .bg .wrapper .info p { margin-bottom: 10px; font-size: 22px; line-height: 26px; color: #000000; }
.congrats .bg .wrapper .info p a { color: #000000; text-decoration: underline; }
.congrats .bg .wrapper .info .btn { border: none; }
.congrats .download { padding: 60px 0; }
.congrats .download .wrapper { text-align: center; }
.congrats .download .wrapper > * { display: inline-block; vertical-align: top; }
.congrats .download .wrapper .info { padding: 20px 0 60px 40px; text-align: left; }
.congrats .download .wrapper .info h4 { margin-bottom: 10px; font-size: 25px; }
.congrats .download .wrapper .info p { margin-bottom: 20px; font-size: 20px; line-height: 24px; color: #000000; }
.congrats .download .wrapper .info a { display: inline-block; vertical-align: middle; margin-left: 20px; }

.access { padding: 60px 100px; }
.access h2 { margin-bottom: 20px; font-family: 'Bangers'; letter-spacing: 2px; font-size: 40px; color: #f85f0a; text-shadow: 2px 2px #fcbf9d; }
.access .holder { padding: 40px; border: 1px solid #7B7B7B; }
.access .holder:after { display: block; content: ''; clear: both; }
.access .wrapper .holder > div { padding: 40px; width: 408px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.access .wrapper .holder > div h3 { font-size: 20px; margin-bottom: 20px; color: #333333; }
.access .wrapper .holder > div p:not(.message) { margin-bottom: 20px; color: #333333; font-size: 12px; }
.access .wrapper .holder > div a.go-to { display: block; margin: 10px 0; font-size: 12px; color: #333333; }
.access .wrapper .holder > div.signup { float: left; }
.access .wrapper .holder > div.login, .access .wrapper .holder > div.forgot-password { float: right; padding: 40px 80px; border-left: 1px solid #7B7B7B; }
.access .wrapper .holder > div.login a { margin-top: -10px; }
.access .wrapper .holder > div.forgot-password input[type="submit"] { width: 100%; }
.access .wrapper .holder > div.create-account { position: relative; width: 100%; }
.access .wrapper .holder > div.create-account .close { position: absolute; z-index: 2; left: 20px; top: 20px; font-style: 20px; color: #CCCCCC; }
.access .wrapper .holder > div.create-account input[type="submit"] { height: 43px; width: 100%; }
.access .wrapper .holder > div.create-account:after { clear: both; content: ''; display: block; }

.message { display: none; clear: both; font-size: 14px; line-height: 20px; }
.message.success { color: #76b82a; }
.message.error { color: #ee3637; }

/*# sourceMappingURL=my-account.css.map */