/*
Theme Name:     Herald Child
Theme URI:      https://mekshq.com/theme/herald/
Description:    Child theme for the Herald theme
Author:         meks
Author URI:     https://mekshq.com
Template:       herald
Version:        0.1.0
*/

.sf_clear{ clear: both; }

/* Task #2 */
.sf_quiz {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.sf_quiz button {
    float: right;
}
.sf_quiz h3 {
    font-size: 18px;
}
p.sf_quiz_q {
    text-align: left;
}
.sf_quiz ul {
    list-style: none;
	padding-left:0px;
}
.sf_quiz ul li{
	margin-bottom: 0px !important;
    padding: 10px;
}
.sf_quiz li p {
    float: left;
    width: 80%;
    text-align: left;
    padding-left: 15px;
	margin-bottom: 0px !important;
}
.sf_quiz li input{
}
.sf_quiz li:nth-child(odd) {background: #CCC}
.sf_quiz li:nth-child(even) {background: #FFF}

.sf_quiz ul li span{ visibility:hidden; }
.sf_incorr{
	background: url(images/sad_happy.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background-size: 60px;
    background-position: right;
}
.sf_corr{
	background: url(images/sad_happy.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background-size: 60px;
    background-position: left;
}

@media only screen and (max-width: 780px){
	.sf_quiz{ width: 100%; }
}
/* End task #2 */

.meta-item.sf_poll_icon{
	background: url(images/sf_icons.png) no-repeat;
    width: 18px;
    height: 20px;
    background-size: 35px;
    background-position: left;
}

/* .category-features .meta-item.sf_poll_icon, */
/* .category-features .meta-item.sf_quiz_icon, */
.herald-ovrld .entry-meta .meta-item.sf_quiz_icon,
.herald-ovrld .entry-meta .meta-item.sf_poll_icon,
.herald-fa-wrapper .entry-meta .meta-item.sf_quiz_icon,
.herald-fa-wrapper .entry-meta .meta-item.sf_poll_icon{
	background-image: url(images/sf_icons_white.png);
}

.meta-item.sf_quiz_icon{
	background: url(images/sf_icons.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 32px;
    background-position: -17px 1px;
}

a.sf_button {
    padding: 10px 20px !important;
    background: #0288d1;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    width: auto !important;
    font-family: 'Open Sans' !important;
    color: #000 !important;
    border-radius: 20px !important;
	border: 1px solid gray;
}

/* Teacher page */
/* .sf_pupil_email{ display: none; } */
.sf_pupil_list_detail ul{ list-style: none; }
.sf_pupil_cont ul {
    list-style: none;
    padding-left: 0px !important;
}
.sf_pupil_cont ul li {
    display: inline-block;
    width: 15%;
}
.sf_pupil_cont ul li input[type="text"] {
    width: 97%;
}

ul.sf_select_all_checkbox {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 10px;
    width: 250px;
    float: right;
}
.sf_select_all_checkbox li {
    display: inline-block;
}
.sf_save_all {
    clear: both;
}
a#sf_saveall {
    float: right;
    margin-top: 30px;
    padding: 10px 20px;
    background-color: lightblue;
    color: #000;
}
ul.sf_ul {
    list-style: none;
    padding-left: 0px;
    margin: 0px !important;
	clear: both;
}
.sf_ul li {
    display: block;
    text-align: center;
    float: left;
    padding: 5px;
	margin-bottom: 0px !important;
}
li.sf_row_1 {
    width: 20%;
}
li.sf_row_2 {
    width: 9%;
}
li.sf_row_3 {
    width: 12%;
}
li.sf_row_4 {
    width: 34%;
    text-align: left;
}
li.sf_row_5 {
    width: 7%;
}
li.sf_row_6 {
    width: 10%;
}
li.sf_row_7 {
    width: 8%;
}

.sf_row_4 span {
    display: block;
    border: 1px solid cornflowerblue;
    padding: 2px 5px;
    width: 145px;
    text-align: center;
    border-radius: 6px;
    color: green;
    margin-top: 15px;
}

.sf_pupil_comment_row >li {
    width: 100%;
    display: block;
}
.sf_title_row li {
    background: orange;
    font-weight: bold;
    padding: 10px 5px;
    border: 1px solid gray;
}
.sf_pupil_comment_row >li:nth-child( odd ),
.sf_pupil_cont >li:nth-child( odd ) {
    background: lightgray;
}

ul.page-numbers {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.page-numbers li {
    display: inline-block;
    padding: 5px;
}
.sf_classes {
    width: 320px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
.page-id-1808 h3, .gform_title{ font-size: 17px; }
.page-id-1808 p {
    margin-bottom: 5px !important;
}
.sf_cl_content div {
    width: 300px;
    margin: auto;
}
input#sf_create_class, input#sf_transfer_class {
    width: 200px;
}
div#gform_wrapper_2 {
    width: 400px;
    margin: auto;
	margin-top: 140px;
}
select#class_code {
    width: 200px;
    margin-left: 10px;
    margin-right: 10px;
}
.sf_pupil_list_detail form {
    width: 410px;
    float: right;
}
.sf_pupil_list_detail ul.sf_pupil_cont {
    clear: both;
    display: block;
    padding: 40px 0px 0px !important;
}
ul.sf_teacher_label {
    background: orange;
}
.sf_teacher_label >li {
    font-weight: bold;
    padding: 9px 14px;
}
.sf_pupil_cont li {
    margin-bottom: 0px !important;
}
.sf_pupil_cont >li >ul {
    margin: 0px !important;
    padding: 10px !important;
}

/* teacher-page/pupils-list */
li.sf_pp_list {
    border: 1px solid gray;
}
.sf_pupil_cont ul li label {
    font-size: 12px;
}
@media only screen and (max-width:805px){
	.sf_title_row li {
		padding: 10px 3px;
		font-size: 13px;
	}
}
@media only screen and (max-width:795px){
	.sf_pupil_cont ul li {
		display: inline-block;
		width: 100%;
		padding: 5px;
	}
	.sf_pupil_cont ul li input[type="text"] {
		width: 100%;
	}
}
@media only screen and (max-width:768px){
	.sf_pupils_comment_list .sf_title_row{ display: none; }
	.sf_pupils_comment_list .sf_ul li {
		width: 100%;
		text-align: left;
	}
	ul.sf_select_all_checkbox{ width: 100% !important; }
	.sf_pupils_comment_list .sf_ul li label,
	.sf_select_all_checkbox label{ 
		display: inline-block !important;
        margin-right: 5px; 
	}
	.sf_pupils_comment_list li.sf_row_2 {
		font-size: 11px;
	}
	.sf_row_5 label {
		border-top: 1px solid gray;
		width: 50%;
	}
}
/* teacher-page/pupils-list */

/* Teacher page */

.sf_pupil_view_comment img {
  width: 45px;
  float: left;
}
.sf_pupil_view_comment, .sf_pupil_view_comment ul {
  list-style: none;
  padding-left: 0px !important;
}
.sf_pupil_view_comment ul {
  margin-left: 65px;
  margin-bottom: 50px !important;
}

div#gform_wrapper_3{ display: none; }

.sf_author .mycred-users-badges {
  display: inline-block;
}
.the-badge.vertical.earned {
  display: inline-block !important;
}
.mycred-badge-image {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  margin-right: 5px;
}
.starform1 {
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.starform1:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}
.starform1:not(:checked) > label {
    float: right;
    width: 1em;
    padding: 0 0.1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 22px;
    line-height: 1.2;
    color: #ddd;
    text-shadow: 1px 1px #bbb, 2px 2px #666, 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}
.starform1:not(:checked) > label:before {
    content: '★ ';
}
.starform1 > label.sf_star_active {
    color: gold;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}

/* Moderator */
.col_cm {width: 33%;float: left;padding: 3px 0px;}
.col_cm.cm_1 {min-width: 70px;}
.col_cm.cm_3 {min-width: 70px;}
.col_cm.cm_2 {min-width: 100px;}
.main_cm {display: block;width: 100%;max-width: 310px;margin-bottom: 10px; margin: 0 auto;}
.sf_update_btn {margin-top: 10px;text-align: right; margin-right: 15px;}
.sf_update_btn input{background-color: #c2d69b;border-color: #c2d69b;color: #fff;padding: 10px;border-radius: 5px;}
.cm_body,.cm_title {border-top: 1px solid #c2d69b;border-left:1px solid #c2d69b;display:  block;float: left;border-right: 1px solid #c2d69b;width: 100%;}
.cm_body {border-bottom: 1px solid #c2d69b;}
.main_cm > div:not(.allcm_msg) {width: 100%;display: block;}
.cm_body .col_cm {text-align: center;}
.cm_title .col_cm {text-align: center;font-weight:  bold;}
.col_item {float: left;width: 100%;border-top: 1px solid #c2d69b;}
.col_cm.cm_1, .col_cm.cm_2 {border-right: 1px solid #c2d69b;}
.col_item:nth-child(2n+1) {background-color: #eaf1dd;}
span.cm_action {font-family: dashicons;overflow: hidden;position: relative;
    cursor: pointer;width: 20px;height: 15px;box-sizing: content-box;display: inline-block;line-height: 18px;background-color: transparent !important;}
span.cm_action.cm_edit:before {content: "\f111";font-family: dashicons;margin-right:  10px;}
/*span.cm_action.cm_fixed{display: none;}*/
span.cm_action.cm_fixed:before {content: "\f147";font-family: dashicons;margin-right:  10px;font-size: 22px;}
.main-modal,.main-confirm {
    display: none;position: fixed;z-index: 9999;left: 0;
    top: 0;width: 100%;height: 100%;overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.modal-content{background-color: #fefefe;margin: 15% auto;padding: 0px 20px;border: 1px solid #888;width: 80%;max-width: 350px; position:relative; }
.main-confirm.sf_fulltime .confirm-content {background-image: url('/wp-content/plugins/plugin-calvin/asset/img/cm_error.png');background-position:5px 25px;background-size: 35px;}
.confirm-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;max-width: 290px;text-align: center;background-image: url('images/new_qs.jpg');background-size: 70px;background-repeat: no-repeat;background-position: 15px 40px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.main_cm .button_logout {
    margin-top: 50px;
}
.sf_update_cm .sf_update_btn .cm_update,
.sf_update_cm .sf_update_btn .cm_cancel,
input.btn_cmitem {
    cursor: pointer;
    display: inline-block;
    padding: 7px 0px;
    /*background: rgba(179,220,237,1);
    background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(33%, rgba(41,184,229,1)), color-stop(96%, rgba(51,121,199,1)), color-stop(100%, rgba(52,117,197,1)));
    background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#3475c5', GradientType=0 );*/
    background: #e8d000; /* Old browsers */
    background: -moz-linear-gradient(top, #e8d000 0%, #f29200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e8d000 0%,#f29200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e8d000 0%,#f29200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8d000', endColorstr='#f29200',GradientType=0 ); /* IE6-9 */
    color: #fff;
    width: 100px;
    font-size: 15px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #F29200;
    /*1px solid #3475c5;*/
    font-weight: bold;
}




.col_cm {width: 33%;float: left;padding: 3px 0px;}
.col_cm.cm_1 {min-width: 70px;}
.col_cm.cm_3 {min-width: 70px;}
.col_cm.cm_2 {min-width: 100px;}
.main_cm {display: block;width: 100%;max-width: 310px;margin-bottom: 10px; margin: 0 auto;}
.sf_update_btn {margin-top: 10px;text-align: right; margin-right: 15px;}
.sf_update_btn input{background-color: #c2d69b;border-color: #c2d69b;color: #fff;padding: 10px;border-radius: 5px;}
.cm_body,.cm_title {border-top: 1px solid #c2d69b;border-left:1px solid #c2d69b;display:  block;float: left;border-right: 1px solid #c2d69b;width: 100%;}
.cm_body {border-bottom: 1px solid #c2d69b;}
.main_cm > div:not(.allcm_msg) {width: 100%;display: block;}
.cm_body .col_cm {text-align: center;}
.cm_title .col_cm {text-align: center;font-weight:  bold;}
.col_item {float: left;width: 100%;border-top: 1px solid #c2d69b;}
.col_cm.cm_1, .col_cm.cm_2 {border-right: 1px solid #c2d69b;}
.col_item:nth-child(2n+1) {background-color: #eaf1dd;}
span.cm_action {font-family: dashicons;overflow: hidden;position: relative;
    cursor: pointer;width: 20px;height: 15px;box-sizing: content-box;display: inline-block;line-height: 18px;background-color: transparent !important;}
span.cm_action.cm_edit:before {content: "\f111";font-family: dashicons;margin-right:  10px;}
/*span.cm_action.cm_fixed{display: none;}*/
span.cm_action.cm_fixed:before {content: "\f147";font-family: dashicons;margin-right:  10px;font-size: 22px;}
.main-modal,.main-confirm {
    display: none;position: fixed;z-index: 9999;left: 0;
    top: 0;width: 100%;height: 100%;overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.modal-content{background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;max-width: 320px;}
.confirm-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;max-width: 290px;text-align: center;background-image: url('images/new_qs.jpg');background-size: 70px;background-repeat: no-repeat;background-position: 15px 40px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.main_cm .button_logout {
    margin-top: 50px;
}
.sf_update_cm .sf_update_btn .cm_update,
.sf_update_cm .sf_update_btn .cm_cancel,
input.btn_cmitem {
    cursor: pointer;
    display: inline-block;
    padding: 7px 0px;
    /*background: rgba(179,220,237,1);
    background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(33%, rgba(41,184,229,1)), color-stop(96%, rgba(51,121,199,1)), color-stop(100%, rgba(52,117,197,1)));
    background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 33%, rgba(51,121,199,1) 96%, rgba(52,117,197,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#3475c5', GradientType=0 );*/
    background: #e8d000; /* Old browsers */
    background: -moz-linear-gradient(top, #e8d000 0%, #f29200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e8d000 0%,#f29200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e8d000 0%,#f29200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8d000', endColorstr='#f29200',GradientType=0 ); /* IE6-9 */
    color: #fff;
    width: 100px;
    font-size: 15px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #F29200;
    /*1px solid #3475c5;*/
    font-weight: bold;
}

.cm_act {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
}

.cm_act .one-half {
    float: left;
    width: 50%;
}

.one-half span {
    font-size: 20px;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.one-half span strong {
    width: 60%;
    display: inline-block;
}



/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
a.cm_backlist {background-color: #c2d69b;border-color: #c2d69b;color: #fff;padding: 10px;border-radius: 5px;display: block;width: 60px;text-align:center;margin: 10px 0;box-shadow: 2px 2px #888888;}
img.cm_spinning {width: 140px;margin: 0 auto;display: block;}
input[name="update_no"]{background-color: #ff0000;border-color: #ff0000;color: #ffffff;padding: 5px 20px;border-radius: 5px;}
input[name="update_ok"]{margin: 0 20px 0 60px;;background-color: #c2d69b;border-color: #c2d69b;color: #ffffff;padding: 5px 20px;border-radius: 5px;}
.update_qs {margin-bottom: 30px;color: #333333;font-weight: bold;text-align: right;margin-right: 35px;}
.close-confirm {color: #aaa;float: right;font-size: 28px;font-weight: bold;}
.close-confirm:hover,
.close-confirm:focus {color: black;text-decoration: none;cursor: pointer;}
.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,
.close:focus {color: black;text-decoration: none;cursor: pointer;}
.cm_head > div {float: left;}
.cm_mid{clear: both;border-top: 1px solid #c2d69b;padding-top: 10px;}
.cm_author_detail {margin-left: 10px;}
.cm_author_photo {width: 40px;}
.cm_author_detail > span {display: block;}
.cm_author_detail span.sf_wcounts{margin-left: 20px}
.cm_author_detail span.cm_author_name {font-weight: bold;color: #c2d69b;display: inline-block;}
.cm_head {display: block;margin-bottom: 10px;float: left;}
span.cm_star{font-family: dashicons;overflow: hidden;position: relative;cursor: pointer;width: 15px;height: 15px;box-sizing: content-box;display: inline-block;line-height: 18px;}
span.cm_star.cm_full:before {content: "\f155";font-family: dashicons;margin-right: 10px;color: #c2d69b;}
span.cm_star.cm_none:before {content: "\f154";font-family: dashicons;margin-right: 10px;color: #c2d69b;}
form .stars {background: url("/wp-content/plugins/plugin-calvin/asset/img/stars.png") repeat-x 0 0;width: 100%;
height: 63px;
-webkit-background-size: 63px;
     -o-background-size: 63px;
        background-size: 63px;}
form .stars input[type="radio"] {position: absolute;opacity: 0;filter: alpha(opacity=0);}
form .stars span { background-position: 0 -63px; display: block;width: 0;position: relative;top: 0;left: 0;height: 63px;background: url("/wp-content/plugins/plugin-calvin/asset/img/stars.png") repeat-x 0 -60px;-webkit-transition: -webkit-width 0.5s;-moz-transition: -moz-width 0.5s;-ms-transition: -ms-width 0.5s;-o-transition: -o-width 0.5s;transition: width 0.5s;}
form .stars span.sao-5{width: 100%;}
form .stars span.sao-4{width: 80%;}
form .stars span.sao-3{width: 60%;}
form .stars span.sao-2{width: 40%;}
form .stars span.sao-1{width: 20%;}

form .stars input[type="radio"]:checked ~ span {
    -webkit-background-size: 63px;
         -o-background-size: 63px;
            background-size: 63px;
    background-position: 0px -125px;
}
form .stars input[type="radio"].star-5:checked ~ span {width: 100%; }
form .stars input[type="radio"].star-4:checked ~ span {width: 80%; }
form .stars input[type="radio"].star-3:checked ~ span {width: 60%; }
form .stars input[type="radio"].star-2:checked ~ span {width: 40%; }
form .stars input[type="radio"].star-1:checked ~ span {width: 20%; }
form .stars label {display: block;width: 63px;height: 63px;margin: 0!important;padding: 0!important;text-indent: -999em;float: left;position: relative;z-index: 10;background: transparent!important;cursor: pointer;}

.cm_msg {position: sticky;background-color: #c2d69b;width: 100%;text-align: center;font-weight: bold;display: none;}
input.btn_cmitem {
    /*background-color: #c2d69b;
    border-color: #c2d69b;
    color: #ffffff;*/
    padding: 5px 10px;
    /*border-radius: 5px;*/
    margin-top: 10px;
}
.allcm_msg {background-color: #c2d69b;text-align: center;color: #ffffff;padding: 10px 0;width: 100%;font-size: 15px;display: none;}
.sf_fulltime .update_qs {text-align: right;margin-right: 0;margin-bottom: 15px;margin-top: 15px;}
.main-confirm.sf_fulltime .confirm-content {background-image: url('/wp-content/plugins/plugin-calvin/asset/img/cm_error.png');background-position:5px 25px;background-size: 35px;}
.cfs-badge-frontend{display: inline-block;}
.sf_post_cm a {display:  block;}
.cm_author_photo img {width: 40px;}
.cm_author_detail {margin-left: 10px;}
@media screen and (min-width: 479px) {
    form .stars label:hover ~ span {background-position: 0 -62px; -webkit-background-size: 63px;
     -o-background-size: 63px;
        background-size: 63px;}
    form .stars label.star-5:hover ~ span {width: 100% !important;}
    form .stars label.star-4:hover ~ span {width: 80% !important;}
    form .stars label.star-3:hover ~ span {width: 60% !important;}
    form .stars label.star-2:hover ~ span {width: 40% !important;}
    form .stars label.star-1:hover ~ span {width: 20% !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    form .stars span {
        background-position: 0 -63px; 
        -webkit-background-size: 63px;
             -o-background-size: 63px;
                background-size: 63px;
    }

    form .stars label {
        width: 63px;
        height: 63px;
    }

    form .stars label:hover ~ span {
        background-position: 0 -63px;
         -webkit-background-size: 63px;
              -o-background-size: 63px;
                 background-size: 63px;
    }



    form .stars input[type="radio"]:checked ~ span {
        -webkit-background-size: 63px;
             -o-background-size: 63px;
                background-size: 63px;
        background-position: 0px -126px;
    }
}

@media only screen and (max-width: 479px) {
    form .stars {
        -webkit-background-size: 60px;
             -o-background-size: 60px;
                background-size: 60px;
        max-width: 300px;
        margin: 0 auto;
    }

    form .stars label {
        width: 60px;
        height: 60px;
    }

    /*form .stars label:hover ~ span {
        background-position: 0 -60px;
         -webkit-background-size: 60px;
              -o-background-size: 60px;
                 background-size: 60px;
    }*/



    form .stars input[type="radio"]:checked ~ span {
        -webkit-background-size: 60px;
             -o-background-size: 60px;
                background-size: 60px;
        background-position: 0px -120px;
    }
}

@media only screen and (max-width: 400px) {
    form .stars {
        height: 55px;
        -webkit-background-size: 55px;
             -o-background-size: 55px;
                background-size: 55px;
        max-width: 275px;
        margin: 0 auto;
    }

    form .stars label {
        width: 55px;
        height: 55px;
    }

    form .stars input[type="radio"]:checked ~ span {
        -webkit-background-size: 55px;
             -o-background-size: 55px;
                background-size: 55px;
        background-position: 0px -110px;
    }
}

@media only screen and (max-width: 350px) {
    form .stars {
        height: 50px;
        -webkit-background-size: 50px;
             -o-background-size: 50px;
                background-size: 50px;
        max-width: 250px;
        margin: 0 auto;
    }

    form .stars label {
        width: 50px;
        height: 50px;
    }

    form .stars input[type="radio"]:checked ~ span {
        -webkit-background-size: 50px;
             -o-background-size: 50px;
                background-size: 50px;
        background-position: 0px -100px;
    }
}

@media screen and (max-width: 320px) {
    form .stars span {
        height: 45px; 
        -webkit-background-size: 45px;
                -o-background-size: 45px;
                   background-size: 45px;  
        background-position: 0 -45px; 
    }

    form .stars {
        height: 45px;
        -webkit-background-size: 45px;
             -o-background-size: 45px;
                background-size: 45px;
                max-width: 225px;
                margin: 0 auto;
    }

    form .stars label {
        width: 45px;
        height: 45px;
    }

    /*form .stars label:hover ~ span {
        background-position: 0 -45px;
         -webkit-background-size: 45px;
              -o-background-size: 45px;
                 background-size: 45px;
    }*/



    form .stars input[type="radio"]:checked ~ span {
        -webkit-background-size: 45px;
             -o-background-size: 45px;
                background-size: 45px;
        background-position: 0px -90px;
    }

    .one-half span strong {
        width: 70%;
    }
}
@media screen and (max-width: 285px) {
    form .stars span {
        height: 43px; 
        -webkit-background-size: 43px;
                -o-background-size: 43px;
                   background-size: 43px;  
        background-position: 0 -43px; 
    }

    form .stars {
        height: 43px;
        -webkit-background-size: 43px;
             -o-background-size: 43px;
                background-size: 43px;
                max-width: 215px;
                margin: 0 auto;
    }

    form .stars label {
        width: 43px;
        height: 43px;
    }

    form .stars input[type="radio"]:checked ~ span {
        -webkit-background-size: 43px;
             -o-background-size: 43px;
                background-size: 43px;
        background-position: 0px -86px;
    }
}

.cm_spinning.sf_submitted{
    padding: 0px 0px 0px 0px !important;
    margin: -10px 20px 0 72px;
    float: left;
    display: inline-block;
    width: 45px;
}

.sf_stars {
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.sf_stars:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}
.sf_stars:not(:checked) > label {
    float: right;
    width: 1em;
    padding: 0 0.1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 35px;
    line-height: 1.2;
    color: #ddd;
    text-shadow: 1px 1px #bbb, 2px 2px #666, 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}
.sf_stars:not(:checked) > label:before {
    content: '★ ';
}
.sf_stars:not(:checked) > label:hover, .sf_stars:not(:checked) > label:hover ~ label, .sf_stars > label.sf_star_active {
    color: gold;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}
.sf-badge-frontend .mycred-users-badges div {
    display: inline-block;
}
.sf-badge-frontend .mycred-users-badges div img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
}
.page-id-197677 header.entry-header {
    display: none;
}
.page-id-197677 h3 {
    color: #F48200;
}
.sf_3columns div {
    display: inline-block;
	width: 31%;
}
.sf_3columns {
    width: 65%;
    margin: auto;
}
.sf_3columns p {
    text-align: center;
}
.sf_3columns p.sf_title_top {
    color: #F48200;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 5px;
}
.sf_3columns p {
    font-weight: bold;
}

.sf_mode_acc .sf_profile a:before {
    content: "\f110";
    font-family: dashicons;
    margin-right: 10px;
	font-size: 50px;
}
.sf_mode_acc .sf_moderate a:before {
    content: "\f186";
    font-family: dashicons;
    margin-right: 10px;
	font-size: 50px;
}
.sf_mode_acc .sf_rewards a:before {
    content: "\f174";
    font-family: dashicons;
    margin-right: 10px;
	font-size: 50px;
}
.sf_mode_acc {
    width: 250px;
    margin: auto;
}
.sf_mode_acc a {
    color: #F48200;
    font-size: 28px;
    margin-bottom: 15px;
    display: block;
}
.sf_mode_show_content {
    width: 400px;
    margin: auto;
    margin-top: 40px;
}
.sf_mode_show_content a {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 10px;
    color: #F48200;
}
.sf_mode_show_content h3 {
    color: #000;
    text-align: center;
}

.sf_mode_show_content span {
    color:  #F48200;
    padding-right: 20px;
}
.sf_mode_show_content{ display:none; }
.sf_mode_show_content[data-action="sf_profile"] a {
    border: 1px solid;
    border-radius: 20px;
}
.sf-back-arrow img {
    width: 100px;
    margin-top: 15px;
}
/* END Moderator */

div#field_2_11 {
    visibility: hidden;
}
#gform_wrapper_2{ display: none; }
.comment-author.vcard .mycred-users-badges {
    float: right;
    margin-left: 15px;
}
.the-badge.vertical:not(earned) {
    display: none !important;
}

select#input_2_1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
/* span.cm_action.cm_edit:before {content: "\f12a";font-family: dashicons;margin-right:  10px;} */
.sf_row_6 .dashicons.dashicons-yes:before {
    position: absolute;
    top: -10px;
    left: -7px;
    font-size: 25px;
}
.sf_row_6 span.dashicons {
    border: 1px solid;
    width: 11px;
    height: 11px;
    margin-top: 15px;
    position: relative;
}

/* SF Checkout page */
.woocommerce .woocommerce-checkout .col2-set .col-2{
	display: none;
}
.woocommerce .woocommerce-checkout .col2-set .col-1{ width: 100%; }
/* END SF Checkout page */

.wpua_extra_avatars .avatar_container img {
    width: 135px;
}

.herald-site-header{ z-index: 1 !important; }
span.close.show_when_complete {
    position: absolute;
    right: -30px;
    bottom: -1px;
    font-size: 45px;
    color: #000;
	display:none;
}

.sf_back_after_complete{ display: none; }
.sf_back_after_complete img {
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

p.sf_pupil_post_description {
    float: left;
    padding-right: 8px;
}

.mycred-my-balance-wrapper div {
    font-size: 23px;
}

// Force Jetpack to completely disable the WordPress.com Reader sync pipeline
add_filter( 'jetpack_active_modules', function( $modules ) {
    if ( ( $key = array_search( 'reader', $modules ) ) !== false ) {
        unset( $modules[$key] );
    }
    return $modules;
} );