/*
Theme Name: Lauralaine
Author: Stuukkonen
Author URI: https://stuukkonen.fi
Version: 1.0
*/


body, body>header{background-color: #e0e0e0;    font-family: 'GT America'; }


h1, h2, h3, h4, h5, h6{  font-weight: 400;text-transform: uppercase}


p{font-weight: 300;}


body header{ padding: 80px 0 150px;}

header h1{  overflow: hidden; margin: 0;}
footer{}
strong{font-weight: 400;}
section{}
#portfolio{}

	a, .nav a.active{color: #000;}
	.nav li, .nav li a{color: #fff;}
	.nav li a{padding-left: 10px;}
/*---------------------
------NAVIGATION-------
---------------------*/
.site-title{float: left;position: relative;}
.page-title{float: right; display: inline;list-style: none;margin: 0;}
.page-title li{display: inline; list-style: none;}

.site-title, .page-title, .fancybox-caption, main#frontpage nav , #contact p{color: #000; text-transform: uppercase; font-size: 18px;letter-spacing: 0px;}
#contact p{font-weight: 400;text-transform: none;line-height: 1.6;}

.portfolio_nav{list-style: none;    margin: 0;}
.portfolio_nav li{display: inline; list-style: none;}
.portfolio_nav .next{float: right;}
.portfolio_nav .prev{float: left;}

.no-link a{cursor: default}
/*---------------------
---FRONTPAGE STYLES----
---------------------*/

main#frontpage{ display: table; position: absolute; height: 100vh; width: 100vw; top: 0; right: 0; background-size: cover; background-repeat: no-repeat;background-position: center center;}

main#frontpage h1{display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto;    width: 100%;    font-size: 85px;letter-spacing: 0px;    line-height: 1;}

main#frontpage nav{text-align: center;    position: absolute;    left: 0;    right: 0;    bottom: 25%;z-index: 10;}
main#frontpage nav ul li{display: inline;}

main#frontpage nav ul li:nth-child(2){padding: 0 20%;}

main#frontpage h1, main#frontpage nav a{color: #fff;}

/* SLIDES */
.unslider{height: 100vh; overflow: hidden !important; list-style: none;}
.unslider li, .unslider ul{list-style: none !important; color:  #efefef;}
.my-slider li, .my-slider ul{list-style: none !important; color:  #efefef;}
.unslider-nav li{display: none;list-style: none;}
.unslider-arrow{color: transparent;    height: 100%;  width: 50%; top: 0; z-index: 2;}
.unslider li{background-size: cover; background-position: top center;}
.unslider li span{height: 100vh; width: 100vw;display: block;}

/*---------------------
---PORTFOLIO STYLES----
---------------------*/
main#portfolio h1 span{color: #000; text-transform: uppercase;display: inline;}

.portfolio-item{ float: left;margin: 0 4% 8%; }
.portfolio-item:nth-child(3n+1),.portfolio-item:first-child{clear: both;    margin-left: 0;}
.portfolio-item:nth-child(3n){margin-right: 0;}
.portfolio-title h2{text-align: center;}

.asset {    margin: 0 auto;    width: 280px;    height: 280px;    white-space: nowrap;    text-align: center;    display: inline-block; padding: 0px;    overflow: hidden;box-sizing: border-box;    background: #fff;}

.preview .wrap{position: relative;}
.preview .asset {    margin: 0 auto 80px;    width:100%;      min-height: 100%;  height: auto;white-space: nowrap;    text-align: center;    display: block;position: relative; left: 0; right: 0;overflow: hidden;background: transparent; padding: 0;}

.helper {    display: inline-block;    height: 100%;    vertical-align: middle;margin-left: -4px;}
.asset img{    vertical-align: middle;    text-align: center;    margin: 0 auto; max-width: 100%;}


.preview{display: none;background: #e0e0e0; position: absolute;width: 100%;top: 0; left: 0;z-index: 10000;}
.preview figure{text-align: center;}
.preview figure img{  width: 100%;  height: auto; max-width: 100%;}
body.no_scroll{overflow-y:hidden;    height: 90vh;}
.close{cursor: pointer;    position: absolute;right: 0; bottom: -117px; background-image: url('http://lauralaine.net/wp-content/themes/lauralaine/assets/img/sulku.png'); width: 30px; height: 30px;    background-size: contain;    background-repeat: no-repeat;}


/*-------------------------
--------- FANCYBOX --------
-------------------------*/
.fancybox-bg{background: #e0e0e0}
.fancybox-container--ready .fancybox-bg{opacity: 1;}
.fancybox-caption-wrap{margin: 0 auto;max-width: 1218px; position: relative; padding: 0;  top: 0;right: 0; left: initial;bottom: initial;background: transparent;}
.fancybox-caption{text-align: right;padding: 37px 0 0;}
.fancybox-controls{bottom: 0;position: absolute; top: initial}
.fancybox-button, .fancybox-infobar__body,.fancybox-button:hover{background: transparent;color: #000;}
.fancybox-button, .fancybox-infobar__body{color: #000;}
.fancybox-show-infobar .fancybox-infobar {}
/*------------------------
-------- PAGE TEMPLATE ---
------------------------*/

#page{    position: relative; height: 100vh;}
#page article{position: absolute; bottom: 20%;}
.privacy-policy #page article{position: relative; bottom: 0;}
#contact{    margin: 0 0 60px;font-weight: 600;}

/*------------------------
------ BACK UP BTN -------
------------------------*/
#back-to-top {
    position: relative;
    z-index: 9999;
    width: 100%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    opacity: 0;
	 text-transform: uppercase;
	 display: block;
	 margin-bottom: 150px;
	 margin-top: 60px;
}
#back-to-top.show {
    opacity: 1;
}




article{}



/*----------------------------
-------- WOOCOMMERCE ---------
----------------------------*/

.shipping-info{font-size: 11px; text-transform: uppercase;font-weight: 400;margin-top: 20px;}
#woocommerce h1{text-align: center;}
#woocommerce h1.product_title{text-align: left;}
#woocommerce h2, .woocommerce h3, .woocommerce a, .woocommerce ul.products li.product .price, .woocommerce-Price-amount.amount{color: #000;}
#woocommerce h3, .woocommerce-loop-product__title{float: left;}
#woocommerce .woocommerce-billing-fields h3{float: none;}
#woocommerce ul.products li.product .price{float: right;}
#woocommerce h3, .woocommerce ul.products li.product .price, .woocommerce-loop-product__title{font-size: 18px;}
#woocommerce .site-title {    float: none;    position: relative; font-size: 40px;}

.woocommerce table.shop_table tr.shipping td{color: transparent !important;}

h3#order_review_heading, .woocommerce-message{display: none;}

#order_review .woocommerce-checkout-review-order-table{padding: 30px 0 0;}

#order_review .woocommerce-checkout-review-order-table tfoot td, #order_review .woocommerce-checkout-review-order-table .product-total  {text-align: right;} 

.woocommerce-remove-coupon{display: block;} 

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: transparent;    padding-top: 30px;}

.woocommerce table, .woocommerce td, .woocommerce th, .woocommerce table.shop_table td, .woocommerce table.shop_table, .woocommerce-info, #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce form .form-row .required, .woocommerce form .form-row.woocommerce-invalid label { border: 0px;color: #000!important;background: transparent;}

.woocommerce-info::before{content: '';}

.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select{border-color: #000;}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{font-weight: 400;}
.includes_tax, .order-total td, .woocommerce-cart .cart-collaterals .cart_totals table small{display: block;text-align: right;color:#000;}
.woocommerce a.remove:hover {color: #000!important;background: transparent;}

.woocommerce-cart-form, .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{    width: 400px; margin: 0 auto;}

.product-name{text-transform: uppercase;}
.woocommerce .wc-proceed-to-checkout a.checkout-button{    border: 2px solid #000;font-weight: 400;}
.woocommerce.single-product .wc-proceed-to-checkout a.checkout-button{ padding: 20px 80px;margin: 120px 0 40px}

.woocommerce-cart-form{margin-top: -16px;padding-bottom: 0px; border-bottom: 2px solid;margin-bottom: 20px;}
.woocommerce a.remove, .product-subtotal{color: #000 !important;text-align: right;height: auto; width: auto;}
.woocommerce a.remove{    font-size: 16px; font-weight: 400; padding: 10px 0 10px 20px}
.cart_totals th, .cart_totals td, .backto, label, .select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered{font-weight: 400; text-transform: uppercase;color: #000;}
.backto{text-align:center; display: block; margin-top: 20px;}
.woocommerce-cart .cart-collaterals .cart_totals table small.includes_tax{display: none;}
.wc-proceed-to-checkout{margin-top: 20px;}
.woocommerce form .form-row{margin-bottom: 18px;}
.woocommerce-checkout h3{display: none;}
.select2-container--default .select2-selection--single, .select2-dropdown{  border-radius: 0px;border: 0px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {  background-color: #e0e0e0; color: #000;}
input, textarea {-webkit-appearance: none;-webkit-border-radius:0px;    border: 0px;    border-radius: 0px;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float: none;    width: 100%;}

.woocommerce thead, .product-thumbnail, .product-quantity, .product-price{ display: none;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: none;    margin: 0 auto 157px;    padding: 0;    position: relative;    width: 600px;    height: auto;}
.woocommerce ul.products li.product a img {margin: 0 auto 30px; width: 100%; height: auto;}
.woocommerce .shipping td{text-align: right;}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{border: 0px;}
.cart-empty + .cart-empty{display: none;}
.woocommerce ul.products li.product:last-child{margin-bottom: 160px;}

.buy_hover{   display: none;}
.buy_hover>div{    display: table;   height: 100%; width: 100%;   text-align: center;}
.buy_hover>div div{    display: table-cell;    vertical-align: middle;    text-align: center;}
.woocommerce ul.products li.product:hover .buy_hover{position: absolute; height: 100%;  width: 100%;    display: block;background: #fff; font-size: 40px;}

.cart-empty{margin-top: 30px;}
.cart-empty, .return-to-shop{text-align:center}

.woocommerce-Tabs-panel h2, .wc-tabs{display: none;}
.woocommerce div.product div.summary{width: 100%; text-align: center; margin: 0 auto; float: none;}
.woocommerce div.product .description p{text-transform: uppercase; font-weight: 400;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{padding: 10px 0;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {    background-color: transparent; color: #000;    border-radius: 0px;}
.single-product #woocommerce{height: 100vh; display: table; margin: 0 auto; }
.single-product #woocommerce div.product { margin-bottom: 0;position: relative; display: table-cell;vertical-align: middle;}
body.single-product header {padding: 80px 0 150px; position: absolute;left: 0; right: 0;}
abbr[title], acronym[title] { text-decoration: none;}

.woocommerce-checkout *{font-family:"GT America";}
.woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods li input{padding: 0; margin: 0 ;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { padding: 0;}
.woocommerce-checkout #payment ul.payment_methods li label{cursor: pointer;}
input:active,input:focus, textarea:active,textarea:focus{border: 0px !important;}

.woocommerce form .form-row .input-checkbox {

    display: inline-block !important;
    margin: -5px 8px 0 0 !important;
    text-align: center;
    vertical-align: middle;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid #888 !important;

}

.woocommerce form .form-row.woocommerce-validated .input-checkbox {

    background: #888;

}