/*  
Theme Name: Western Spirit
Theme URI: http://petripottonen.fi/
Description: Custom Theme for Western Spirit
Version: 1.0.0
Author: Petri Pottonen & Agenda Helsinki Oy
Author URI: petripottonen.com, agendahelsinki.com
Template: dms
*/
/*This is a child-theme style.css to add and override styles from the DMS framework (parent theme). DMS uses Less but here we use Scss + Bourbon.*/
/*------------------------------------*\
    VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    IMPORTS
\*------------------------------------*/
/*------------------------------------*\
    HTML5 Boilerplate
\*------------------------------------*/
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.invisible {
  visibility: hidden; }

/*------------------------------------*\
    Align a block in center and middle http://frontendbabel.info/articles/css-tricks-by-wargaming/
\*------------------------------------*/
.center-container {
  position: relative;
  height: 600px;
  background: green; }
  .center-container > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

/*------------------------------------*\
    Cut off long lines with ellipsis
\*------------------------------------*/
.ellipsis-cut {
  white-space: nowrap;
  /* No line breaks */
  overflow: hidden;
  /* Hide text which does not fit the block */
  text-overflow: ellipsis;
  /* Cut off with ellipsis */
  display: block;
  /* Works only for block elements */ }

.containeri {
  width: 300px;
  height: 20px; }

/* #site,
label,
input,
input[type="submit"],
button,
select,
textarea,
.btn,
#site h1,
#site h2,
#site h3,
#site h4,
#site h5,
#site h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal {
	font-family: "proxima-nova";
} */
body {
  -webkit-font-smoothing: antialiased; }

/*------------------------------------*\
    NAVI-TEMPLATE
\*------------------------------------*/
/*------------------------------------*\
    MOBILE NAV TEMPLATE
\*------------------------------------*/
/* body ul.inline-list {
	@media (max-width: 1000px) {
		&.respond{
			.menu-toggle{
				display: block;
			}
			
			.menu-item{
				display: none;
			}
		}
	}
} */
body .pl-mobile-menu {
  box-shadow: -260px 0 0 transparent, -520px 0 0 transparent, -780px 0 0 transparent, -1040px 0 0 transparent, -1300px 0 0 transparent; }
  body .pl-mobile-menu.show-menu {
    box-shadow: -260px 0 0 rgba(0, 0, 0, 0.7), -520px 0 0 rgba(0, 0, 0, 0.7), -780px 0 0 rgba(0, 0, 0, 0.7), -1040px 0 0 rgba(0, 0, 0, 0.7), -1300px 0 0 rgba(0, 0, 0, 0.7); }

/*------------------------------------*\
    USEFUL STUFF
\*------------------------------------*/
.breaklong {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal; }

.image-left .hentry {
  text-align: left !important; }

/*------------------------------------*\
    BASE
\*------------------------------------*/
.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

#site,
label,
input,
input[type="submit"],
button,
select,
textarea,
.btn,
#site h1,
#site h2,
#site h3,
#site h4,
#site h5,
#site h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal,
body .widget .widget-title, .widget .widgettitle {
  font-family: "museo-sans",sans-serif;
  -moz-osx-font-smoothing: grayscale; }

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

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header-bg {
  padding: 10% 0;
  background: url(/wp-content/uploads/2014/12/westernspirit-header1600.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #FFF; }
  .header-bg .section-hero .pl-section-pad {
    padding-top: 0;
    padding-bottom: 0; }
  .header-bg .pl-hero-wrap {
    padding: 0 !important; }
    .header-bg .pl-hero-wrap h1 {
      font-weight: 900;
      letter-spacing: 0.3px; }
    .header-bg .pl-hero-wrap .pl-hero p {
      font-size: 32px;
      font-weight: 400; }
    @media (max-width: 979px) {
      .header-bg .pl-hero-wrap h1 {
        font-size: 40px; } }
    @media (max-width: 480px) {
      .header-bg .pl-hero-wrap h1 {
        font-size: 20px; }
      .header-bg .pl-hero-wrap .pl-hero p {
        font-size: 16px; } }

/*
$resLargeDesktop:	1200px;
$resDesktop:		979px;
$resPortraitTablet:	768px;
$resPhoneLandscape:	480px;
*/
.section-navi {
  background: #D3422A; }
  .section-navi .navi-left {
    height: 64px;
    padding: 14px 7px; }
    @media (max-width: 480px) {
      .section-navi .navi-left {
        height: 51.2px;
        padding: 11.2px 7px; } }
  .section-navi .navi-wrap {
    height: 92px; }
    @media (max-width: 480px) {
      .section-navi .navi-wrap {
        height: 73.6px; } }
    .section-navi .navi-wrap .navi-right {
      text-transform: uppercase;
      font-weight: 600; }
      .section-navi .navi-wrap .navi-right .navi-searchform {
        height: 92px;
        line-height: 92px;
        color: #FFF; }
        @media (max-width: 480px) {
          .section-navi .navi-wrap .navi-right .navi-searchform {
            height: 73.6px;
            line-height: 73.6px; } }
        .section-navi .navi-wrap .navi-right .navi-searchform input {
          vertical-align: middle; }
      .section-navi .navi-wrap .navi-right ul li a {
        opacity: 1;
        color: #FFF;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0.3px;
        line-height: 92px; }
        @media (max-width: 480px) {
          .section-navi .navi-wrap .navi-right ul li a {
            line-height: 73.6px; } }
      .section-navi .navi-wrap .navi-right ul li:hover a, .section-navi .navi-wrap .navi-right ul li.current-menu-item a {
        background: inherit;
        color: #FFF; }

body .pl-mobile-menu {
  box-sizing: border-box;
  background: white;
  color: black; }
  body .pl-mobile-menu .logo.mobile {
    width: 135px;
    padding: 10px 0 20px 0; }
  body .pl-mobile-menu ul li a {
    color: #D3422A;
    opacity: 1;
    font-size: 13px; }
  body .pl-mobile-menu ul li.current_page_item a, body .pl-mobile-menu ul li a:hover {
    color: #D3422A; }

@media (min-width: 801px) {
  .section-navi .navi-searchform {
    display: inline-block; }

  body ul.inline-list.respond .menu-toggle {
    display: none !important; }
  body ul.inline-list.respond .menu-item {
    display: inline-block !important; } }
@media (max-width: 800px) {
  .navi-searchform {
    display: none !important; }

  body ul.inline-list.respond .menu-toggle {
    display: block !important; }
  body ul.inline-list.respond .menu-item {
    display: none !important; } }
span.menubutton {
  display: inline;
  padding: 10px;
  border: 2px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 900; }

.pl-mobile-menu .pl-searcher {
  background: #09567D;
  color: white;
  border: 1px solid white; }

.breadcrumbs-section {
  padding: 0 !important;
  background: #E4E4E4;
  font-weight: 600;
  background: #fbeeec; }
  .breadcrumbs-section .woocommerce-breadcrumb {
    width: 90%;
    display: inline-block;
    margin: 0; }
    .breadcrumbs-section .woocommerce-breadcrumb a {
      color: #D3422A; }

.navi-right form.navi-searchform input {
  width: 130px !important;
  color: #09567D !important;
  height: 30px !important;
  padding-left: 10px !important;
  background: #FBEEEC !important; }
  .navi-right form.navi-searchform input::-webkit-input-placeholder {
    color: #D3422A; }
  .navi-right form.navi-searchform input:-moz-placeholder {
    /* Firefox 18- */
    color: #D3422A; }
  .navi-right form.navi-searchform input::-moz-placeholder {
    /* Firefox 19+ */
    color: #D3422A; }
  .navi-right form.navi-searchform input:-ms-input-placeholder {
    color: #D3422A; }

form.navi-searchform.has-focus span.btn-search {
  color: #FFF !important; }

/*------------------------------------*\
    SEARCH RESULTS
\*------------------------------------*/
body.search-results .article-wrap {
  margin-bottom: 20px; }
  @media (min-width: 900px) {
    body.search-results .article-wrap {
      width: 30%;
      float: left;
      height: 180px;
      padding-right: 10px; } }
  body.search-results .article-wrap h2.entry-title {
    font-size: 22px; }
  body.search-results .article-wrap .metabar {
    display: none; }

/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/
.product-thumb-wrap .add_to_cart_btn,
.product-thumb-wrap .btn-overlay {
  display: none !important; }

li.product, li.product * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

li.product {
  border-radius: 10px;
  padding: 10px !important; 
}
  
li.product .product-thumb-wrap a img {
  padding: 0 10px; 
}

.related.products {
  clear: both; 
}

.woocommerce ul.products li.product h2, 
.woocommerce-page ul.products li.product h2, 
body.woocommerce #content ul.products li.product h2,
body.woocommerce-page #content ul.products li.product h2 {
  font-size: 14px !important; 
}

html.object-fit body.woocommerce-page ul.products li.product .product-thumb-wrap a img {
  height: 180px;
  object-fit: contain; 
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  margin-left: 0;
}

.woocommerce div.product div.images img {
  max-width: 100%;
  width: auto !important;
}

.widget_product_categories h2.widgettitle {
  font-weight: 800; 
}

.product-categories {
  border-left: 2px solid #09567D;
  padding-left: 15px; }
  .product-categories a {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .product-categories li.cat-parent {
    font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: none; }
    .product-categories li.cat-parent a:hover, .product-categories li.cat-parent li a:hover {
      color: #D3422A; }
    .product-categories li.cat-parent.current-cat li a {
      color: #09567D !important; }
    .product-categories li.cat-parent .count {
      display: none; }
    .product-categories li.cat-parent a {
      color: #09567D; }
    .product-categories li.cat-parent li {
      margin: 2px 0 2px 15px;
      font-weight: 400 !important;
      font-weight: 400;
      text-transform: none;
      font-size: 14px; }
      .product-categories li.cat-parent li .count {
        display: inline; }
      .product-categories li.cat-parent li a {
        color: #09567D; }
  .product-categories li.current-cat a {
    color: #D3422A !important;
    font-weight: 600; }

.woocommerce-info {
  background: #09567D !important; 
}
  
.woocommerce-info a.showcoupon {
  color: #FFF;
  font-weight: bold; 
}

ul.woocommerce-error {
  padding-top: 30px !important;
  padding-bottom: 30px !important; 
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, 
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select {
  background: rgba(255, 0, 0, 0.15); 
}

.reset_variations {
  display: none; 
}

body.single-product p.price {
  font-size: 26px !important;
  margin: 0;
  font-weight: 700; 
}

.sku_wrapper {
  display: none; 
}

#container .variations_button .single_add_to_cart_button {
  text-shadow: none !important; 
}

.single .content-area .embed-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.single .content-area .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 60%;
}  
  
.woocommerce-page ul#shipping_method li label {
    top: 2px; 
}

.woocommerce-cart #site #page .cart-collaterals .cart_totals table th {
    width: 20%;
}

.cart_totals .shipping-label-small-text, .checkout .shipping-label-small-text{
    font-size: 11px;
}

.western-spirit.woocommerce ul.products.columns-1 li.product,
.western-spirit.woocommerce-page ul.products.columns-1 li.product {
	display: inline-block;
	width: 25%;
	margin: 0 0 10px 0;
	clear: none;
	float: none;
}

.woocommerce form .form-row.create-account {
  margin: 0.5em 0 2em;
}

.woocommerce form .form-row #createaccount {
  margin: 7px 8px 0 0;
}

@media screen and (max-width: 768px) {
	
	.western-spirit.woocommerce ul.products.columns-1 li.product,
	.western-spirit.woocommerce-page ul.products.columns-1 li.product {
		width:50%;
	}
	
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		width: 100%;
	}

	.woocommerce-cart .woocommerce ul#shipping_method {
		margin: 22px 0 7px 0;
	}

}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
#footer {
  background: #D3422A;
  color: #FFF;
  text-align: center; }
  #footer .logolink a img {
    padding: 20px 0 30px;
    width: 100%;
    max-width: 130px; }
  #footer .pl-section-pad {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  @media (min-width: 768px) {
    #footer .footerbox-first {
      padding-top: 40px;
      text-align: left; }
    #footer .footerbox-third {
      padding-top: 40px;
      text-align: right; } }

.footer-tint {
  background: #fff; }

.bordered {
  border: 1px solid #D3422A; }
  .bordered.blue {
    border-color: #09567D; }

.product-info h1 {
  display: none; }

.shipping-calculator-form {
  display: block !important; }

ul#shipping_method li label {
  display: inline;
  padding-left: 10px;
  position: relative;
  top: 5px; }
  
#footer .privacy-link {
  color: #fff;
  text-decoration: underline;
}

#footer .privacy-link:hover {
  color: #000;
}