/*
 Theme Name:   Schoolcraft Theme
 Theme URI:    http://wooexperts.com/
 Description:  Schoolcraft Theme
 Author:       Vikram S
 Author URI:   http://wooexperts.com/
 Version:      1.0
 Text Domain:  schoolcraft
*/

html {
 overflow-y:scroll;
 height: 100%;
}

.cr-prev, .cr-next{
 cursor:pointer;
}
.last-footer{
 margin-top: 30px;
}
a.product-link-loop img, img.side-thumb,.slick-slide > img,.slick-slide> a > img{
 border: 1px solid #333333;
}

.woocommerce .star-rating{
 width: 5.7em!important;
}

.blue-star-rating > .star-rating span:before{
 color:#33669B!important;
}
.blue-star-rating{
 margin-bottom:0!important;
}

.Macos > .star-rating {
 width: 5.4em!important;
}

.star-rating {
 float: right;
 overflow: hidden;
 position: relative;
 height: 1.5em!important;
 line-height: 1em;
/* font-size: 1em;*/
 width: 5.7em;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.star-rating:before {
 content: "\2606\2606\2606\2606\2606";
 color: #e0dadf;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 letter-spacing: 0.1em;
 font-family: "star";
/* font-size: 1.2em;*/
}
.star-rating span {
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
 font-family: "star";
/* font-size: 1.2em;*/
}
.star-rating span:before {
 content: "\2605\2605\2605\2605\2605";
 top: 0;
 position: absolute;
 left: 0;
 letter-spacing: 0.1em;
 color: #FF7600;
}

.scraft-rating > .star-rating,
.schoolcraft-widgets > .janda-div-absolute > .star-rating {
 display: block;
 float: none;
 margin: 0 auto;
 width: 4.7em;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
 ::i-block-chrome, .schoolcraft-widgets > .janda-div-absolute > .star-rating,
 ::i-block-chrome, .slick-slide > .scraft-rating > .star-rating {
  width: 5.4em!important;
 }
 ::i-block-chrome, .scraft-rating > .star-rating{
  width: 5.7em!important;
 }
}



.hreview-aggregate .star-rating,
.woocommerce-page .hreview-aggregate .star-rating {
 margin: 10px 0 0 0;
}

.schoolcraft-widgets > .janda-div-absolute > .star-rating{
 float:left;
}

.schoolcraft-widgets > .janda-div-absolute > .janda-text > a,.schoolcraft-widgets > .janda-div-absolute > .janda-text > a:hover{
 text-decoration: none!important;
 color:inherit;
}

.schoolcraft-widgets-parent-link {
  display: block;
}

.schoolcraft-widgets-parent-link .janda-text {
  color: #337ab7;
}

.schoolcraft-widgets-parent-link:hover .janda-text {
  color: #23527c;
  text-decoration: underline;
}

.janda-text{
 -moz-hyphens:auto;
 -ms-hyphens:auto;
 -webkit-hyphens:auto;
 hyphens:auto;
 -o-hyphens: auto;
 word-wrap:break-word;
}

/* Review Comment Box */
#reviews > #comments > ol.commentlist{
  padding-left:0;
}

#reviews > #comments > ol.commentlist li .comment-text{
 margin:0!important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text{
 border: none;
}

#reviews > #comments > ol.commentlist > li > .comment_container{
 background:#fff;
 border-radius: 24px;
 border: 1px solid #fff;
}

#reviews > #comments > ol.commentlist > li > ul.children > li > .comment_container{
 background:#fff;
 border-radius: 24px;
 border: 1px solid #fff;
}

#reviews > #comments > ol.commentlist > li > ul.children > li > .comment_container > .comment-text > .description {
 padding-bottom:15px;
}

.woocommerce #reviews #comments ol.commentlist ul.children {
 margin: 20px 0 0 0!important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
 color: #F77600;
 font-size: 1.3em!important;
 font-style: italic;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p{
 margin:0!important;
}
#reviews > #comments > ol.commentlist > li > .comment_container > .comment-text > .description {
 margin-bottom:1em!important;
}

#reviews > #comments > ol.commentlist > li > .comment_container > .comment-text > .description > p {
 font-size: 1.2em;
}

#review_form > .review-sep{
 border-bottom: 2px solid #33669B;
 margin-bottom: 15px;
}

#review_form > #respond > h3#reply-title{
 text-align: center;
 color:#33669B;
}

#commentform > p{
 width: 100%;
 display:block;
}

#commentform > p > label{
 width: 30%;
 display: inline-block;
 font-weight: normal;
 font-size: 16px;
 text-align: right;
 padding-right: 10px;
 vertical-align: top;
}
#commentform{
 margin-top: 20px;
}
#commentform > p > p.stars, #commentform > p > input[type="text"], #commentform > p > input[type="email"], #commentform > p.comment-form-comment > textarea#comment{
 width: 65%;
 display: inline-block;
}

p.comment-form-comment > textarea{
 border:none;
}

#commentform > p.form-submit{
 text-align: right;
}

#commentform > p.form-submit > #submit, #commentform > p.form-submit > #submit:hover{
 background:#33669B;
 color: #ffffff;
 padding: 12px 50px;
 font-size: 1.3em;
 font-weight: normal;
 margin-right: 5%;
}

#commentform input[type="text"], #commentform input[type="email"]{
 height: 2.5em!important;
 border: #fff 1px solid!important;
}

.product-tab-content p, .product-tab-content p ul, .product-tab-content ul {
 font-size: 16px;
}
 /* End Review Comment Box */



/*Start Page CSS*/

#crafter-page h1, #crafter-page h2, #crafter-page h3, #crafter-page h4, #crafter-page h5 {
 color: #33669b;
 font-weight: bold;
 margin-bottom: 7px;
 padding-left: 20px;
}

#crafter-page strong {
 color: #33669b;
 font-weight: bold;
 margin-bottom: 7px;
}

#crafter-page > p:nth-child(1){
 margin-top: 50px;
}

#crafter-page > p {
 padding-bottom: 20px;
 font-size: 16px;
 line-height: 20px;
 padding-left: 20px;
 padding-right: 20px;
}

#crafter-page h5 {
 color: #33669b;
 font-weight: bold;
 font-size: 18px;
 margin-bottom: 7px;
}

#crafter-page .blue-text-block {
 margin: 0;
 background-color: #dfe8ef;
 border-radius: 10px;
 padding-left: 30px;
 padding-right: 40px;
 padding-bottom: 18px;
 padding-top: 15px;
 margin-top: 20px;
 margin-bottom: 20px;
}

#crafter-page .blue-text-block p {
 color: #4f4f4f;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
}

.blue-text-block p, .orange-text-block p{
 padding-left: 20px;
}


#crafter-page .orange-text-block {
 background-color: #ffe5ce;
 margin-top: 20px;
 margin-bottom: 20px;
 border-radius: 10px;
 padding-left: 30px;
 padding-right: 40px;
 padding-bottom: 18px;
 padding-top: 15px;
}

#crafter-page ul li{
 font-size: 15px;
 line-height: 1.2;
}

#crafter-page ul{
 list-style: none;
}
#crafter-page ul li:before{
 content: "";
 border-color: transparent #33669b;
 border-style: solid;
 border-width: 0.45em 0 0.45em 0.55em;
 display: block;
 height: 0;
 width: 0;
 left: -1em;
 top: 1.01em;
 position: relative;
}

#crafter-page .text-sep{
 border-bottom: 2px solid #F77600;
 margin: 30px 0;
}


#single-product-woocommerce_related_products-2 > .top-1{
 background-color:#33669b!important;
 color: #fff!important;
}
#single-product-woocommerce_related_products-2, #single-product-woocommerce_related_products-2 > .inner-im-text{
 background-color: #dfe8ef!important;
}



/*End Page CSS*/


/*Start CSS From Old Theme*/

#app_product > p.cart{
 padding:0;
 margin:0;
}

#product_msg > .item-message{
 color: #33669B;
 font-size: 1.2em;
}

.scraft-meta-section{
 margin-top:20px;
}
a.craftlink{
 text-decoration: none;
}
/*.opened-tab{ display:block; }
.closed-tab{ display:none; }*/
/*End CSS From Old Theme*/


/*Tool Tip CSS*/
#product_msg{ padding:10px 0 0 0; }
.item-message{font-weight: bold; }

[data-tooltip] {
 position: relative;
 z-index: 2;
 cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
 visibility: hidden;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
 position: absolute;
 bottom: 50%;
 left: 25%;
 margin-bottom: 5px;
 margin-left: -110px;
 padding: 7px;
 width: 80%;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background-color: #33669B;
 color: #fff;
 content: attr(data-tooltip);
 text-align: center;
 font-size: 14px;
 line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
 position: absolute;
 bottom: 50%;
 left: 25%;
 margin-left: -55px;
 width: 0;
 border-top: 5px solid #33669B;
 border-top: 5px solid #33669B;
 border-right: 5px solid transparent;
 border-left: 5px solid transparent;
 content: " ";
 font-size: 0;
 line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
 visibility: visible;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity: 1;
}
/*End Tool Tip CSS*/


/* WordPress Core */
.alignnone {
 margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
}

.alignright {
 float:right;
 margin: 5px 0 20px 20px;
}

.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}

a img.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}

a img.alignnone {
 margin: 5px 20px 20px 0;
}

a img.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}

a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto
}

.wp-caption {
 background: #fff;
 border: 1px solid #f0f0f0;
 max-width: 96%; /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
}

.wp-caption.alignnone {
 margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
 margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
 margin: 5px 0 20px 20px;
}

.wp-caption img {
 border: 0 none;
 height: auto;
 margin: 0;
 max-width: 98.5%;
 padding: 0;
 width: auto;
}

.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
}

.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 color: #21759b;
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000; /* Above WP toolbar. */
}

/* End WordPress Core */

@media (max-width: 980px){
 .container {
  width: 95%!important;
 }
}


/* UPDATES */
#product_msg > .item-message > .triangle-right{
 margin-top: 7px;
}

.cr-container > .slick-list > .slick-track > .slick-slide > h4 > a{
 color:inherit;
 text-decoration:inherit;
}

.cr-container > .slick-list > .slick-track > .slick-slide:hover > h4,
.cr-container-l > .slick-list > .slick-track > .slick-slide:hover > h4{
 color: #ff7600;
 text-decoration:underline;
}

.scrafter-product:hover > h4 > a.top-title{
 color: #ff7600;
 text-decoration:underline;
}

.second-row-first {
 margin-top: 30px!important;
}

a.top-title,a.top-title:hover{
 color:#535a62;
 text-decoration:none;
}

.cr-main:first-of-type{
 margin-top:0!important;
}

.cr-main{
 margin-top:23px!important;
}

.cr-container{
 margin-bottom:0!important;
}

#single_product_tab, #single_product_tab:hover{
 background:#bbd1e3!important;
 cursor:default;
 color: #33669b;
}

#s::-webkit-input-placeholder {
 color:#BDBDBD;
}
#s::-moz-placeholder {
 color:#BDBDBD;
} /* firefox 19+ */
#s:-ms-input-placeholder {
 color:#BDBDBD;
} /* ie */
#s:-moz-placeholder {
 color:#BDBDBD;
}

#pp_pic_holder{
 top:15px!important;
}

.wcp-img-nav{
  margin-bottom:0!important;
}

#menulist{
 overflow: hidden;
 text-overflow: '';
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: #fff url("images/button_dropdownmenu_normal.png") no-repeat scroll 95% center;
 background-position-x:95%;
 cursor: pointer;
}

.notfound{
 text-align: center;
 font-size: 26px;
 color: #2E5C8D;
 margin: 50px 0;
}

.home-template{
 padding-bottom:20px!important;
}


@media(max-width:767px){

 .plus-left .next-product-link{
    padding-left:10px!important;
 }

}

.subtitle{
 font-weight: bold;
 color: #4f4f4f;
}

.cr-container > .slick-list > .slick-track,
.cr-container-l > .slick-list > .slick-track{
 padding: 7px 5px 0 0;
}

h4.font_large{
 font-size:16px;
}

.cr-container-l .ribbon {
 right: -13px;
}
.cr-container .ribbon {
 right: -12px;
 top: -7px!important;
}

.ribbon > .banner > .text::before{
  border: 2px solid #fff;
 border-right: none;
}
.ribbon > .banner > .text::after{
 border: 2px solid #fff;
 border-left: none;
}


.slick-track > .slick-slide{
 text-align:center;
}


.cr-container .slick-track > .slick-slide .himg{
 display: inline-block;
 position: relative;
}

.scrafter-product{
 text-align:center;
}

.scrafter-product > a > .himg{
 display: inline-block;
 position: relative;
}

.scrafter-product > a > .himg > .ribbon{
 top: -7px !important;
 right: -13px;
}

@media(min-width:768px) {

 .cr-container .slick-track > .slick-slide .himg {

 }

 .scrafter-product > a > .himg {
  width: 100%;
 }

}

nav.woocommerce-pagination > ul.page-numbers > li:before{
 display:none!important;
}

#wcp-gallery-images > .row,
a.product-link-loop > .product-loop-in,
div.himg {
 position:relative;
}

div.himg > .package-installed,
.product-loop-in > .package-installed{
 position: absolute;
 left: 1px;
 bottom: 1px;
 z-index: 99;
 overflow:hidden;
}

div.himg-large > .package-installed > img,
#wcp-gallery-images .package-installed > img{
    width:64px;
    border:none;
}

div.himg-small > .package-installed > img,
.scrafter-product .package-installed > img{
 width:38px;
 border:none;
}

#wcp-gallery-images .package-installed{
 position: absolute;
 left: 16px;
 bottom: 16px;
 z-index: 99;
 overflow:hidden;
}

a.product-link-loop > .product-loop-in > .ribbon{
 right: -13px;
}

.hide-installed{
 display:none!important;
}

.products-orderby > span > span > select#menulist{
  width:280px;
}