/*
Theme Name: Heli Kirjastus 
Theme URI: https://www.domeen.ee
Description: Raamatute kirjastamine
Author: Rando Rooberg | Arvutinurk.ee kiired ja vihased kodulehed ja e-poed www.arvutinurk.ee
Author URI: https://www.arvutinurk.ee/
Version: 1.0
License: Arvutinurk.ee | Mõeldud kasutamiseks ainult Heli Kirjastus OÜ 
*/

body {font-family: 'Open Sans', sans-serif;  font-size: 18px; line-height: 1.9; color: #444444;}

h1, h2, h3, h4, h5, h6 {margin: 0!important; padding: 0!important; font-family: 'Julius Sans One', sans-serif; font-weight: 100; line-height: 1.5;}
h1 { font-size: 45px!important; }
h2 { font-size: 35px!important; }
h3 { font-size: 30px!important; }
h4 { font-size: 25px!important; }
h5 { font-size: 20px!important; }
h6 { font-size: 18px!important; }

a {color: #405de6; text-decoration: underline; -webkit-transition: all 1s ease-out; -moz-transition: all ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }
a:hover {color: #444444; }

.container {position: relative; width: 100%; max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 0 10px;}
.container:after {clear: both; content: ""; display: block;}
.container img {max-width: 100%!important; height: auto!important;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* contactform7 */
.screen-reader-response ul li, .wpcf7-validation-errors, .screen-reader-response { display:none; }
form.invalid input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid{background-color: #FF9494!important; color: #fff!important;}
div.wpcf7-validation-errors {display:none!important;}
.wpcf7-mail-sent-ok { float: left!important; clear: both!important; margin: 0!important; background: #fff!important; color: #444444!important; box-sizing: border-box!important; padding: 15px!important; width: 100%; margin-top: 25px!important;}
.wpcf7-not-valid-tip {display: none !important;}

.default-send {float: right;}

.material-icons { vertical-align: middle;}

form {width: 100%;}
input, textarea, select {width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #ccc; color: #444444!important; padding-left: 15px; outline: none;}
	
textarea {min-height: 175px;}
input:focus, textarea:focus, select:focus {border-color: #60ab59;}
input[type=submit]{display: inline-block; width: 40%; min-height: 55px; background-color: #00b140; border: none; color: #fff!important; text-align: center; margin-top: 5px; padding: 0 10px; transition: all 0.5s; cursor: pointer;}
input[type=submit]:hover {background-color: #fff; color: #444444!important; border: 1px solid #00b140;}

.table_wrapp  {width: 100%; overflow: auto;} 
table, td, th {border: 1px solid #ccc; text-align: left!important; padding: 15px 10px!important;}
table { border-collapse: collapse; width: 100%;}

.hidden{opacity:0;}
.visible{ opacity:1;}

#breadcrumbs { margin-top: -5px!important; margin-bottom: 25px!important;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header {float: left; z-index: 10; position: relative; width: 100%; }

#layer-one {text-align: center; display: none; cursor: pointer;}

#first-layer {float: left; width: 100%; box-sizing: border-box; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
#quick-contact {width: 35%; float: left; box-sizing: border-box;}
#quick-contact span {margin-left: 5px;}
#quick-contact span:first-of-type {margin-left: 0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#top-menu {width: 60%; float: right; box-sizing: border-box; text-align: right;}
.top-menu {width: 100%; float: left; box-sizing: border-box; margin: 0; padding: 0;}
.top-menu li {display: inline-block;}
.top-menu li a { padding-left: 5px; color: #444444; text-decoration: none;}
.top-menu li a:hover {text-decoration: underline;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#second-layer {float: left; position: relative; width: 100%; box-sizing: border-box;}
#logo {float: left; width: 9%; box-sizing: border-box; margin-top: 15px;}
#logo a {color: #444444; text-decoration: none;}
#logo img {width: 125px!important; height: 125px!important;}
#logo h2 {padding-top: 0!important; font-size: 40px; font-family: 'Tangerine', cursive;}
#product-search {float: left; width: 62%; margin-left: 2%; box-sizing: border-box; margin-top: 50px;}
#product-search input {
    background-image: url('images/search.png');
    background-position: 15px 15px; 
    background-repeat: no-repeat;
	padding-left: 45px!important;
}

#my-basket {float: right; width: 21.5%; box-sizing: border-box; margin-top: 50px; text-align: center;}
#my-basket a {color: #fff; float: left; width: 100%; text-decoration: none; padding: 10px 0; background-color: #60ab59;}
#my-basket a:hover {background-color: #444444;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#third-layer {float: left; width: 100%; box-sizing: border-box; background-color: #60ab59; padding: 25px 0;}
.primary-menu {width: 100%; float: left; box-sizing: border-box; margin: 0; padding: 0; margin-left: -10px!important;}
.primary-menu li {display: inline-block; padding-left: 20px; }
.primary-menu li a {text-decoration: none; color: #fff;}
.primary-menu li:first-of-type {padding-left: 10px;}
.primary-menu li a:hover {text-decoration: underline;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#page {float: left; width: 100%; position: relative; box-sizing: border-box; margin: 25px 0px 100px 0px;}
#page-content {float: left; width: 70%; box-sizing: border-box; position: relative;}
#right-side {float: right; width: 29%; box-sizing: border-box; background-color: #f6f6f5; padding: 15px 0; padding-left: 15px;}
#blog-side {float: right; width: 29%; box-sizing: border-box; background-color: #f6f6f5; padding: 15px 0; padding-left: 15px;}
#right-side ul, #blog-side ul {margin: 0; padding: 0;}
#right-side li, #blog-side li {list-style: none; margin-top: 12px; }
#right-side a, #blog-side a  {text-decoration: none!important; }
.widget { float: left; width: 100%; clear: both!important; margin-bottom: 15px!important; }
h4 .rsswidget {color: #444444!important; text-decoration: none!important; }
.rsswidget:before { font-family: 'Material Icons'; content: "rss_feed "; font-feature-settings: 'liga';}
h4 .rsswidget:before {content: ""!important;}
.product-categories a:before, .widget_categories a:before{ font-family: 'Material Icons'; content: "whatshot "; font-feature-settings: 'liga';}
.tagcloud a  {font-size: 18px!important;}
.tagcloud a:before { font-family: 'Material Icons'; content: "loyalty "; font-feature-settings: 'liga';}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#broken {background: url(images/broken.png) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#posts {float: left; width: 70%; box-sizing: border-box;}
#posts a {color: #444444; text-decoration: none!important;}
#posts .post-meta a:hover {font-weight: bold;}
.post  {float: left; width: 100%; box-sizing: border-box; margin-top: 70px; padding-bottom: 75px; border-bottom: 1px dotted #ccc;}
.post:first-of-type  {margin-top: 0;}
.post-image img  {display: inline-block; margin-bottom: 30px!important;}
.post-content {float: left; width: 100%; box-sizing: border-box;}
.post-title h1 {font-size: 40px!important; margin-top: -10px!important;}
.post-sneak-prew {color: #ccc; -webkit-transition: all 1s ease-out; -moz-transition: all ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.post:hover .post-sneak-prew {color: #444444!important;}
.post-meta {float: left; width: 100%; box-sizing: border-box; clear: both;}
.category {margin-left: 15px;}
.category .material-icons {color: #d52a1d;}
.active-catecory {float: left; width: 100%; box-sizing: border-box; margin-bottom: 25px;}
.active-catecory h3 {font-size: 45px!important; color: #d52a1d;}

.page-navigation-panel {width: 100%; float: left; margin-top: 25px;}
.older-posts a, .newer-posts a {background-color: #60ab59; text-decoration: none; color: #fff!important; padding: 10px 10px;}

.older-posts {float: left; }
.newer-posts {float: right; }
.older-posts a:hover, .newer-posts a:hover {background-color: #fff; border: 1px solid #60ab59; color: #444444!important;}

#single-post {float: left; width: 95%; box-sizing: border-box; }
#single-post .post-title h1 {font-size: 45px!important; margin-top: 0!important;}
#single-post .post-meta {margin-top: 10px;}
#single-post a  {color: #405de6!important; text-decoration: underline!important;}
#single-post a:hover  {color: #444444!important;}
#single-post .post-image {float: left; margin-top: 25px!important; margin-bottom: -50px!important;}
#single-post #content {float: left; width: 100%; box-sizing: border-box; margin-top: 10px!important;}

#sign-up {float: left; position: relative; width: 100%; box-sizing: border-box; z-index: 2; color: #fff; padding: 75px 0; }
#sign-up:before {background: url(images/newsletter.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; bottom: 0; content: ''; display: block; height: 100%; left: 0; position: absolute; right: 0; transform: skewY(2deg); transform-origin: 100%; z-index: -2;}
#sign-up-cover:before {background: rgba(68, 68, 68, 0.6); bottom: 0; content: ''; display: block; height: 100%; left: 0; position: absolute; right: 0; transform: skewY(2deg); transform-origin: 100%; z-index: -1;}
.signup  {border: none!important;}
.signup-now {float: right;}

#footer {float: left; width: 100%; box-sizing: border-box; background-color: #f6f6f5; padding: 100px 0px 50px 0px; margin-top: -60px; }
#footer-menu {width: 100%; float: left; box-sizing: border-box; text-align: center;}
.footer-menu {width: 100%; float: left; box-sizing: border-box; margin: 0; padding: 0;}
.footer-menu li {display: inline-block;}
.footer-menu li a { padding-left: 5px; font-weight: bold; color: #444444; text-decoration: none;}
.footer-menu li a:hover {text-decoration: underline;}
#how-to-pay  {width: 25%; margin-top: 65px; float: left; box-sizing: border-box;}
#copyright {width: 55%; margin-top: 50px; float: right; box-sizing: border-box; text-align: right;}
#made-by {display: block; font-size: 12px;} 
#made-by .material-icons {color: #d52a1d; font-size: 12px;} 

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#order_products {width: 75%; float: left; margin-top: 30px; }
#order_products form {margin: 0; }

.products-list {position: relative; float: left; width: 100%; box-sizing: border-box; margin-top: 25px;}

.products-list h2{font-family: 'Open Sans', sans-serif; font-size: 23px!important;}

.product {position: relative; width: 33%; float: left; border: 1px solid #ccc; margin-left: 0.5%; margin-top: 5px; background-color: #fff; box-sizing: border-box; }
.product:first-of-type {margin-left: 0!important; }
.product:nth-child(3n+1){clear:left; margin-left: 0;}
.product a {color: #444444; text-decoration: none; }
.product img { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.product:hover img {-webkit-transform: scale(1); transform: scale(1);}
.product-image {border-bottom: 1px solid #ccc; padding: 10px; position: relative!important;}
.product-image img {display: block; margin-left: auto; margin-right: auto;}
.disscunt_badge {position: absolute; z-index: 1; background-color: #d52a1d; color: #fff; padding: 10px; margin-top: -11px; margin-left: -11px;}
.product-name  {text-align: center; margin-top: 2px; padding: 0 2.5px;}
.product-name h2 {margin-bottom: -10px!important;}
.product-price  {text-align: center; font-size: 25px; font-weight: bold; margin-top: -7px;}
.product-price del {color: #ccc; font-weight: normal;}
.product-price ins {color: #d52a1d;}
.product .tagged_as {font-size: 15px!important;  display: inline-block;}
.product a[rel="tag"] {color: #405de6!important; font-size: 15px!important; margin-left: 5px;}
.add_to_basket {text-align: center; margin-top: 2px; margin-bottom: 5px;}
.add_to_basket a {background-color: #60ab59; padding: 10px 10px; color: #fff!important; display: inline-block; min-width: 75px;}
.add_to_basket a:hover {background-color: #444444; }
.widget_layered_nav .count { display: none;}
.widget_layered_nav .chosen a { pointer-events: none; cursor: default; color: #eee!important; background-color: #ccc!important;}
.widget_layered_nav .chosen:hover a {color: #eee!important; border-color: #ccc!important; }
.widget_layered_nav_filters .chosen a:before {content:"Eemalda: "; font-weight: bold; }
.widget_layered_nav ul li {float:left; margin-left: 5px;  }
.widget_layered_nav ul li a {float: left; color: #444444!important; background-color: #fff; border: 1px solid #ccc; padding: 7px 15px!important;}
.widget_layered_nav ul li:hover a { color: #fff!important; text-decoration: none; background-color: #60ab59; border-color: #60ab59;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.book-position {position: absolute; right: 3px; top: 3px; z-index: 1; background-color: #444444; color: #fff; font-size: 30px; font-weight: bold; text-align: center; width: 60px; height: 60px; border-radius: 50%;}
.book-position span { display: block;  }

.you-can-order { color: #ddd; font-size: 12px;  }

#additional-info .coming-soon {position: relative; font-weight: bold; margin-bottom: 25px; right: 0px; top: 0px; float: left; margin-top: 0px; width: 70%; padding: 15px 0; text-align: center; background-color: #60ab59; color: #fff; border: none; -webkit-transition: all 1s ease-out; -moz-transition: all ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.coming-soon {position: absolute; right: -1px; top: -1px; z-index: 1; padding: 5px;  background-color: #60ab59; color: #fff;  }

#additional-info .sold-out {position: relative; font-weight: bold; margin-bottom: 25px; right: 0px; top: 0px; float: left; margin-top: 0px; width: 70%; padding: 15px 0; text-align: center; background-color: #d52a1d; color: #fff; border: none; -webkit-transition: all 1s ease-out; -moz-transition: all ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.sold-out {position: absolute; right: -1px; top: -1px; z-index: 1; padding: 3px;  background-color: #d52a1d; color: #fff;  }

.month-book-message{ font-weight: bold; margin-bottom: 15px; padding: 15px; background-color: #fff; border: 1px solid #60ab59; color: #d52a1d;}

.month-book  {width: 100%; background-color: #fafafa; padding: 15px; float: left; box-sizing: border-box; margin-top: 25px}
.month-book h2 { font-size: 30px!important; margin-bottom: 10px!important; }
.month-book-author {margin-bottom: 20px!important; }
.look-and-buy  { text-align: center; }
.look-and-buy a { background-color: #60ab59; text-decoration: none; padding: 10px 10px; color: #fff!important; display: inline-block; min-width: 75px;}
.look-and-buy a:hover {background-color: #444444; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#single-product-left {float: left; width: 73%; box-sizing: border-box;}
#single-product-left figure {margin: 0; padding: 0;}
.single-product-image {float: left; width: 30%; margin-top: 15px; box-sizing: border-box;}
.flex-control-thumbs {width: 100%; list-style: none; float: left; box-sizing: border-box; margin: 0; padding: 0; margin-top: 0.5%;  } 
.flex-control-thumbs li {width: 33%; text-align: center; margin-left: 0.5%; float: left; box-sizing: border-box; cursor: pointer; } 
.flex-control-thumbs li:first-of-type {margin-left: 0; } 
.flex-control-thumbs li:nth-child(3n+1) {clear: left; margin-left: 0; }
.single-product-info {float: right; width: 65%; box-sizing: border-box;} 
.single-product-info h1 {font-size: 40px!important;} 
#single-product-left .woocommerce-Price-amount {display: inline-block; font-size: 35px; margin-top: 5px!important; font-weight: bold;}
#single-product-left del span {color: #ccc; font-weight: normal; text-decoration: line-through!important;}
#single-product-left ins {color: #d52a1d;}

.quantity { float: left; width: 30%; }
.quantity input { height: 65px!important; border-right: none;}
.woocommerce-cart-form__cart-item .quantity input { border-right: 1px solid #ccc!important;} 
.single_add_to_cart_button { float: left; width: 70%; height: 65px; background-color: #60ab59; color: #fff; border: none; -webkit-transition: all 1s ease-out; -moz-transition: all ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.single_add_to_cart_button:hover {background-color: #444444; }

.out-of-stock {display: none;}

#additional-info {float: right; width: 25%; box-sizing: border-box;}
#additional-info .cart {float: left; width: 100%; box-sizing: border-box; margin-bottom: 25px;}
.product-cat  {margin-top: 25px; display: block; background-color: #fafafa; padding: 15px;} 

.up-sells {float: left; clear: both; border-top: 1px solid #ccc; width: 100%; box-sizing: border-box; padding-top: 25px; margin-top: 25px;}
.up-sells h2 {padding-bottom: 15px!important; color: #d52a1d!important; border-bottom: 1px solid #ccc;}
.up-sells .products-list  {margin-top: 25px;}
.up-sells .products-list h2 {padding-bottom: 0px!important; color: #444444!important; border-bottom: none!important;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.update_cart input:before { font-family: 'Material Icons'; content: "rss_feed "; font-feature-settings: 'liga';}
.woocommerce-cart-form  {margin-top: 25px;}
.woocommerce-error + .woocommerce-cart-form, .woocommerce-message + .woocommerce-cart-form {margin-top: 0px!important;}
.coupon .button {width: 65%!important; margin-top: 15px!important; float: right;}
.actions .button {width: 100%; height: 55px; float: right;}
.cart_totals {width: 75%; float: right;}
.cart_totals td, .cart_totals th, .cart_totals table {border-top: none;}
.wc-proceed-to-checkout {float: right; clear:both; margin-top: 25px;}
.wc-proceed-to-checkout a{display: inline-block; background-color: #00b140; text-decoration: none!important; border: none; color: #fff!important; text-align: center; padding: 15px 25px; transition: all 0.5s; cursor: pointer;}
.wc-proceed-to-checkout a:hover {background-color: #fff; color: #444444!important; border: 1px solid #00b140;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#customer_login { width: 100%; float: left; box-sizing: border-box; margin-top: 25px; }
.u-column1 { width: 48%; float: left; box-sizing: border-box;}
.u-column2 { width: 48%; float: right; box-sizing: border-box;}
.u-column1 h2, .u-column2 h2 {color: #ccc;}
.u-column1 form, .u-column2 form {margin: 0;}
.u-column1 .woocommerce-form__input-checkbox { width: 15px; margin-top: 15px;}
.lost_reset_password .button, .woocommerce-MyAccount-content .button, .woocommerce-Button {width: 48%; height: 55px; float: right;}

.selection span {border-radius: 0!important;  height: 50px!important; border-color: #ccc!important; }
.select2-selection__rendered {margin-top: 10px!important; }

.order-actions .view {display: none;}
.order-actions .pdf {height: 30px;}
.my_account_orders, .woocommerce-table--order-downloads {margin-top: 25px;}

.woocommerce-MyAccount-content #billing_first_name_field { width: 48%; float: left;}
.woocommerce-MyAccount-content #billing_country_field { width: 48%; float: left;}
.woocommerce-MyAccount-content #billing_city_field { width: 48%; float: right;}
.woocommerce-MyAccount-content #billing_phone_field { width: 48%; float: left; clear: both;}

.woocommerce-MyAccount-content #billing_last_name_field { width: 48%; float: right;}
.woocommerce-MyAccount-content #billing_address_1_field { width: 48%; float: right;}
.woocommerce-MyAccount-content #billing_postcode_field { width: 48%; float: left;}
.woocommerce-MyAccount-content #billing_email_field { width: 48%; float: right;}

.woocommerce-EditAccountForm .woocommerce-form-row--first { width: 48%; float: left;}
.woocommerce-EditAccountForm .woocommerce-form-row--last { width: 48%; float: right;}
.woocommerce-EditAccountForm .woocommerce-form-row--wide { clear: both;}
.woocommerce-EditAccountForm fieldset .woocommerce-form-row--wide { clear: none;}
.woocommerce-EditAccountForm fieldset .currentpass {margin-bottom: 0;}
.woocommerce-EditAccountForm fieldset .pass1 { width: 48%; float: left;}
.woocommerce-EditAccountForm fieldset .pass2 { width: 48%; float: right;}
.woocommerce-EditAccountForm .button { width: 35%;}

.download-file .button, .order-actions .button { float: left!important; height: auto!important;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.woocommerce-message, .woocommerce-info  { margin: 0; margin: 25px 0; padding: 10px 10px; width: 100%; box-sizing: border-box; float: left; border: 1px solid #7cbb00;} 
.woocommerce-message .button, .woocommerce-info .button{float: right;} 
.woocommerce-error { margin: 0; margin: 25px 0; padding: 10px 10px; list-style: none; width: 100%; box-sizing: border-box; float: left; border: 1px solid #ea3e23;} 

.single-product .woocommerce-message, .single-product .woocommerce-info {margin-top: 0!important;}
#content > .woocommerce-message {margin-top: 5px!important;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* login vorm */
#checkout_login_form form {float: left; width: 100%; margin-bottom: 25px; background-color: #fafafa;}
#checkout_login_form p {padding: 10px 10px;}
#checkout_login_form .form-row {width: 48%; padding: 0; padding-left: 10px; }
#checkout_login_form form .button {width: 50%; height: 55px; float: right;}
#checkout_login_form form input[type=checkbox]{width: auto;}

/* tarne meetodi valimine */
#shipping_method_selection_frame {width: 100%; margin-top: 25px; float: left; box-sizing: border-box; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px dotted #60ab59; }
#shipping_method_selection_frame ul, #order_and_payment ul {list-style: none;}
#shipping_method li {margin-top: 10px;}
#shipping_method input[type=radio], #order_and_payment input[type=radio], #order_and_payment input[type=checkbox] {width: auto; margin-left: -25px!important;}
#order_and_payment input[type=checkbox] {margin-left: 15px!important;}
#shipping_methods_list {width: 48%; float: right; box-sizing: border-box;}
#shipping_method_info {width: 48%; float: left; box-sizing: border-box; }

/*kliendi andmete vorm ja tellimuse info */
#billing_info_fields {width: 48%; float: left; box-sizing: border-box; margin-top: 10px;}
#order_and_payment {width: 48%; float: right; box-sizing: border-box; background-color: #fafafa; padding: 10px 10px;}
#order_and_payment .button {width: 50%; height: 55px; float: right;}
#order_review {margin-top: 43px;}
#order_review .woocommerce-remove-coupon {display: none;}

#shipping_method input[type=radio], #order_and_payment input[type=radio], #order_and_payment input[type=checkbox] {width: auto; float: left; margin-top: -6px; margin-right: 10px;}

/* tellimuse info transpordi tasu amount liigutamine */
.transa .amount  {margin-left: 5px;}

/* Makecommerce panga plugina aktiivsuse sätted (border kui asi aktiivne or siis taust kui makseviisi valida...) */
.woocommerce-checkout #payment ul.payment_methods li label.makecommerce_country_picker_label.selected {border-color: #60ab59!important;}
div.makecommerce-banklink-picker.selected {background: #60ab59!important;}

/* makseviisi pealkiri */
#payment h3 {margin-top: 25px!important;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.pagination {margin-top: 40px; margin-bottom: -25px!important; float: left; clear: both; width: 100%;} 
.pagination ul {list-style: none; text-align: center;} 
.pagination li {display: inline-block;}
.pagination li a, .pagination li span {color: #444444; float: left; padding: 8px 16px; text-decoration: none;border: 1px solid #ccc;}
.pagination .current, .pagination li a:hover {background-color: #60ab59; color: #fff; border: 1px solid  #60ab59;}