/*
Theme Name: Knowatom
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Knowatom is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Knowatom will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: knowatom

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* custom css start */
html{-webkit-font-smoothing:antialiased;}
*{outline:none;}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, p, hr, iframe{margin:0;padding:0;border:none;}
a, input, select, textarea{outline:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
a{text-decoration:none;color:#333333;}
a:focus,:focus, input:focus{outline:none;}
input::-moz-focus-inner {border: 0;}
img{max-width:100%;vertical-align:middle;border:none;outline:none;max-height:100%;border-radius:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;margin:0;padding:0;}
input, textarea, select, button{resize:none;border:0;border-radius:0;-webkit-border-radius:0;/*-webkit-appearance:none;*/}
select, input[type="submit"]{cursor:pointer}
p{font-size:14px;line-height:20px;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;}
.clear{clear:both;}

/* extra add */
.trans{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;}
select option{padding:3px 10px;}
span.star{position:absolute;right: 0;top:0;}
span.star:after{position:absolute;right:4px;top:1px;content:"*";color:#ff0015;font:11px/18px 'Karla', sans-serif;}
.absoImg{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}

body{color:#000;background-color:#fff;font:14px/18px 'Karla', sans-serif;}
ul, li{list-style:none;}
::-webkit-input-placeholder{color:#000;}
:-moz-placeholder{color:#000;opacity:1;}
::-moz-placeholder{color:#000;opacity:1;}
:-ms-input-placeholder{color:#000;}

/* header css start here */
.header{ float: left; width: 100%; background: #faf4f0; }
.HeaderRgt{ float: left;width: 100%;min-height: 30px;}
.headerbox{float: right; background: #ffffff; padding: 15px 25px; border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; color: #4c4c4d; font:700 16px/18px 'Karla', sans-serif;}
.Logbtn{ background: #5295E8; display: inline-block; text-transform: uppercase; color: #fff; font:700 16px/16px 'Karla', sans-serif; padding:10px 25px;margin: 0 20px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; box-shadow: 3px 3px 0 #5295E8; -moz-box-shadow: 3px 3px 0 #b33c2b; -webkit-box-shadow: 3px 3px 0 #b33c2b; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;}
.maincontainer{max-width: 980px;margin:0 auto;}
.logo{ float: left; padding: 8px 33px 25px 0; border-right: 1px solid #000; margin-bottom: 25px;}
.headerbox .avatar{width:30px;border-radius: 20px;margin-right: 10px;height: auto;}
.user-profile .avatar{width:100px;border-radius: 20px;margin-right: 10px;height: auto;margin-bottom:20px;}
.user-profile .profile-inn-img {width:100px;border-radius: 20px;margin-right: 10px;height: auto;margin-bottom:20px;}
.LogoLfttxt{float: left;padding: 30px 0 0 30px; font: 400 29px/16px 'Karla', sans-serif; text-transform: uppercase; color: #000;}
.RightTxt{font: 400 20px/15px 'Karla', sans-serif; font-style: italic;color: #000; padding-top: 35px; float: right; letter-spacing: 1px;}
.MenuIcon{position: relative; height: 30px; width: 0px; padding: 0;color: #4e4641; text-transform: uppercase;  margin: 5px 0 0; cursor: pointer; display: none;}
.MenuIcon:after{ content: "MENU"; position: absolute; top: 0; bottom: 0; left: 30px; color: #4e4641; margin: auto; top: 4px; font-size: 16px;}
.MenuIcon span{display: inline-block; background: #4e4641; height: 2px; width: 20px;}
.MenuIcon span:after, .MenuIcon span:before{ content: ""; position: absolute; top: 0; bottom: 0; margin: auto;background: #4e4641; height: 2px; width: 20px; left: 0px; transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;}
.MenuIcon span:after{ bottom: -5px;}
.MenuIcon span:before{ top: -18px; }
@-moz-document url-prefix(){.MenuIcon span:before{ top: -15px; }}
.MenuIcon.Menuactive span{background: none;}
.MenuIcon.Menuactive span:after{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); bottom: 0;}
.MenuIcon.Menuactive span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0;}
/* header css end here */

/* menuSec css start here */
.menuSec{ float: left; width: 100%; background: #fff;}
.MenuList ul{ margin-left: -15px;}
.MenuList li{ float: left; display: inline-block;padding: 0 8px; }
.MenuList li a{ color: #4e4641;font: 700 21px/50px 'Karla', sans-serif; text-transform: uppercase; display: inline-block;position: relative;}
.MenuList li a:after { content: ""; position: absolute; left: 0;width: 0;height: 2px;background: #5295E8; opacity: 0; bottom: 0;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s; }
.MenuList li a.active:after{width: 100%;opacity: 1;}
.menuSec + .clear{display:none;}
/* menuSec css end here */

/* ContentSec css start here */
.ContentSec{ float: left; width: 100%;}
.Content{ text-align: center; float: left;width: 100%; font: 400 23px/33px 'Karla', sans-serif; color: #4e4641;  padding: 70px 60px;}
.Content p{ font: 700 24px/33px 'Karla', sans-serif; color: #4e4641;}
.Content a{ color: #fff;font: 700 24px/33px 'Karla', sans-serif; }
.MainTitle{ font: 700 43px/24px 'Karla', sans-serif; margin-bottom: 50px; }
.ButtonsBox{ width: 100%; margin: 55px 0 0 0;}
.CenBox{ display: inline-block;}
.CenBox a{  background: #fae109 none repeat scroll 0 0;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 5px 5px 0 #c5ae00;
  color: #4e4641;
  display: inline-block;
  font-family: "Karla",sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 23px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: 700;
  line-height: normal;
  padding: 20px;
  width: 307px;}
.login_teacher_bot_but {  
  background: #fae109;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #4e4641;
  display: inline-block;
  font-family: "Karla",sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 23px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px 0px;
  width: 230px;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
}
.login_teacher_bot_but:hover {
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
}  
.login_teacher_bot_but a {
	box-shadow: none;
	padding: 0px;
	width: 100%;
	font-size: 18px;
	display: block;
}  

.teacher_peer_but {  background: #00B04E;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #4e4641;
  display: inline-block;
  font-family: "Karla",sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 23px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px 0px;
  margin-bottom:30px;
  width: 230px;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
 }
.teacher_peer_but:hover {
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
}  
.teacher_peer_but a {
	box-shadow: none;
	padding: 0px;
	width: 100%;
	font-size: 18px;
	display: block;
} 
.login_teacher_bot_but p{margin:4px 0px 0px 0px;font-style: italic;}
.CenBox:first-child{padding-right: 49px;}
/* ContentSec css end here */

/* CurriculumSec css start here */
.CurriculumSec{ float: left;width: 100%; background: #eae8e5;}
.SubTitle{ font: 700 31px/24px 'Karla', sans-serif; margin-bottom: 50px; color: #4e4641;}
.Grade{ padding: 70px 0; float: left;width: 100%; text-align: center;}
.BlueBox li{ display: inline-block; padding: 0 12px; position: relative; width: 185px;}
.Bluebtn{background: #5395e9; padding: 10px; display: inline-block;color: #fff; font: 700 23px/25px 'Karla', sans-serif; display: inline-block; width: 100%;border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; box-shadow: 5px 5px 0 #4881ca; -moz-box-shadow: 5px 5px 0 #4881ca; -webkit-box-shadow: 5px 5px 0 #4881ca; border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px;}
.seprater{border-bottom: 3px solid #eae8e5; width: 730px; margin: 25px auto 20px}
/* CurriculumSec css end here */

/* footer start here */
.footer{ float: left; width: 100%; text-align: center; background: #FAF4F0;}
.Flogo{ /*border-bottom: 1px solid #7f7b78;*/ padding: 50px 0 40px;}
.Fcopyrgt{ color: #eae8e5; font: 700 15px/18px 'Karla', sans-serif; padding: 5px 0;float: left; width: 100%;}
.Fcopyrgt a{text-decoration: underline; color: #5395e9;  display: inline-block;}
.page-id-2974 .content-area .page {border-bottom: 0px;}
/* footer end here */

/* reportSec css start here */
.page-id-2177 .menuSec{display:none;}
.reportSec{ float: left;width: 100%; background: #ffe000; padding: 60px 0;}
.Rpttitle{ text-align: center; font: 700 32px/31px 'Karla', sans-serif; color: #4e4641; margin-bottom: 50px;}
.Rptlist{ float: left; width: 100%; margin: auto; text-align: center;}
.Rptlist ul{ margin: 0 -10.5px;}
/*.Rptlist li{ width: 25%; float: left; padding: 0 10.5px;}*/
.Rptlist li{ display: inline-block; padding: 10px 10.5px;}
.Redbtn{background: #fa5339; padding: 0 40px; display: block; text-align: center; color: #fff; font:700 21px/69px 'Karla', sans-serif;border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; box-shadow: 6px 6px 0 #b33c2b; -moz-box-shadow: 6px 6px 0 #b33c2b; -webkit-box-shadow: 6px 6px 0 #b33c2b; border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; }
/* reportSec css end here */

/* CurriculumInnerSec css start here */
.CurriculumInnerSec{ float: left; width: 100%; background: #eae8e5; text-align: center; padding: 64px 0;}
.InnerTitle{color: #4e4641;font: 700 42px/37px 'Karla', sans-serif; position: relative; margin-bottom: 80px; display: inline-block;}
.InnerTitle:before{content: "";position: absolute; background: url('images/sprite.png') no-repeat 0 0;width: 102px;height: 57px;top: 15px; left: -125px;}
.InnerTitle:after{content: "";position: absolute; background: url('images/sprite.png') no-repeat -110px 0;width: 102px;height: 57px;top: 15px; right: -125px;}
.ChartboxList{float: left; width: 100%; text-align: center;}
.Btmseprater{border-bottom: 3px solid #fff;width: 535px;margin: 45px auto 33px;}
.MonthBox li{text-align: center; display: inline-block;padding: 3px 29px; }
.MonthBox .Bluebtn{padding: 15px 55px;} 
.Monthnme{display: block;font: 700 32px/37px 'Karla', sans-serif; color: #4e4641; margin-bottom: 13px;}
/* CurriculumInnerSec css end here */

/* InnerPageSec css start here */
.InnerPageSec{ float: left; width: 100%; text-align: center; background: #fff; padding: 70px 0 48px;}
.InnersubTitle{text-align: center;color: #4e4641; font: 700 41px/37px 'Karla', sans-serif; }
.LeftsideCur{width: 63.8%;float: left; border-right: 3px solid #fff;padding-right: 25px;}
.RightsideRes{width: 25%;float: right}
.ChartTitle{font: 700 31px/31px 'Karla', sans-serif; color: #4e4641; margin-bottom: 50px;}
.RightsideRes .ChartTitle{text-align: center}
.Rgtseprater{border-bottom: 3px solid #fff; width: 100%; float: left;margin:30px 0;}
.Rgtside li{margin-bottom: 54px;float: right;}
.Rgtside li:last-child{margin-bottom:0;float: right;}
.Rgtside .Bluebtn{font: 700 23px/29px 'Karla', sans-serif; width: 235px; height: 87px; display: table-cell; vertical-align: middle; padding: 0px 10px; box-shadow: 6px 6px 0 #3a69a4; -webkit-box-shadow: 6px 6px 0 #3a69a4;-moz-box-shadow: 6px 6px 0 #3a69a4;}
.ChartBtns{float: left;width: 100%; margin-left: 5px;}
.Common {float: left;width: 100%; }
.Common li{ padding-right: 66px; float: left; padding-bottom: 23px; }
.Common li a{background: #fff;color: #4e4641;font: 700 21px/24px 'Karla', sans-serif; padding: 10px 31px;width: 230px;height: 98px;display: table-cell; vertical-align:middle; box-shadow: 7px 5px 0 #d1d2d4; -webkit-box-shadow: 7px5px 0 #d1d2d4;-moz-box-shadow: 7px 5px 0 #d1d2d4; border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px;}
.Common li a.yellowbtn{background: #fddf31; box-shadow: 7px 5px 0 #c5ae24; -webkit-box-shadow: 7px5px 0 #c5ae24;-moz-box-shadow: 7px 5px 0 #c5ae24;}
.Common li a.greenbtn{background: #17a453; box-shadow: 7px 5px 0 #116c3a; -webkit-box-shadow: 7px5px 0 #116c3a;-moz-box-shadow: 7px 5px 0 #116c3a; color: #fff;}
.Lftseprater{border-bottom: 3px solid #fff; width: 533px; float: left;margin: 10px 0 22px;}

.Lsntitle{color: #4e4641;font: 700 31px/31px 'Karla', sans-serif; text-align: left;margin-bottom: 22px;float: left;width: 100%;}
.ResourcesSec{float: left; width: 100%; background: #eae8e5; text-align: center; padding: 64px 0 50px;}
/* InnerPageSec css end here */

/* login page start here */
.knowatom_loginForm, .content-area{ margin: auto; text-align: center; padding: 100px 0}
.knowatom_loginForm h1, .content-area h1{font: 700 24px/28px 'Karla', sans-serif; margin-bottom: 20px}
#loginform, .widecolumn{width: 400px;padding:25px 20px;background: #f4f4f4;margin: auto; border-radius: 0px 20px;
    margin-top: 20px;}
#loginform label{width: 120px; float: left; font: 400 18px/45px 'Karla', sans-serif; color: #4e4641;text-align: left;}
#loginform p, #lostpasswordform p{margin-bottom: 20px;width: 100%;}
#loginform p:last-child, #lostpasswordform p:last-child{margin-bottom: 0px;}
#loginform p.login-remember label{width: 100%;}
#loginform .input, .form-row input{border: 1px solid #eae8e5;width: calc(100% - 120px); margin: 0; padding:0 10px; font: 400 16px/45px 'Karla', sans-serif; color: #4e4641;-webkit-appearance: none;height: 45px;}
#loginform .button-primary, .knowatom_loginForm #wp-submit, .content-area .search-submit, .lostpassword-submit input[type="submit"]{background: #5395e9;color: #fff;font: 700 18px/45px 'Karla', sans-serif; padding: 0 20px;display: inline-block;border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;-moz-border-bottom-left-radius: 15px;box-shadow: 3px 3px 0 #4881ca;-moz-box-shadow: 3px 3px 0 #4881ca;
    -webkit-box-shadow: 3px 3px 0 #4881ca;border-top-right-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-top-right-radius: 15px; transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;-webkit-appearance: none;}
.knowatom_logout{ font: 400 18px/30px 'Karla', sans-serif;color: #4e4641;margin-bottom: 20px;}
/* login page end here */

/* forgot form start here */
.widecolumn h3{font: 400 18px/30px 'Karla', sans-serif;color: #4e4641}
#lostpasswordform{margin: 20px 0 0;text-align: center;}
#lostpasswordform label{font: 400 18px/45px 'Karla', sans-serif; color: #4e4641;text-align: left;}
/* forgot form start end */

/* error start here */
.page-content p, .content-area .screen-reader-text{font: 400 18px/45px 'Karla', sans-serif; color: #4e4641;margin-bottom: 20px;}
.content-area .search-field{border: 1px solid #eae8e5;margin: 0; padding:0 10px; font: 400 16px/45px 'Karla', sans-serif; color: #4e4641;-webkit-appearance: none;}
.content-area .search-field, .content-area .search-submit{ margin-left: 15px;}
.content-area .search-submit .screen-reader-text{ color: #fff}
/* error end here */
.error { color: #f00; }

/* Article page start start */
.content-area{ width: 1170px; margin: auto; text-align: center;padding: 100px 0}
.content-area .page { text-align: left; margin: 0 0 20px; border-bottom: 1px solid #eee;}
.content-area .post{ text-align: left; margin: 0 0 20px; }
.content-area .entry-title {text-align: center}
.content-area .entry-title, .content-area .entry-summary, .content-area #main .entry-content{ margin-bottom: 20px;}
#primary .site-main .comments-area { text-align: left; font: 400 16px/20px 'Karla', sans-serif; color: #4e4641;}
.content-area .page .entry-header, .comment-respond p{margin-bottom: 10px}
.content-area .page .entry-summary p{font: 400 16px/20px 'Karla', sans-serif; color: #4e4641;}
.comment-respond{ border: 1px solid #eae8e5; padding: 20px; width: 500px; float: left; margin: 20px 0 100px; clear: both;}
.comment-respond textarea{ border: 1px solid #eae8e5; padding: 10px; width: 100%; float: left; height: 200px;font: 400 16px/45px 'Karla', sans-serif; color: #4e4641; margin: 0 0 10px;}
.comment-respond input[type="text"], .comment-respond input[type="url"], .comment-respond input[type="email"]{ -webkit-appearance: none; border: 1px solid #eae8e5; width: calc(100% - 80px);margin: 0; padding: 0 10px; font: 400 16px/45px 'Karla', sans-serif; color: #4e4641;}
.comment-respond label{ float: left;font: 400 16px/45px 'Karla', sans-serif; color: #4e4641; width: 80px;}
.comment-body .reply .comment-reply-link, .comment-respond input[type="submit"]{-webkit-appearance: none;background: #5395e9; color: #fff; margin: 5px 0 0;font: 700 18px/45px 'Karla', sans-serif; padding: 0 20px; display: inline-block;
    border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-bottom-left-radius: 15px; box-shadow: 3px 3px 0 #4881ca; -moz-box-shadow: 3px 3px 0 #4881ca;
    -webkit-box-shadow: 3px 3px 0 #4881ca;float: left;border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;}
.comment-author.vcard{ margin: 20px 0 0;clear: both;}
.comment-meta, .comment-content{ float: left; width: 100%}
/* Article page start end */
img.profile-img {
    width: 30px;
    border-radius: 20px;
    margin-right: 10px;
}
form.user-profile label { font: 400 17px/25px "Karla",sans-serif !important; }
/* for hover */

/* Custom Style Start */
.unit_vid_tit {
  color: #4e4641;
  font: 700 31px/31px "Karla",sans-serif;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: left;
}
.unit_vid_desc p {
  font-size: 15px;
  line-height: 23px;
  text-align: left;
}
.unit_vid_border {
  border-bottom: 3px solid #fff;
  float: left;
  margin: 30px 0;
  width: 100%;
}
.unit_videos iframe { width:100%; }
.LeftsideCur.video_left_sec { width:72%; }
/* Custom Style End */

/* Custom Style for KA Professional Development start */
.ka_prf_box_list {float: left;width: 100%;}
.ka_prf_box_list > ul {text-align: center;}
.ka_prf_box_list li {float: left;margin:0 12px 25px;width: 30%;}
.ka_prf_box_list_main {float: left;width: 100%;}
.ka_prf_box_list_main_top {background: #00b04e;border-radius: 0 15px 0 0;padding: 20px;}
.ka_prf_box_list_main_top h4 {font-size: 17pt;line-height: normal;padding: 20px 0 0;text-align:center; min-height: 105px;font-weight: bold;font-family: "Karla";}
.ka_prf_box_list_bot {background: #fff;border-radius: 0 0 0 15px;padding: 25px 20px;}
.ka_prf_box_list_main_top > img {width: 100px;}
.ka_prf_box_list_readmore { margin-top: 20px;display:inline-block;border-radius: 0 10px;font-size: 14pt;font-weight: bold;padding: 9px 25px;transition: all 0.3s ease-out 0s;font-family: "Karla";}
.ka_prf_box_list_readmore:hover{color:#fff !important;transform: translateY(-8px);}
.ka_prof_list_page_main {float: left;width: 100%;}
.ka_prof_list_page_tit > a {color: #5194ec;font-family: "Karla";font-size: 12pt;font-weight:bold;}
.ka_prof_list_page_tit {border-bottom: 2px solid #c4c4c4;padding:30px 20px 30px 40px;}
.ka_prof_list_page_tit > h3 {color: #000000;font-family: "Karla";font-size: 16pt;margin-top: 15px;}
.tax-knowatom_unit_tax.term-ka-professional-development.term-128 .menuSec{background:#fff;}
.simplebar-content{margin-right:0px !important;}
.ka_prof_list_page_inn {
  float: left;
  width: 100%;
}
.ka_prof_list_page_inn_left {
  background: #fff none repeat scroll 0 0;
  float: left;
  width:27%;
}
.ka_prof_list_page_inn_left > h4 {
  border-bottom: 1px solid #c4c4c4;
  color: #000000;
  font-family: "Karla";
  font-size: 14pt;
  font-weight: bold;
  padding: 34px 0 30px 30px;
}
.ka_prof_list_page_inn_right {
  background: #e9e8e4 none repeat scroll 0 0;
  float: left;
  width:73%; padding:55px 60px 50px;
}
.ka_prof_list_page_inn_left ul {
    list-style : none; margin:18px 35px 0 30px;
}
.ka_prof_list_page_inn_left_sec{ margin-top:10px; }
.ka_prof_list_page_inn_left li{
    display : flex;
    flex-flow: row;
    padding-bottom: 50px;
    position : relative;
	color:#928f89;cursor: pointer;font-family: "Karla";
}
.ka_prof_list_page_inn_left_inn li:first-child {
  margin-top: -5px;
}
.ka_prof_list_page_inn_left .list_contt a {color:#928f89;}
.ka_prof_list_page_inn_left_inn {
  float: left;
  height: 410px;
  overflow: auto;
  width: 100%;
}
.nicescroll-cursors {
  height: 100px !important;
  right: 5px !important;
}
.nicescroll-rails.nicescroll-rails-vr {
  opacity:1 !important; 
}
.ka_prof_list_page_inn_left_inn::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.CurriculumInnerSec.ka_prof_dev_cat_page_main{padding-bottom:40px;}
.ka_prof_list_page_inn_left span.list_number {
  background:url("images/graycircle.png") no-repeat;
  font-size: 13pt;
  height: 31px;
  padding-top: 5px;
  text-align: center;
  width: 31px;
  z-index: 1;
  float:left
}
.ka_prof_list_page_inn_left .list_contt {
  font-size: 13pt;
  line-height: normal; font-weight: bold;
}
.ka_prof_list_page_inn_left .list_slign_left {
  float: left;
  width: 31px;
}
.ka_prof_list_page_inn_left .ka_video_total_time {
  font-weight: normal;
  font-size: 12pt;
}
.ka_prof_list_page_inn_left .list_slign_right {
  float: left;
  margin-left:20px;
}
.ka_prof_list_page_inn_left span.list_line {
    position : absolute;
    height : 100%;
    border-left: 1px solid #928f89;
    top : 28px;
    left : 15px;
}
li:last-child span.list_line{
    display : none;   
}
.ka_prof_list_page_left_inn {
  float: left;
  width: 63%;
}
.ka_prof_list_page_right_inn {
  float: right;
  width:31%; margin-left: 35px;
}
.ka_prof_iframe_video iframe{ width:100% !important;}
.ka_prof_list_page_left_inn h3 {
  font-size: 16pt;
  font-weight: bold;margin-bottom: 10px; line-height: normal;font-family: "Karla";
}
.ka_prof_iframe_video {
  margin-bottom: 27px;
}
.ka_prof_iframe_video_cont {
  font-size: 12pt;
  line-height: 22px;
  color: #000;
}
.ka_prof_iframe_video_cont p {
  font-size: 16px;
  line-height: 24px;font-family: "Karla";
}
.vid_list_Active .list_contt { color:#000;}
.vid_list_Active .ka_video_total_time { color:#928f89;}
.ka_prof_list_page_inn_left .vid_list_Active .list_contt a { color:#000;}
.ka_prof_list_page_inn_left .vid_list_Active span.list_number{background:url("images/bluecircle.png") no-repeat;color: #fff; }
.ka_prof_list_page_right_inn .Rgtside{ position:relative;float:left}
.ka_prof_list_page_right_inn .note_taker span::before {
  background: rgba(0, 0, 0, 0) url("images/notetaker_icon.png") no-repeat scroll 0 0;
  content: "";
  height: 14px;
  position: absolute;
  width: 14px;
    margin-left: -19px;
}
.ka_prof_list_page_right_inn .note_taker::after {
  background:url("images/shape_icon.PNG") no-repeat;
  content: "";
  height: 11px;
  left: 45%;
  margin-top: 30px;
  position: absolute;
  width: 22px;
}
.ka_prof_list_page_right_inn .tools_taker::after {
  background:url("images/shape_icon.PNG") no-repeat;
  content: "";
  height: 11px;
  left: 45%;
  margin-top: 30px;
  position: absolute;
  width: 22px;
}
.note_taker {
  background: #d6d3ce;
  font-size: 14pt;
  padding: 12px 0 !important;
  text-align: center;
  width: 100%;margin-bottom: 30px !important; font-weight:bold;
}
.ka_prof_list_page_right_inn .tools_taker span::before {
  background:url("images/toolsicon.png") no-repeat;
  content: "";
  height: 17px;
  position: absolute;
  width: 16px;  margin-left: -23px;
}
.tools_taker {
  background: #d6d3ce;
  font-size: 14pt;
  padding: 12px 0 !important;
  text-align: center;
  width: 100%;margin-bottom: 30px !important;font-weight:bold; margin-top: 20px;
}

.video_list_but{
  background: #5395e9 none repeat scroll 0 0;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 5px 5px 0 #4881ca;
  color: #fff;
  display: inline-block;
  font-family: "Karla";
  padding: 20px;
  width: 100%;
  transition: all 0.3s ease-out 0s;
  font-size: 11pt;
    font-weight: bold;
}
.ka_prf_box_list_contt > p{font-size:16px;min-height: 132px;}
.video_list_but:hover{
  transform: translateY(-8px);
}
.cat_desc_text > p {
  font-size: 14pt;
  font-weight: normal;
  width: 96%;line-height: 26px;font-family: "Karla";
}
.arve-embed-container{ padding-bottom:0px !important;}
.ka_prof_dev_cat_page .MainTitle { margin-bottom: 15px !important;font-family: "Karla"; }
.Content.ka_prof_dev_cat_page { padding: 20px 54px 50px; }
.ka_prof_list_page_right_inn .Rgtside li {width: 100%;margin-bottom: 30px; padding: 0;font-family: "Karla";}
.ka_prof_iframe_video_main { display:none;}
.right_li_click { display:none;}
.ka_prof_dev_cat_page_main{font-family:"Karla",sans-serif;}

/* Custom Style for KA Professional Development End */



@media only screen and (min-width: 1200px){
    .Logbtn:hover, .Redbtn:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
    .MenuList li:hover a:after{ opacity: 1; width: 100%;}
    .CenBox a:hover,  .Common li a.yellowbtn:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
    .Bluebtn:hover, #loginform .button-primary:hover,  .knowatom_loginForm #wp-submit:hover{transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
    .Fcopyrgt a:hover{ text-decoration: none}
    .Common li a:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
    .Common li a.greenbtn:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); }
    .content-area .search-submit:hover, .comment-respond input[type="submit"]:hover, .comment-body .reply .comment-reply-link:hover, .lostpassword-button:hover{ cursor: pointer; transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
    .content-area .post a:hover{ color: #5395e9;}
}

@media (min-width: 992px){
	.simplebar-scrollbar{height: 100px !important;}
	.ka_prof_list_page_inn_left ul{ width:86% !important;}
	.simplebar-track.horizontal{ display:none;}
}
@media (max-width: 1920px){
	#popup_this ,#back{width:49% !important;}
}
@media (max-width: 1500px){
	#popup_this ,#back{width:60% !important;}
}	
@media (max-width: 1200px){
	#popup_this ,#back{width:60% !important;}
}
@media (max-width: 991px){
    .LeftsideCur.video_left_sec iframe { width:100%; }
	.LeftsideCur.video_left_sec { width:63.8%; }
	.Content.ka_prof_dev_cat_page {padding: 20px 0 50px;}
	.cat_desc_text > p {line-height: 26px !important;width: 100%;}
	.ka_prof_list_page_inn_left{width:100%;}
	.ka_prof_list_page_inn_right{width:100%;}
	.ka_prof_list_page_inn_left ul {clear: both;}
	.ka_prof_list_page_inn_left li {float: left;max-width: 272px;margin-right: 20px;}
	.ka_prof_list_page_inn_left .list_slign_right {float: left;text-align: left;width: 80%;margin-left:15px;}
	.ka_prof_list_page_inn_left span.list_line{border:none;}
	.horizontal.simplebar-track .simplebar-scrollbar {width: 100px !important;}
	.ka_prof_list_page_inn_left_inn {height: 150px}
	.ka_prof_list_page_right_inn .Rgtside li{margin-bottom:30px;}
	#popup_this ,#back{width:70% !important;}
}
@media (min-width: 851px) and (max-width: 991px){
	.ka_prf_box_list_main_top h4 {min-height: 130px;}
}	
@media (max-width: 850px){
	.ka_prf_box_list li {display: flex;float: none;margin: 0 auto 25px;max-width: 300px;width: 100%;min-height: auto !important;}
	.ka_prf_box_list_main_top h4 {min-height: auto;}
	#popup_this ,#back{width:80% !important;}
}	
@media (max-width: 767px){
.Graybg .tooltip .tooltiptext {
    left: -232px!important;
}
.content-area h1 {
font-size: 28px!important;
}
.Bluebtn {
    padding: 10px 20px!important;
    font-size: 18px;
    line-height: 20px!important;
    }
	.LeftsideCur.video_left_sec { width:100%; }
	.ka_prof_list_page_left_inn {width: 100%;margin-bottom: 30px;}
	.ka_prof_list_page_right_inn {float: none;margin: 0 auto;width: 260px;}
	#popup_this ,#back{width:75% !important;}
}
@media screen and (min-width: 0px) and (max-width: 767px){
.Rptlist li{ padding: 5px 10.5px !important;}
.CenBox a{line-height:normal !important;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
.Rptlist li{ padding: 10px 10.5px !important;}
.CenBox a{line-height:normal !important;}
}
@media (max-width: 600px){
#popup_this ,#back{width:90% !important;top:20% !important;}
.arve-wrapper { max-width:100% !important; }
}
@media (max-width: 360px){
  #popup_this .add, #popup_this .cancel{float:none !important;margin:10px 0px !important;}
  .ka_prof_list_page_right_inn {width: 100%;}
  #agreement_form .cancel{
	text-align:center;
    display: block;
    float: none !important;
    margin: 8px auto !important;
    text-align: center;
    width: 150px;
	}
}

@media (max-width: 320px){
.Graybg .tooltip .tooltiptext {
    left: -217px!important;
    word-break:break-all;
}
}


.logincontent h2
{
font-size: 21px !important; line-height: 27px !important; font-weight: bold; margin-bottom: 15px;
}
.logincontent p
{
font-size: 16px; line-height: 23px
}

.logincontent h2 a
{
color:#4881ca;
}
.logincontent p a
{
color:#4881ca;
}

.logincontent a:hover
{
text-decoration:underline;
}
.logincontent
{
font-size: 16px; line-height: 23px;
}
.footer_left, .footer_right{display:inline-block;color:#BAADA7;text-transform:capitalize}
.footer_right a{color:#BAADA7;text-decoration:none;}
.footer_bottom{border-top:1px solid #DBD8D5;width:75%;margin:0px auto;padding:20px 0px;font-weight:normal;}
.footer_left{text-align:left; width:auto;float:left;}
.footer_right{text-align:right; width:auto;float:right;}

/* new Style */
.prof_dev_list .seprater{border-bottom: 3px solid #e3dcd6;}

#clsbtn {
    float: right;
    position: absolute;
    right: 10px;
    top: 5px;
}
.menuSec{display:block !important;}

/* 4/6/2018 */
.tooltip .circle_popup::after {
    border-color: rgba(250, 250, 250, 0) rgba(250, 250, 250, 0) #fff !important;
    border-width: 10px !important;
    margin-left: 15px !important;
}
.tooltip .circle_popup::after, .tooltip .circle_popup::before {
    border: medium solid transparent !important;
    bottom: 100% !important;
    content: " " !important;
    height: 0 !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
}
.tooltip .circle_popup::before {
    border-color: rgba(250, 250, 250, 0) rgba(194, 225, 245, 0) #ccc !important;
    border-width: 12px !important;
    margin-left: 13px !important;
}
.tooltip .circle_popup::after, .tooltip .circle_popup::before {
    border: medium solid transparent !important;
    bottom: 100% !important;
    content: " " !important;
    height: 0 !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
}
.Graybg .tooltip #tooltiptexts::after, .Graybg .tooltip #tooltiptexts::before{border-color:transparent transparent #f9f4f0 !important}
#tooltiptexts a {
    font-size: 14px;
    line-height: 0.8em;
    margin: 0;
    padding: 0;
}
.qrcttooltip:hover{cursor: pointer;}
.CenBox.login_teacher_res a {
	box-shadow: none;
	padding: 10px 20px;
	width: auto;
	font-size:18px;
}


/*  New Login Page Styles */


body.page-template-frontend-login-template{background:#F7FBFF;}
.page-template-frontend-login-template .header{background: transparent;}
.page-template-frontend-login-template .footer{background: transparent;}
.page-template-frontend-login-template .footer_bottom{width:100%;padding: 20px 20px;border-top: none;}
.page-template-frontend-login-template .footer_left {text-align: center;width: 100%;margin-bottom: 15px;}
.page-template-frontend-login-template .footer_right {text-align: center;width: 100%;margin-bottom: 15px;}
.page-template-frontend-login-template .Flogo{display:none;}
.page-template-frontend-login-template .knowatom_loginForm{max-width: 650px;}
.page-template-frontend-login-template .header .container{max-width: 650px;padding: 0;}
.page-template-frontend-login-template .knowatom_loginForm{
	padding: 25px 0;
}
.page-template-frontend-login-template .LogoLfttxt_login_form .LogoLfttxt {
	float: left;
	padding: 20px 0 0 20px;
	font-family:'Karla', sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 30px;
	width: 100%;
}
.page-template-frontend-login-template .logo{width:32%;}
.page-template-frontend-login-template .LogoLfttxt_login_form {float: left;width: 65%;}
.page-template-frontend-login-template .LogoLfttxt_login_form .RightTxt {
	width: 100%;
	padding-left: 20px;
	padding-top: 15px;
}
.page-template-frontend-login-template  .logo {
	border-right: 1px solid #ccc;
}
.knowatom_loginForm_inn {
	width: 100%;
	float: left;
	display:flex;
	box-shadow:  0 0 10px  rgba(235, 239, 243);
      -moz-box-shadow: 0 0 10px  rgba(235, 239, 243);
      -webkit-box-shadow: 0 0 10px  rgba(235, 239, 243);
      -o-box-shadow: 0 0 10px  rgba(235, 239, 243);
	margin-bottom: 100px;
}
.knowatom_loginForm_inn_lft {
	float: left;
	width: 50%;
	background: #5494E9;
	padding: 40px;border-bottom-left-radius: 10px;
}
.contentBody.autho-login.knowatom_loginForm_inn_rlt {
	float: left;
	width: 50%;
	background: #fff; padding: 40px; border-top-right-radius: 10px;
}
.login-remember.know_remb_me {
	margin-bottom: 15px !important;
	float: left;
	width: 100%;
}
.knowatom_loginForm_inn_rlt #loginform {
	width: 100%;
	padding: 0;
	background: transparent;
	margin: auto;
	border-radius: 0;
	margin-top: 0px;
}
.knowatom_loginForm_inn_lft h4 {
	font-size: 20px;
	font-family: 'Karla', sans-serif;
	color: #fff;
	text-align: left;
	line-height: normal;
	font-weight: bold;
}
.knowatom_loginForm_inn_lft p {
	font-size: 16px;
	font-family: 'Karla', sans-serif;
	color: #fff;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	padding:20px 0px;
}
.knowatom_loginForm_bulb_img {
	width: 100%;
	float: left;
	padding: 35px 0px;
}
.login_learn_more a{color:#fff;}
.login_learn_more {
	background: transparent;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #fff;
	margin-top: 31px;
	display: inline-block;
	font-family: "Karla",sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	padding: 10px 0px;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	border: 1px solid #FFFFFF;
}
.login_learn_more:hover {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
}
.login_View_Stu_res {
	background: transparent;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #fff;
	display: inline-block;
	font-family: "Karla",sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	padding: 10px 0px;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	border: 1px solid #00A651;
}
.login_View_Stu_res a{color:#00A651;}
.login_View_Stu_res:hover {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
}
.login-remember.know_remb_me label {  
	margin-left: 10px !important;
}
.knowatom_loginForm_inn_rlt .login-username, .knowatom_loginForm_inn_rlt  .login-password{margin-bottom: 5px !important;}
.knowatom_loginForm .knowatom_loginForm_inn_rlt h1 {
	font-family:'Karla', sans-serif;
	margin-bottom: 0px;
	color: #352F2C;
	text-align: left;
	font-size: 22px;
	margin-bottom:0;
}
.knowatom_loginForm_inn_rlt #loginform label{width:100%;#352F2C;font-size: 14px;margin-left: 0px;}
.knowatom_loginForm_inn_rlt #loginform .input{width:100%;}
.knowatom_loginForm_inn_rlt .login-submit input[type="submit"] {
	background: #00A651 !important;
	color: #fff;
	font-size: 14px !important;
	font-weight:bold !important;
	font-family: 'Karla', sans-serif !important;
	padding: 0 20px;
	display: inline-block;
	border-bottom-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	box-shadow: 0 0 0 0 #00A651 !important;
	-moz-box-shadow: 0 0 0 0  #00A651 !important;
	-webkit-box-shadow:0 0 0 0  #00A651 !important;
	border-top-right-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-appearance: none;
	width: 100%;
}
.login_forgt_pass {
	color: #006BB8;
	padding-top: 20px;
	text-align: left;
}
.login_forgt_pass a{
	color: #006BB8;
	font-size: 12px;
	font-family: 'Karla', sans-serif;
}
.know_remb_me input[type="checkbox"]{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.know_remb_me label{display: inline-block;vertical-align: top;text-align: left;padding-left: 1.5em;}
.know_remb_me label:before,
.know_remb_me label:after{content: '';display: block;position: absolute;}
.know_remb_me label::before {
	left: 3px;
	top: 13px;
	width: 19px;
	height: 19px;
	margin-right: 0px;
	background: transparent;
	border-radius: 3px;
	border: 1px solid #00A651;
}
.login-remember.know_remb_me {
	position: relative;
}
.know_remb_me label::after {
	content: '';
	position: absolute;
	top: 13px;
	left: 3px;
	width: 19px;
	height: 19px;
	border-radius: 2px;
	background: url('/wp-content/uploads/2021/05/check_tick.png') no-repeat;
	opacity: 0;
	pointer-events: none;
}
.know_remb_me input:checked ~ label:after{opacity: 1;}
.know_remb_me input:focus ~ label:before{background: transparent;}

@media (max-width: 767px) {
	.knowatom_loginForm_inn{display:table;}
	.knowatom_loginForm_inn_lft {
		display: table-footer-group;
		float: none;
	}
	.contentBody.autho-login.knowatom_loginForm_inn_rlt{
		display: table-header-group;
		float: none;
	}
	.knowatom_loginForm_inn_lft_inn {
		padding: 40px;
	}
	.knowatom_loginForm_inn_rlt_inn {
		padding: 40px;
	}
	.page-template-frontend-login-template .header .container {padding: 0 40px;}
	.login_learn_more{margin-top:0px;}
	.page-template-frontend-login-template .logo {
		border-right: none;
		width: 100%;
		border-bottom: 2px solid #ccc;
	}
	.page-template-frontend-login-template .LogoLfttxt_login_form {
		float: left;
		width: 100%;
		text-align: center;
	}
	.header .container{padding:0px 40px;}
	.page-template-frontend-login-template .LogoLfttxt_login_form .LogoLfttxt{padding-left:0px;}
	.page-template-frontend-login-template .LogoLfttxt_login_form .RightTxt{padding-left:0px;}
	.page-template-frontend-login-template  .knowatom_loginForm {
		max-width: 100%;
		margin: 0 40px;
		width: auto;
	}
}




@media (min-width: 991px) {

.header .container {
    max-width: 870px !important;
}
}