/**
 * GoMage.com
 *
 * GoMage Navigation M2
 *
 * @category  Extension
 * @copyright Copyright (c) 2018-2018 GoMage.com (https://www.gomage.com)
 * @author    GoMage.com
 * @license   https://www.gomage.com/licensing  Single domain license
 * @terms     of use https://www.gomage.com/terms-of-use
 * @version   Release: 1.1.0
 * @since     Class available since Release 1.0.0
 */

/* GoMage Advanced Navigation M2
-------------------------------------------------- */

.block-gan-filter .filter-options{
  display: block;
}
.block-gan-filter .filter-options-title{
  padding-right: 50px;
  word-wrap: break-word;
  z-index: auto;
}

/* Filter Columns
-------------------------------------------------- */
.gan-column-container .filter-options{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* Filter type = default
-------------------------------------------------- */
.gan-filter{
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.43;
}

.gan-filter li a:hover{
  color: #3399CC;
  background: none;
}
.gan-filter-default a.active{
  font-weight: 700;
  cursor: default;
}

.gan-categories-list a.active, gan-categories-list a.active{
  font-weight: 700;
  cursor: default;
}

/* Filter type = input
-------------------------------------------------- */
.gan-filter-input-fieldset{
  border: 0;
  padding: 0;
  margin: 0;
}
.gan-filter-input-fields{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gan-filter-input-fields .from-wrapper,
.gan-filter-input-fields .to-wrapper{
  width: calc(50% - 15px);
}
.to-text-wrapper{
  text-align: center;
  width: 30px;
  line-height: 32px;
}
.gan-filter-input-actions{
  text-align: right;
  margin: 10px 0 0;
}

/* Filter type = slider
-------------------------------------------------- */
.gan-filter-slider .layout{
  padding: 10px 0 30px;
  font-family: inherit;
  margin-left: 8px;
  margin-right: 8px;
}
.gan-filter-slider .layout-slider{
  margin-bottom: 0;
  width: 100%;
}
.gan-filter-slider-input .layout{
  margin-bottom: 20px;
}
.gan-filter-slider .jslider{
  top: auto;
  height: auto;
}
.gan-filter-slider .jslider .jslider-bg{
  height: 3px;
}
.gan-filter-slider .jslider .jslider-bg .f,
.gan-filter-slider .jslider .jslider-bg .r,
.gan-filter-slider .jslider .jslider-bg .l{
  background: #bfbfbf;
  height: 3px;
}
.gan-filter-slider .jslider .jslider-bg .v{
  background: #3155a5;
  height: 3px;
}
.gan-filter-slider .jslider_round_plastic .jslider-pointer{
  border: 1px solid #e4e4e4;
  background: #fff;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  margin-left: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  top: 50%;
  z-index: 20;
}
.gan-filter-slider .jslider .jslider-label{
  color: #636363;
  font-size: 14px;
  line-height: 1.5;
  top: 100%;
  margin-top: 10px;
}
.gan-filter-slider .jslider .jslider-value{
  top: 100%;
  font-size: 14px;
  line-height: 1.5;
  z-index: 10;
  margin-top: 10px;
  padding-top: 0;
}

/* Filter type = In block
-------------------------------------------------- */
.gan-filter-in-block{
  border: 1px solid #ccc;
  padding: 0 10px;
  overflow: auto;
}

/* Filter type = Dropdown
-------------------------------------------------- */
.gan-filter-dropdown select{
  width: 100%;
}
.gan-filter-dropdown select option[selected]{
  color: #3399CC;
}


/* Categories block
-------------------------------------------------- */

div.block.block-gan-categories{
  margin-bottom: 20px;
}
.block-gan-categories .block-content {
    padding: 5px 0 0;
}

.gan-categories-list {
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0;
}
.gan-categories-list ol{
  list-style: none;
  padding: 0;
  margin: 0;
}
.gan-categories-list li{
  margin: 0;
  word-wrap: break-word;
}

/* Default */

.gan-categories-default .gan-categories-list > li:first-child{
  border-top: 0;
}
.gan-categories-default .gan-categories-list li a{
  display: block;
  line-height: 30px;
  font-size: 12px;
  text-decoration: none;
}
.gan-categories-default .gan-categories-list li a:hover {
  color: #3155A5;
}
.gan-categories-default .gan-categories-list ol a{
  padding-left: 10px;
}
.gan-categories-default .gan-categories-list ol ol a{
  padding-left: 20px;
}
.gan-categories-default .gan-categories-list ol ol ol a{
  padding-left: 30px;
}
.gan-categories-default .gan-categories-list ol ol ol ol a{
  padding-left: 60px;
}
.gan-categories-default .gan-categories-list ol ol ol ol ol a{
  padding-left: 75px;
}

/* In block */
.gan-categories-in-block .block-content-gan-categories{
  overflow: auto;
}

/* Dropdown */
.gan-categories-list-dropdown select{
  display: block;
  width: 100%;
  margin: 0 0 10px;
}
.gan-categories-list-dropdown select:last-child{
  margin-bottom: 0;
}
.gan-categories-list-dropdown select option[selected]{
  color: #3399CC;
}

/* Image */
.gan-categories-list-img .selected img{
  padding: 1px;
  border: 1px solid #E26703;
}

/* Image Vertical */
.gan-categories-list-img li{
  margin: 0 0 5px;
}
.gan-categories-list-img img{
  vertical-align: top;
}
.gan-categories-list-img span{
  display: block;
  margin: 5px 0 0;
}

/* Image horizontaly */
.gan-categories-list-alignment-1 li{
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  max-width: 100%;
}

/* Image 2 cols */
.gan-categories-list-alignment-2{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
}
.gan-categories-list-alignment-2 > li{
  width: calc(50% - 5px);
}
.gan-categories-list-alignment-2 > li:nth-child(2n){
  margin-left: 10px;
}

/* Checkobox
-------------------------------------------------- */
.gan-categories-list-img-checkbox a,
.gan-categories-list-checkbox a span,
.gan-filter-checkbox .filter-label-wrap{
  display: block;
  padding-left: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAVFBMVEWOj4/19fWus7nLz9Xt7e3p6enh4uPy8vLq6uvm5+fc3d/a3N7R1Nm7vsHw8PDj5OXd3+HV2NzU1dbCxMbU19vN0dfN0dbMzc3Ky8zGx8i0ub2yt7z2uHxIAAAAWUlEQVQI113ORw6AMAxEUQK20zud+9+TkAgh8ndvM5qhi309GlunbZpKJqr8ajU60NG0mFmRxK3qipoQAFKVDV44zrlq8gi87FNVRnCsJKv2pEkKIZB1X/7dEeEDBGM7114AAAAASUVORK5CYII=) 0 0 no-repeat;
}
.gan-categories-list-checkbox a span,
.gan-filter-checkbox .filter-label-wrap{
  background-position: 0 4px;
}

.ffff-gggg{
  display: block;
  padding-left: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAVFBMVEWOj4/19fWus7nLz9Xt7e3p6enh4uPy8vLq6uvm5+fc3d/a3N7R1Nm7vsHw8PDj5OXd3+HV2NzU1dbCxMbU19vN0dfN0dbMzc3Ky8zGx8i0ub2yt7z2uHxIAAAAWUlEQVQI113ORw6AMAxEUQK20zud+9+TkAgh8ndvM5qhi309GlunbZpKJqr8ajU60NG0mFmRxK3qipoQAFKVDV44zrlq8gi87FNVRnCsJKv2pEkKIZB1X/7dEeEDBGM7114AAAAASUVORK5CYII=) 0 0 no-repeat;
  background-position: 0 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAeFBMVEWOj4/09PWus7n5+fnM0NZKX5f29vbs7u9ld6ZHXJTq6uvg4ujn5+ff4ufd4OPV2d3b29y4v9OwudDGycyMmbtEWpLh4uLP1OLc3d7Jz93V1da8w9a6wdXNz9HJzNDKy8yjrsidp8CQnb13hqtuf6phc6RecaFXap010WsIAAAAZ0lEQVQI113ORw7EMAhA0WEILum993r/GyY2yiZ/9wRC/D4BhyjA6G8aly1kOU/yKhLxKkgL5fMsCiI4dRdbZc0se1LYWoW7rhQlorYaPE10IJS8KXOiFAVfmWIvX0G6rhE/AqbPlzeVkQSFlpxeQgAAAABJRU5ErkJggg==);
}
.gan-categories-list-img-checkbox a.selected,
.gan-categories-list-checkbox a.selected span,
.gan-filter-checkbox a.active .filter-label-wrap{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAeFBMVEWOj4/09PWus7n5+fnM0NZKX5f29vbs7u9ld6ZHXJTq6uvg4ujn5+ff4ufd4OPV2d3b29y4v9OwudDGycyMmbtEWpLh4uLP1OLc3d7Jz93V1da8w9a6wdXNz9HJzNDKy8yjrsidp8CQnb13hqtuf6phc6RecaFXap010WsIAAAAZ0lEQVQI113ORw7EMAhA0WEILum993r/GyY2yiZ/9wRC/D4BhyjA6G8aly1kOU/yKhLxKkgL5fMsCiI4dRdbZc0se1LYWoW7rhQlorYaPE10IJS8KXOiFAVfmWIvX0G6rhE/AqbPlzeVkQSFlpxeQgAAAABJRU5ErkJggg==);
}

/* Fly-out */
.gan-categories-flyout .gan-categories-list li{
  position: relative;
  display: block;
  border-top: 1px solid #ccc;
}
.gan-categories-flyout .gan-categories-list li:first-child{
  border-top: 0;
}
.gan-categories-flyout .gan-categories-list li a{
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
.gan-categories-flyout .gan-categories-list ol{
  position: absolute;
  display: none;
  width: 210px;
  left: 100px;
  top: 5px;
  border: 1px solid #ccc;
  background: #fbfbfb;
  z-index: 999;
}
.gan-categories-flyout .gan-categories-list li:hover > ol{
  display: block;
}
.gan-categories-flyout .gan-categories-list ol li a{
  padding-left: 10px;
  padding-right: 10px;
}
.gan-categories-flyout .gan-categories-list ol li.parent > a{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAACVBMVEUAAABufoTQ2d2wVR0nAAAAAXRSTlMAQObYZgAAAB9JREFUeAFjgAImBjiLEcFixMpiQrAYESxGOAtI4AAACbEALGqz2CoAAAAASUVORK5CYII=) no-repeat 100% 100%;
}


/* Fly-out in right col */
.page-layout-3columns .sidebar-additional .gan-categories-flyout .gan-categories-list ol,
.page-layout-2columns-right .sidebar-main .gan-categories-flyout .gan-categories-list ol{
  left: auto;
  right: 100%;
}

/* Loader
-------------------------------------------------- */
.gan-loader{
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.gan-loader-content-in{
  width: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack          : center;
  -webkit-justify-content: center;
  justify-content        : center;
  -ms-flex-align     : center;
  -webkit-align-items: center;
  align-items        : center;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  padding: 10px;
  background: #fff;
  text-align: left;
  color: #000;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
  box-sizing: border-box;
  overflow: hidden;
}
.gan-loader-img{
  -webkit-flex: 0 0;
  -ms-flex    : 0 0;
  flex        : 0 0;
  margin-right: 10px;
}
.gan-loader-spinner-wrap{
  -webkit-flex: 0 0 65px;
  -ms-flex    : 0 0 65px;
  flex        : 0 0 65px;
  margin-right: 10px;
}
.gan-loader-spinner-wrap ~ .gan-loader-text{
  max-width: calc(100% - 75px);
}
.gan-loader-img img{
  max-width: none;
  vertical-align: top;
}
.gan-loader-img-right .gan-loader-img{
  -ms-flex-order: 10;
  -webkit-order : 10;
  order         : 10;
  margin-left: 10px;
  margin-right: 0;
}
.gan-loader-img-top,
.gan-loader-img-bottom{
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
}
.gan-loader-img-top .gan-loader-text,
.gan-loader-img-bottom .gan-loader-text{
  text-align: center;
}
.gan-loader-img-top .gan-loader-img,
.gan-loader-img-bottom .gan-loader-img{
  -webkit-flex: 0 0 100%;
  -ms-flex    : 0 0 100%;
  flex        : 0 0 100%;
  text-align: center;
  margin-right: 0;
}
.gan-loader-img-top .gan-loader-img{
  margin-bottom: 10px;
}
.gan-loader-img-bottom .gan-loader-img{
  -ms-flex-order: 10;
  -webkit-order : 10;
  order         : 10;
  margin-top: 10px;
}
.gan-loader-text{
  word-wrap: break-word;
  -webkit-flex: 1 1;
  -ms-flex    : 1 1;
  flex        : 1 1;
  font-size: 14px;
  font-weight: 700;
  max-width: 100%;
}
.gan-loader-spinner{
  stroke: #000;
  -webkit-animation: rotation 1.4s linear infinite;
  animation: rotation 1.4s linear infinite;
}
@-webkit-keyframes rotation{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes rotation{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
.gan-loader-spinner-circle{
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: turn 1.4s ease-in-out infinite;
  animation: turn 1.4s ease-in-out infinite;
}
@-webkit-keyframes turn{
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes turn{
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
body.ajax-loading .navigation,
body.ajax-loading .logo,
body.ajax-loading .block-search{
  position: static;
}

/* Small loadrer
-------------------------------------------------- */
.gan-product-loader{
  text-align: center;
  margin: 20px 0;
  font-size: 14px;
  font-weight: 700;
}
.gan-product-loader .gan-loader-spinner{
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  stroke: #000;
}

/* More button
-------------------------------------------------- */
.gan-more-button{
  display: none;
}

/* To top button
-------------------------------------------------- */
.gan-to-top-button{
  text-align: right;
  margin: 20px 0;
}

/* Tooltips
-------------------------------------------------- */
.gan-tooltip{
  position: relative;
}
.gan-tooltip-toggle{
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  padding-left: 3px;
  cursor: help;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 700;
  background: #fff;
  border: 1px solid #ccc;
  color: #519cde;
  border-radius: 100%;
  box-sizing: border-box;
}
.gan-tooltip-content{
  display: none;
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 30px;
}
.gan-tooltip-content-in{
  padding: 8px 20px 8px 8px;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  box-sizing: border-box;
}
.filter-options-title .gan-tooltip{
  position: absolute;
  top: 12px;
  right: 30px;
}
.gan-tooltip.__opened .gan-tooltip-content{
  display: block;
}
.gan-tooltip-close{
  color: #000;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  padding: 5px;
}
.gan-tooltip-text{
  color: #636363;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: normal;
  white-space: pre-wrap;
}
@media all and (max-width: 768px){
  .gan-tooltip-content{
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 30px;
  }
  .gan-tooltip-content-in{
    max-width: calc(100vw - 100px);
  }
}

/* Buttons
-------------------------------------------------- */
button.gan-custom-button{
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: none;
  border-radius: 5px;
  padding: 0 12px;
  color: #519cde;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 23px;
  box-sizing: border-box;
  text-transform: uppercase;
}


/* More/less & reset */
.filter-options-content a.gan_link_more,
.filter-options-content a.gan_link_more_less,
.filter-options-content a.gan_link_reset{
  cursor: pointer;
  clear: both;
  margin: 10px 0 0;
  padding: 0;
  background: none;
  display: block;
  color: #636363;
  text-decoration: none;
}
.filter-options-content a.gan_link_more:hover,
.filter-options-content a.gan_link_more_less:hover,
.filter-options-content a.gan_link_reset:hover{
  color: #3399CC;
}

.gan_link_more_less{
  display: none;
}


/* Swatch & color picker
-------------------------------------------------- */
.filter-options-content a.swatch-option-link-layered{
  background: none;
}

/* Vertical */
.swatch-attribute-options.gan-align-default .swatch-option-link-layered,
.swatch-attribute-options.gan-align-default .text_gan_swatch_button{
  display: block;
  margin-right: 0;
}
.swatch-attribute-options.gan-align-default .swatch-option-link-layered .swatch-option,
.swatch-attribute-options.gan-align-default .text_gan_swatch_button .swatch-option{
  float: none;
  margin-right: 0;
  max-width: 100%;
}
.swatch-attribute-options.gan-align-default .swatch-option-link-layered:after{
  content: '';
  clear: both;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

/* 2 cols */
.gan-filter-default.gan-align-2-columns .item,
.swatch-attribute-options.gan-align-2-columns .swatch-option-link-layered,
.swatch-attribute-options.gan-align-2-columns .text_gan_swatch_button{
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.swatch-attribute-options.gan-align-2-columns .swatch-option-link-layered .swatch-option,
.swatch-attribute-options.gan-align-2-columns .text_gan_swatch_button .swatch-option{
  float: none;
  max-width: 100%;
  margin-right: 0;
}
.gan-filter-default.gan-align-2-columns .item:nth-child(2n),
.swatch-attribute-options.gan-align-2-columns .swatch-option-link-layered:nth-child(2n),
.swatch-attribute-options.gan-align-2-columns .text_gan_swatch_button:nth-child(2n){
  padding-left: 5px !important;
}
.gan-filter-default.gan-align-2-columns .item:nth-child(2n+1),
.swatch-attribute-options.gan-align-2-columns .swatch-option-link-layered:nth-child(2n+1),
.swatch-attribute-options.gan-align-2-columns .text_gan_swatch_button:nth-child(2n+1){
  clear: both;
  padding-right: 5px !important;
}

/* Horizontal */
.gan-filter-default.gan-align-horizontally .item{
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.swatch-attribute-options.gan-align-horizontally .swatch-option-link-layered .swatch-option,
.swatch-attribute-options.gan-align-horizontally .text_gan_swatch_button .swatch-option{
  max-width: 100%;
}


/* 1 col shop by
-------------------------------------------------- */
body.page-layout-1column .filter-options-item{
  display: block;
  margin-right: 0;
  position: static;
  border-bottom: 1px solid #ccc;
}
body.page-layout-1column .filter-options-item.active:before,
body.page-layout-1column .filter-options-item.active:after{
  display: none;
}
body.page-layout-1column .filter-options-title{
  padding: 10px 50px 0 10px;
}
body.page-layout-1column .filter-options-content{
  background: none;
  border: 0;
  box-shadow: none;
  position: static;
  width: auto;
  padding: 10px;
}
body.page-layout-1column .filter-options-content .item:hover{
  background: none;
}
body.page-layout-1column .filter-subtitle{
  display: block;
}
body.page-layout-1column .filter-options-title:after{
  top: 12px;
  right: 13px;
  z-index: auto;
}