/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*standard classes*/
.ss-inline-child > * {
    display: inline;
}
.ss-inline-b-child > * {
    display: inline-block;
}
.ss-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1vw;
}
.ss-title .title-heading-left {
    font-weight: bold;
    font-size: 1.4vw;
}
.ss-prod-sec-title.sidebar-title {
    font-weight: bold;
    color: #fff;
    background: #00b0e5;
    padding: 1vw;
    border-radius: 0.7vw 0.7vw 0 0;
}
/*search bar*/
body.ss-standard-template #main .fusion-row {
    max-width: 100%;
}
body.ss-standard-template #main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
body.ss-standard-template{
    /* font-size: 1.3vw; */
}

.btn-pink-solid:hover {
    color: #fff;
}

body.ss-standard-template a:hover {
    text-decoration: none !important;
}
.ss-prod-search-cont{
    background-color: #f8f8f8;
    padding: 2vw 10vw;
}
.ss-prod-search-cont > div{
    display: inline-block;
}
.search-sec-left {
    width: 75%;
}
.search-sec-right {
    width: 23%;
    float: right;
}
.search-sec-left, .search-sec-right {
    background: #fff;
    padding: 1vw;
    border-radius: 1vw;
    box-shadow: 0vw 0vw 1vw -6px;
    -webkit-box-shadow: 0vw 0vw 1vw -6px;
    -moz-box-shadow: 0vw 0vw 1vw -6px;
    vertical-align: top;
}
body .search-box-title{
    font-size: 1.4vw;
}
body.image-listing  .search-box-title{
    font-size: 1.3vw;
}
form.ss-prod-search-form {
    /* width: 80%; */
    display: flex;
    align-items: center;
    /* align-content: center !important; */
    /* text-align: center; */
}
.ss-prod-search-bar {
    width: 65vw;
    position: relative;
}

.ss-prod-search-bar input[type="text"] {
    border-radius: 0.5vw;
    height: 3vw;
}

.ss-prod-search-bar input[type="submit"].search-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 5vw;
    height: 3vw;
    border-radius: 0 0.5vw 0.5vw 0;
    background-color: #e35f89;
    border: 0;
    cursor:pointer;
    background-image: url(../img/magnify-glass.png);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: center;
}
/* input[type="submit"].ss-prod-search-button{
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    height: 80%;
    border-radius: 0.5vw;
    background-color: #e35f89;
    border: 0;
    cursor:pointer;
    background-repeat: no-repeat;
    background-position: center;
    color:#fff;
}*/
.h-search-filters {
    width: 100%;
}

.h-search-filters > * {
    display: inline-block;
}
.h-search-filters > .form-group.filter-dd-link {
    width: 16%;
}
.h-search-filters > .form-group.filter-dd-link.operator-dd {
    width: 9%;
}

.form-group.filter-dd-link:not(:last-child) {
    margin-right: 1%;
}
.form-group.filter-dd-link select {
    border: 0;
}

.h-search-filters > .form-group.filter-dd-link select, .word-s select{
    width: 100%;
    height: 2.5vw;
    border-radius: 0.5vw;
}
input[type="submit"].ss-prod-search-button{
    padding: 0.38em 4vw;
    border-radius: 0.5vw;
    background-color: #e35f89;
    cursor:pointer;
    text-align: center;
    color:#fff;
    border: 0;
    width: 100%;
}

.word-s input[type="text"]{
    margin-bottom:1vw;
    height: 2.5vw;
    font-size: 1.18vw;
}
.word-s .ss-prod-search-bar input[type="submit"].search-icon{
    height: 2.5vw;
}
.word-s .filter-dd-link {
    margin-bottom: 0;
}
.ss-content-main-top {
    display: inline-flex;
    position: relative;
    /*width: 80%;*/
}
.ss-sidebar-content {
    width: 23%;
    display: inline-flex;
    padding-right: 0 !important;
    float: right;
}

.ss-content-left, .ss-content-right {
    /* width: 48%; */
    position: relative;
    display: inline;
}
span.btn-pill {
    padding: 0.5vw 1vw;
    border: 1px solid;
    border-radius: 12vw;
    font-size: 1.1vw;
    font-weight: normal;
    margin-right:1vw;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0.6vw;
}
span.btn-pill a {
    font-size: 1vw;
}
span.tags-pill {
    border: 1px solid #B7B7B7;
}

span.tags-pill a{
    color: #B7B7B7;
}

span.cats-pill {
    /*font-size: 1.1vw;*/
    border:0;
    font-weight: bold;
    color:#2ba3dc;
    background-color:#e9f6fb;
}

span.ss-suggest-tags {
    border-radius: 12vw;
    font-size: 1vw;
    background: #ccc;
    color: #fff;
    font-weight: normal;
    padding: 0.5vw 1vw;
    display: inline-block;
    cursor: pointer;
}
.ss-dwln-btn-cnt {
    padding: 1vw 0;
}
.ss-btn {
    border-radius: 0.5vw;
    font-size: 1.1vw;
    padding: 0.5vw 1.5vw;
    border: 1px solid;
}

.btn-pink-solid{
    background-color: #e35f89;
    color: #fff;
}

.btn-pink-outline{
    border: 1px solid #e35f89;
    color: #e35f89;
}
.ss-featured-image-cont, .ss-gallery-image-cont {
    border-radius: 1vw;
    text-align: center;
    padding: 0 2vw 0 0;
}
.ss-featured-image-cont img,.ss-gallery-image-cont img  {
    border: 1px solid #B7B7B7;
    border-radius: 1vw;
    width: 100%;
}
span.featured-image img {
    width: 100%;
}
.ss-content-middle {
    display: flex;
    justify-content: center;
}
.product-details-container {
    min-height: auto;
}
.ss-gallery-image-cont {
    width: 6vw;
    display: inline-block;
    padding: 0;
    margin-right: 1vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    cursor: pointer;
}
.ss-prod-gallery-cont {
    padding: 0 2vw 0 0;
}
body .ss-gallery-image-cont .gall-thumb-caption {
    font-size: 1vw !important;
}
.ss-main-content {
    padding: 1vw 10vw;
}

.ss-prod-search-filters label.radio-label {
    display: flex;
    font-weight: normal;
    font-size: medium;
    width: 100%;
}
.input-group.input-container {
    display: block;
    position: absolute;
    z-index: 1;
    background: #fff;
    border-radius: 1vw;
    padding: 1vw;
    width: 12vw;
    top: 3.5vw;
}

.ss-prod-search-filters {
    display: flex;
    position: relative;
    align-content: space-between;
    width: 25vw;
}
/*.ss-prod-search-filters .form-group {
    display: block;
    width: 40%;
    position: relative;
}*/

h2.sidebar-title {
    font-size: 2vw;
}
.sidebar-cat-cont li {
    list-style: none;
    padding-bottom: 0.5vw;
}
.sidebar-cat-cont li:hover a {
    color: #1db1e4;
}
.sidebar-cat-cont {
    width: 100%;
    border: 1px solid #B7B7B7;
    border-radius: 0.75vw;
}
.ss-prod-search-filters .filter-dd-link {
    width: 11.5vw;
    margin: 0 0 0 1vw;
}
.ss-prod-search-filters.h-search-filters .filter-dd-link {
    width: 17.5vw;
}

.form-group.filter-dd-link .filter-selected {
    background: #fff;
    padding: 0.5vw 1.5vw;
    border-radius: 0.5vw;
    width: 12vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/chevron-down.png) calc(101% - 10px) / 10px 6.1px no-repeat #fff;
    padding-right: 20px;
    cursor: pointer;
    font-size: 1.2vw;
    box-shadow: 0vw 0vw 1vw 0px;
    -webkit-box-shadow: 0vw 0vw 1vw 0px;
    -moz-box-shadow: 0vw 0vw 1vw 0px;
}
.form-group.filter-dd-link select {
    background: #fff;
    padding: 0.5vw 1vw;
    border-radius: 0.5vw;
    /*width: 12vw;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/chevron-down.png) calc(101% - 10px) / 10px 6.1px no-repeat #fff;
    padding-right: 20px;
    cursor: pointer;
    font-size: 1.1vw;
    box-shadow: 0vw 0vw 1vw 0px;
    -webkit-box-shadow: 0vw 0vw 1vw 0px;
    -moz-box-shadow: 0vw 0vw 1vw 0px;
    filter:drop-shadow(0 0 13.5px rgba(0,0,0,0.08))
    -webkit-filter:drop-shadow(0 0 13.5px rgba(0,0,0,0.08))
    -moz-filter:drop-shadow(0 0 13.5px rgba(0,0,0,0.08))
    -ms-filter:drop-shadow(0 0 13.5px rgba(0,0,0,0.08))
    -o-filter:drop-shadow(0 0 13.5px rgba(0,0,0,0.08));
}
.h-search-filters .filter-selected {
    width: 18vw;
}

.ss-content-left, .ss-content-right  {
    width: 30vw;
}

.ss-content-left.col-md-9 {
    padding: 0;
}
.ss-sidebar-content .ss-content-right {
    width: 35%;
}
/*.image-listing .ss-content-left {
    width: 75%;
    display: inline-flex;
    float: left;
}*/

.sidebar-cat-cont ul {
    padding-left: 1vw;
/*    height: 70vh;
    max-height: 100vh;*/
    position: relative;
    font-size: 1vw;
}
.ss-product p, .ss-product div, .ss-product * {
    font-size: 1.18vw;
}
.image-listing .ss-product p, .image-listing .ss-product div, .image-listing .ss-product * {
    font-size: 1.1vw;
}
.ss-product p.ss-prod-title {
    font-size: 2.5vw;
}
.ss-product p.ss-prod-listing-title {
    font-size: 2.1vw;
}
.sidebar-cat-cont li a {
    color: #353535;
}

/*related productrs listing*/

/*body.ss-standard-template .products li.product {
    border: 0;
    float: left !important;
    display: inline-block;
    width: 24%;
    margin-right: 1%;
}*/
ul.products,ul.ss-products  {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
body.ss-standard-template .products li.product {
    border: 0;
}
/*body.ss-standard-template .ss-related.products .ss-products.products-4-item li.ss-product {
    flex: 1 0 16vw;
    width: 16vw;
    height: 19vw;
}*/

body.ss-standard-template .ss-products.products-6-item {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}
body.ss-standard-template .ss-products.products-6-item.clearfix::before {
    display: none;
}

body.ss-standard-template .ss-products.products-6-item li.ss-product, body.ss-standard-template .ss-products.products-4-item li.ss-product {
    border: 0;
    display: inline-flex;
    flex-direction: column;
    background-color: #ffffff;
}
.ss-products.products-4-item span.featured-image img{
    width: 12.5vw;
}
/*body.ss-standard-template .products.products-4 li.product, body.ss-standard-template .ss-products.products-4 li.ss-product {
    flex: 1 0 24%;
    width: 24%;
}*/

/*body.woo-prod-tmplt.ss-standard-template .products.products-6-item li.product{
    flex: 1 0 15%;
    width: 15%;
}*/

body.ss-standard-template .ss-products.products-6-item .product-details-container {
    min-height: auto;
}

.products-4>li:nth-child(4n+1) {
    clear: both;
}
.products-6-item>li:nth-child(6n+1) {
    clear: both;
}

body.ss-standard-template .products li.product {
    border: 1px solid #B7B7B7;
    padding: 1vw;
    border-radius: 0.5vw;
}
body.ss-standard-template .ss-products.products-6-item li.ss-product {
    border: 2px solid rgba(235,233,233,0.42);
    /*padding: 0.5vw;*/
    border-bottom: 0;
}


body.ss-standard-template .product-title a {
    color: #000000;
}

body.ss-standard-template .product-title a:hover {
    color: #1db1e4;
}
.products-6-item .product-title {
    text-align: center;
    background: #ebe9e9;
    height: auto;
    min-height: 3vw;
    display: flex;
}
body.ss-standard-template .products-6-item .product-title a {
/*    color: #2ba3dc;*/
    font-weight: bold;
    font-size: 1.1rem !important;
    line-height: 1.3rem !important;
    text-align: center;
    margin: auto auto;
    padding: 0 0.3vw 0 0.3vw;
}
body.ss-standard-template .ss-products.products-6-item li.ss-product:empty {
    border: 0;
}

/*grammar starts*/
li.verbs .product-title {
    background-color: #D9F2E5;
/*    border: 2px solid #00a651;
    border-top: 0;*/
}

body.ss-standard-template .ss-products.products-6-item li.ss-product.verbs{
    /*background-color: #ffffff;*/
    border: 2px solid #00a651;
    /*border-bottom: 0;*/
}

li.adjectives .product-title {
    background-color: #D6E8F0;
/*    border: 2px solid #2AA1D8;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.adjectives{
    border: 2px solid #2AA1D8;
    /*border-bottom: 0;*/
}

li.prepositions .product-title, li.social-words .product-title, li.communication .product-title {
    background-color: #FAE2EA;
/*    border: 2px solid #E35F89;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.prepositions, body.ss-standard-template .ss-products.products-6-item li.ss-product.social-words, body.ss-standard-template .ss-products.products-6-item li.ss-product.communication{
    border: 2px solid #E35F89;
    /*border-bottom: 0;*/
}

li.pronouns .product-title, li.people .product-title{
    background-color: #FEF9E5;
/*    border: 2px solid #F2C703;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.pronouns, body.ss-standard-template .ss-products.products-6-item li.ss-product.people{
    border: 2px solid #F2C703;
    /*border-bottom: 0;*/
}

li.nouns .product-title {
    background-color: #FDEAD2;
/*    border: 2px solid #F7931D;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.nouns{
    border: 2px solid #F7931D;
    /*border-bottom: 0;*/
}

li.conjunctions .product-title {
    background-color: #FFFFFF;
/*    border: 2px solid #F0F0F0;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.conjunctions{
    border: 2px solid #F0F0F0;
    /*border-bottom: 0;*/
}

li.negation .product-title, li.emergency-words .product-title {
    background-color: #FFE4E5;
/*    border: 2px solid #FF595F;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.negation, body.ss-standard-template .ss-products.products-6-item li.ss-product.emergency-words{
    border: 2px solid #FF595F;
    /*border-bottom: 0;*/
}

li.places .product-title, li.questions .product-title{
    background-color: #F2E8F2;
/*    border: 2px solid #A763A8;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.places, body.ss-standard-template .ss-products.products-6-item li.ss-product.questions{
    border: 2px solid #A763A8;
    /*border-bottom: 0;*/
}

li.determiners .product-title{
    background-color: #F6F6F6;
/*    border: 2px solid #898989;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.determiners{
    border: 2px solid #898989;
    /*border-bottom: 0;*/
}

li.adverbs .product-title{
    background-color: #BB9A80;
/*    border: 2px solid #977153;
    border-top: 0;*/
}
body.ss-standard-template .ss-products.products-6-item li.ss-product.adverbs{
    border: 2px solid #977153;
    /*border-bottom: 0;*/
}



.ss-img-cont img.verbs , body.ss-standard-template .products li.product.verbs, .ss-related li a.product-images.verbs{
    border: 2px solid #00a651;
}

.ss-img-cont img.adjectives , body.ss-standard-template .products li.product.adjectives, .ss-related li a.product-images.adjectives{
    border: 2px solid #2AA1D8;
}

.ss-img-cont img.prepositions , body.ss-standard-template .products li.product.prepositions, .ss-related li a.product-images.prepositions, .ss-img-cont img.social-words , body.ss-standard-template .products li.product.social-words, .ss-related li a.product-images.social-words, .ss-img-cont img.communication , body.ss-standard-template .products li.product.communication, .ss-related li a.product-images.communication{
    border: 2px solid #E35F89;
}

.ss-img-cont img.pronouns , body.ss-standard-template .products li.product.pronouns, .ss-related li a.product-images.pronouns, .ss-img-cont img.people , body.ss-standard-template .products li.product.people, .ss-related li a.product-images.people{
    border: 2px solid #F2C703;
}

.ss-img-cont img.nouns , body.ss-standard-template .products li.product.nouns, .ss-related li a.product-images.nouns{
    border: 2px solid #F7931D;
}

.ss-img-cont img.conjunctions , body.ss-standard-template .products li.product.conjunctions, .ss-related li a.product-images.conjunctions{
    border: 2px solid #F0F0F0;
}

.ss-img-cont img.negation , body.ss-standard-template .products li.product.negation, .ss-related li a.product-images.negation, .ss-img-cont img.emergency-words , body.ss-standard-template .products li.product.emergency-words, .ss-related li a.product-images.emergency-words{
    border: 2px solid #FF595F;
}

.ss-img-cont img.places , body.ss-standard-template .products li.product.places, .ss-related li a.product-images.places, .ss-img-cont img.questions , body.ss-standard-template .products li.product.questions, .ss-related li a.product-images.questions{
    border: 2px solid #A763A8;
}

.ss-img-cont img.determiners , body.ss-standard-template .products li.product.determiners, .ss-related li a.product-images.determiners{
    border: 2px solid #898989;
}

.ss-img-cont img.adverbs , body.ss-standard-template .products li.product.adverbs, .ss-related li a.product-images.adverbs{
    border: 2px solid #977153;
}
.ss-related .product-title {
    border: 0 !important;
    background: transparent !important;
    padding-left: 1vw;
}
.ss-related li a.product-images {
    border: 1px solid #ccc;
    margin: 1vw;
    border-radius: 1vw;
    padding: 1vw;
    height: calc(100% - 2vw);
}
a.product-images {
    text-align: center;
    padding: 1vw;
}
/*grammar ends*/

.products-6-item li.ss-product:not(:nth-child(6n)) {
    margin-right: 1%;
}
/* Customize the label (the container) */
.radio-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.radio-label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.radio-label input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radio-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.radio-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.download-counter .blue-bold-text {
    font-size: 1.6vw;
}
.blue-bold-text {
    font-weight: 600;
    color: #1db1e4;
}

/*sounds filter dropdown*/
/*box-shadow: 0vw 0vw 1vw -3px;
border: 0;
border-radius: 0.3vw;*/

/*pagination starts*/
.ss-pagination {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 1vw 0 0 0;
    padding: 0;
}
.ss-pagination.small-pagination {
    justify-content: flex-start;
}
body.ss-standard-template .ss-pagination .page-numbers {
    display: inline-flex;
    border: 1px solid #2ba3dc;
    /* width: 2.2vw; */
    text-align: center;
    padding: 0 0.5vw;
}
body.ss-standard-template .ss-pagination span.page-numbers.current {
    color: #fff;
    background: #2ba3dc;
    border-color: #2ba3dc;
}
body.ss-standard-template .ss-pagination .page-numbers:not(:last-child) {
    margin-right: 0.5vw;
}
body.ss-standard-template .ss-products.products-6-item li.ss-product img {
    width: 8.06vw;
}

#menu-footer-menu li#menu-item-log-logout a {
    height: auto !important;
}

#menu-footer-menu li#menu-item-log-logout a span {border: 0 !important;color: #fff !important;padding-left: 0 !important;text-align: left;}


/*pagination ends*/

@media only screen and (min-width: 1081px) {
    body #main .fusion-row, body #slidingbar-area .fusion-row, body .fusion-footer-widget-area .fusion-row, body .fusion-header-wrapper .fusion-row, body .fusion-page-title-row, body .layout-boxed-mode.side-header #boxed-wrapper, body .layout-boxed-mode.side-header #slidingbar-area .fusion-row, body .layout-boxed-mode.side-header .fusion-footer-parallax, body .layout-boxed-mode.side-header>#lang_sel_footer, body .tfs-slider .slide-content-container .slide-content {
        max-width: 92vw;
    }

    body .container.header-bottom-bar {
        width: 92vw;
    }

    .ss-top-content.ss-prod-search-cont {
        padding: 2vw 4vw;
    }

    .ss-main-content {
        padding: 2vw 4vw;
    }
}
.form-group.filter-dd-link.syllabels-checkbox-cont > * {
    display: inline-flex;
}

.h-search-filters > .form-group.filter-dd-link.submit-cont {
    width: 26%;
}

.form-group.filter-dd-link.syllabels-checkbox-cont > * {
    display: inline-flex;
}

.h-search-filters > .form-group.filter-dd-link.submit-cont > div {
    margin-right: 0;
}

input.checkbox-onec {
    width: 1vw;
    margin-top: 0;
}

.syllabels-opt-cont > * {
    height: 1vw;
    line-height: 1vw;
}

.syllabels-opt-cont > label {
    margin: 0 0.3vw 0 0.1vw;
}
.form-group.filter-dd-link.syllabels-checkbox-cont {
    background: #FFF;
    padding: 0.2vw !important;
    border-radius: 0.2vw;
}

.cart-loading {
    display: none;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}