@charset "utf-8";
/* CSS Document */

#teacherSearch {padding:20px 0 50px 0;}

.blogDetail img.blogDetailImage {width:100%;float:left;border-radius:12px;margin-bottom:20px;}
.blogDetail .blogDetailBlock h4 {color:#23305E;font-size:30px;font-weight:600;margin:0 0 0 0;padding:0 0 0 0;}
.blogDetail .blogDetailBlock p {color:#5C616E;font-size:16px;margin:5px 0 10px 0;padding:0 0 0 0;font-style:italic;}
.blogDetail .blogDetailBlock .viewRead {color:#5C616E;font-size:16px;margin:5px 0 0 0;padding:0 0 0 0;font-style:italic;}
.blogDetail .blogDetailBlock .viewRead .viewBlock {margin-right:10px;}
.blogDetail .blogDetailBlock .viewRead img {width:20px;}

.blogDetail .blogContent {color:#5C616E;font-size:16px;margin:20px 0 20px 0;padding:0 0 0 0;}

/*--Sign Up Block--*/
.signupBlock {position:relative;margin-top:80px;margin-bottom:60px;float:left;width:100%;}
.signupBlock .careerBlockRight img {position:absolute;right:30px;bottom:0;width:250px;}
.signupBlock .careerBlockInner {background:#5375E2;border-radius:30px;position:relative;padding:35px;z-index:99;}
.signupBlock .careerBlockInner h2 {font-size:30px;font-weight:600;color:#ffffff;margin:0 0 25px 0;padding:0;}
.signupBlock a.readMoreBtn {background:#fff;color:#5375E2;transition:.5s;}
.signupBlock a.readMoreBtn:hover {background:#23305E;color:#fff;}

.shareBtns {border:1px solid #CCCCCC;border-radius:8px;padding:20px;margin-bottom:40px;}
.shareBtns ul li {display:inline;margin-right:5px;}
.shareBtns ul li img {width:30px;transition:.5s;}


.prevNextPost {width:100%;}
.prevNextPost ul li {width:40%;float:left;text-align:left;transition:.5s;}

.prevNextPost ul li h4 {font-size:17px;font-weight:500;margin:0 0 0 0;padding:0 0 0 0;color:#23305E;transition:.5s;}
.prevNextPost ul li h6 {font-size:14px;font-weight:400;margin:10px 0 0 0;padding:0 0 0 0;color:#5C616E;transition:.5s;}

.prevNextPost ul li:hover h4 {color:#CE3F00;}
.prevNextPost ul li:hover h6 {color:#CE3F00;}

.prevNextPost ul li:last-child {float:right;}

.prevNextPost ul li:first-child img {float:left;}
.prevNextPost ul li:first-child .pnPostDetails {float:left;margin-left:5%;}

.prevNextPost ul li:last-child img {float:left;}
.prevNextPost ul li:last-child .pnPostDetails {float:left;margin-right:5%;}

.prevNextPost ul li img {width:30%;}
.prevNextPost ul li .pnPostDetails {width:65%;}

.commetnsBlock {width:100%;float:left;margin:50px 0px;}
.commetnsBlock h2 {font-size:30px;font-weight:600;color:#131247;margin:0 0 25px 0;padding:0;}
.commetnsBlock ul li {width:100%;float:left;}
.commetnsBlock ul li .commentsInner {width:100%;float:left;}
.commetnsBlock ul li .commentReply {margin-top:30px;margin-bottom:30px;width:80%;float:right;}
.commetnsBlock ul li .commentsInner img, .commetnsBlock ul li .commentReply img {width:15%;float:left;border-radius: 100%;}
.commetnsBlock ul li .commentsInner .commentsDetail, .commetnsBlock ul li .commentReply .commentsDetail {width:80%;float:left;margin-left:5%;}
.commetnsBlock ul li .commentsInner .commentsDetail h3, .commetnsBlock ul li .commentReply .commentsDetail h3 {color:#23305E;font-size:18px;font-weight:500;margin:0 0 5px 0;padding:0 0 0 0;}
.commetnsBlock ul li .commentsInner .commentsDetail h3 span, .commetnsBlock ul li .commentReply .commentsDetail h3 span {color:#5C616E;font-size:15px;font-weight:400;margin:0 0 0 0;padding:0 0 0 0;float:right;}
.commetnsBlock ul li .commentsInner .commentsDetail p, .commetnsBlock ul li .commentReply .commentsDetail p {color:#474747;font-size:14px;margin:0 0 10px 0;padding:0 0 0 0;}
.commetnsBlock ul li .commentsInner .commentsDetail a, .commetnsBlock ul li .commentReply .commentsDetail a {color:#23305E;font-size:14px;font-weight:500;transition:.5s;}
.commetnsBlock ul li .commentsInner .commentsDetail a:hover, .commetnsBlock ul li .commentReply .commentsDetail a:hover {color:#CE3F00;font-weight:600;}

.postComment {width:100%;float:left;}
.postComment h2 {font-size:30px;font-weight:600;color:#131247;margin:0 0 25px 0;padding:0;}
.postComment ul li {display:block;margin-bottom:10px;position:relative;width:100%;float:left;}
.postComment ul li:nth-of-type(2), .postComment ul li:nth-of-type(3) {width:49%;}
.postComment ul li:nth-of-type(4) {width:100%;margin:10px 0px 20px 0px;}
.postComment ul li:nth-of-type(2) {float:left;}
.postComment ul li:nth-of-type(3) {float:right;}
.postComment ul li input {width:100%;border:1px solid #DADADA;border-radius:8px;padding:18px 12px;color:#707070;font-size:14px;}
.postComment ul li textarea {width:100%;border:1px solid #DADADA;border-radius:8px;padding:18px 12px;color:#707070;font-size:14px;resize:none;height:150px;}
.postComment ul li input[type=submit] {background:#5375E2;border:0px;padding:18px 25px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;width:auto;transition:.5s;}
.postComment ul li input[type=submit]:hover {background:#CE3F00;}
.postComment ul li input[type=button] {background:#5a6268;border:0px;padding:18px 25px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;width:auto;transition:.5s;}

.postComment ul li .checkboxContainer {color:#7D7D7D;font-size:14px;padding-left:30px;cursor: pointer;}
.postComment ul li .checkboxContainer input{position: absolute;top: 2px;left: 0;cursor: pointer;height: 18px;width: 18px;border-radius: 5px;border: 1px solid #707070;}
.postComment ul li .checkboxContainer .checkmark{position:absolute;top:4px;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #707070;border-radius:4px;}
.postComment ul li .checkboxContainer:hover input~.checkmark{background-color:#ccc}
.postComment ul li .checkmark:after{content:"";position:absolute;display:none}
.postComment ul li .checkboxContainer input:checked~.checkmark:after{display:block}
.postComment ul li .checkboxContainer .checkmark:after {left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.rightSidebar h3 {font-size:25px;font-weight:600;color:#23305E;margin:0 0 20px 0;padding:0 0 20px 0;position:relative;}
.rightSidebar h3:after {position:absolute;content:'';width:120px;height:2px;background:#5375E2;left:0;bottom:0;}
.rightSidebar .relatedArticles {border:1px solid #CCCCCC;border-radius:10px;padding:20px;float:left;width:100%;}
.rightSidebar .relatedArticles ul li {position:relative;padding:0 0 0 18px;margin-bottom:10px;}
.rightSidebar .relatedArticles ul li:last-child {margin-bottom:0px;}
.rightSidebar .relatedArticles ul li a {color:#292929;font-size:16px;transition:.5s;}
.rightSidebar .relatedArticles ul li a:hover {color:#6200F7;font-weight:500;}
.rightSidebar .relatedArticles ul li:before {position:absolute;content:'\f101';color:#6100C1;font-family:'FontAwesome';left:0;}

.rightSidebar .trendingArticles {border:1px solid #CCCCCC;border-radius:10px;padding:20px;margin:30px 0px;float:left;width:100%;}
.rightSidebar .trendingArticles ul li a {width:100%;float:left;}
.rightSidebar .trendingArticles ul li {margin-bottom:20px;width:100%;float:left;}
.rightSidebar .trendingArticles ul li:last-child {margin-bottom:0;}
.rightSidebar .trendingArticles ul li a img.trendingArticlesImage {width:30%;float:left;margin:0 2% 0 0;}
.rightSidebar .trendingArticles ul li a .trendingRight {width:68%;float:left;}
.rightSidebar .trendingArticles ul li a .trendingRight h4 {color:#23305E;font-size:18px;margin:0 0 0 0;padding:0 0 0 0;transition:.5s;}
.rightSidebar .trendingArticles ul li a .trendingRight p {color:#5C616E;font-size:14px;margin:5px 0 10px 0;padding:0 0 0 0;font-style:italic;transition:.5s;}
.rightSidebar .trendingArticles ul li a .trendingRight .viewRead {color:#5C616E;font-size:14px;margin:5px 0 10px 0;padding:0 0 0 0;font-style:italic;}
.rightSidebar .trendingArticles ul li a .trendingRight .viewRead .viewBlock {margin-right:10px;}
.rightSidebar .trendingArticles ul li a .trendingRight .viewRead img {width:20px;}

.rightSidebar .trendingArticles ul li a:hover .trendingRight h4 {color:#6200F7;}
.rightSidebar .trendingArticles ul li a:hover .trendingRight p {color:#6200F7;}

.rightSidebar .newsletterBlock {border:1px solid #CCCCCC;border-radius:10px;padding:20px;margin:30px 0px;float:left;width:100%;}
.rightSidebar .newsletterBlock h4 {color:#5375E2;font-size:55px;font-weight:700;margin:0 0 0 0;padding:0;text-align:center;}
.rightSidebar .newsletterBlock h6 {color:#23305E;font-size:25px;font-weight:600;margin:0 0 0 0;padding:0;text-align:center;}
.rightSidebar .newsletterBlock p {color:#23305E;font-size:16px;font-weight:500;margin:0 0 0 0;padding:0;text-align:center;}
.rightSidebar .newsletterBlock form {margin-top:30px;}
.rightSidebar .newsletterBlock form input {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
.rightSidebar .newsletterBlock form button {background:#5375E2;border:0px;padding:18px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;width:80%;margin-left:10%;border-radius:12px;margin-top:10px;transition:.5s;}
.rightSidebar .newsletterBlock form button:hover {background:#CE3F00;}
.rightSidebar .newsletterBlock form button .fa {margin-left:10px;font-size:20px;}

@media screen and (max-width:812px)
{
	.learningDetailLeft {width:100%;}
	.learningDetailRight {width:100%;margin-top:50px;}
}

@media screen and (max-width:736px)
{
	.signupBlock .careerBlockRight img {bottom:auto;top:-80px;left:50%;margin-left:-150px;}
	.signupBlock .elearningBlockItems {margin-top:260px;flex:100%;}
}

@media screen and (max-width:420px)
{
	.learningDetailLeft h2 {font-size:25px;}
	.rightSidebar .newsletterBlock h4 {font-size:45px;}
	.readLatestArticles .card {width:100%;}
	.prevNextPost ul li {width:100%;}
	.prevNextPost ul li:last-child {margin-top:30px;}
	.postComment ul li:nth-of-type(2), .postComment ul li:nth-of-type(3) {width:100%;}
}