
/*head start*/ 

/*head end*/  

.new-home-cont h1{font-family: Gibson-Medium;font-weight: 500;font-size: 36px;color: var(--head-color);line-height: normal;margin: 30px 0px 10px 0px;}
.new-home-cont h2 {
    font-family: Gibson-Regular;
    font-size: 30px;
    color: var(--main-red-color);
    line-height: normal;
    margin: 10px 0px 20px 0px;
}
.de-element-item h2{font-size: 20px !important;}
.new-home-banner h1{font-size:26px;}
.new-home-banner{}
.new-home-banner img{width:100%; height:auto;}
.new-home-cont{}
.new-home-title{ position:relative; float:left; width:100%;}

.new-home-title:before{width:50%; height:8px; background:#852119; position:absolute; top:50px;right:0px;content:'';}
.new-home-title:after{width:8px; height:40px; background:#852119; position:absolute; top:50px;right:0px;content:'';}

.new-home-left-block{}
.new-home-left-block .col-sm-6{padding-right:45px !important;word-break: break-word;margin: 10px 0px 28px 0px;}
.new-home-right-block {
    margin-bottom: 20px;
    float: left;
	width:100%;
	
}
.new-home-right-block h1{text-align:center;color:var(--cont-black-color);}

.new-home-banner h1 {
    font-size: 26px;
    width: 33%;
    position: absolute;
    top: 25px;
    left: 25px;
    line-height: 34px;
    margin: 0px;
    padding: 50px;
	font-family: Gibson-Medium;
	letter-spacing: 2px;
    /*color: #FFFFFF !important;  new banner color */
}
.topconv-dash-header {
    height: auto;
    padding: 0px;
    width: 100%;
	margin-bottom: 15px;
}
.new-home-title h1{float:left; padding-right:40px; background:#ffffff;z-index: 99;position: relative;}
.topconv-dash-header img {
    height: 85px !important;
    margin: 0 10px 0 0 !important;
    float: left;
    width: auto !important;
	background:#c5c5c5;
}
.topconv_post_head {
    font-size: 13px;
    height: 60px;
    line-height: 16px;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 0px;
    width: auto;
}
.topconv-dash-header a {
    color: var(--main-blue-color);
    font-family: "Gibson-Regular";
    float: left;
    width: 100%;
    font-size: 22px;
	margin-bottom: 5px;
	margin-top:3px;
}
.topconv-dash-header span {
    color: var(--cont-black-color);
    font-size: 14px;
    line-height: 22px;
}
.dash-well-cont {
    line-height: 20px;
    font-size: 16px;
    padding: 1px 0px;
    
	margin-top: 57px;
	float: left;
	width: 100%;
}
.dash-well-cont p{margin:0px;word-break: break-word;}
.tc-widget .dash-well-cont p  a, .tc-widget .dash-well-cont p a:hover{color: var(--main-blue-color); text-decoration:none;}
.dash-footer {
    color:var(--cont-black-color);
    font-size: 16px;
    line-height: 13px;
    padding: 0px;
    float: left;
    width: 100%;
    box-sizing: border-box;
	margin-bottom:20px;
}
.dash-footer a:link, .dash-footer a:visited {
    color: #852119;
    font-family: "Gibson-Medium";
    font-size: 16px;
	text-decoration:underline !important;
}
.gallery-view-all {
    background: none;
    cursor: pointer;
    color: var(--cont-black-color);
    clear: both;
    float: right;
	font-size:20px;
	font-family: "Gibson-semibold";
}
.newest-members-row .member-user-img {
    float: left;
    height: auto;
    max-height: 112px;
    overflow: hidden;
    padding-top: 8px;
	padding-bottom:8px;
    width: 80px;
	margin-right:10px;
}
.newest-members-row .member-user-details {
    line-height: 18px;
	font-size: 16px;
    padding-top: 5px;
    width: 60%;
    float: left;
}
.newest-members-row .member-user-details  a{
	color: var(--cont-black-color);
	font-size: 20px;
	margin-bottom: 8px;
	display: block;
}
.member-user-details  a{color: var(--main-blue-color);}
.newest-members-row .member-user-img img{width:100%; height:auto;}
.newest-members-row .col-sm-6{padding-left:0px !important;}

.hot-topic-module-list img {
    width: 100%;
    height: auto;
    max-height: 175px;
    object-fit: cover;
	object-position: 0 0;
    padding: 0px 0 10px 0px;
    max-width: 345px;
	margin-top:20px;
}
.featured-quotes .dash-well-cont {
    padding: 10px 0px;
}
.featured-quotes .dash-well-cont a {
   /* color: var(--cont-black-color) !important;*/
    cursor: pointer;
    display: block;
    font-family: "Gibson-regular";
    font-size: 20px;
    margin-top: 5px !important;
	padding:0px !important;
	font-weight: normal;
}
.rel-icon {
    color: #afbdc8; font-size: 35px;text-align: center;line-height: 12px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 50px;
}
.rel-icon .rel-text {
    font-size: 10px;
    line-height: 11px;
    margin-top: 5px;
    text-align: center;
    text-transform: capitalize;
}
.new-home-left-block  .rel-icon{top:10px !important;}
.rel-title{font-size:16px; color: var(--cont-black-color);font-family: "Gibson-regular"; line-height:20px;}
ul.latest-resources{margin:0px; padding:0px; list-style:none; float:left;width:100%;}
ul.latest-resources li {
    padding-left: 55px;
    position: relative;
    min-height: 55px;
    line-height: 20px;
    margin-bottom: 15px;
}
.rel-title a:link, .rel-title a:visited {
    font-size: 16px;
    color: var(--cont-black-color) !important;
    text-decoration: none;
    font-family: "Gibson-regular";
	
}
.new-home-left-block .rel-title a {
	height: 45px;
    display: table-cell;
    vertical-align: middle;	
}
.diagnostic-educator-section h3{font-size:24px;font-family: "Gibson-regular";color: var(--main-cont-color) !important;}
.main-list-style{margin:0px 0px 0px 15px; padding:0px; list-style:none;width: 100%;float: left;}
.main-list-style li{margin:0px; padding:0px; font-family: "Gibson-regular"; font-size: 16px;color: var(--cont-black-color) !important; margin-bottom:12px;float:left;width:100%;}
.main-list-style li p{margin: 0px;display: inline-block;}
.main-list-style li a{font-family: "Gibson-regular"; font-size: 16px;color: var(--cont-black-color) !important;}
.main-list-style li:before {
  content: "\25CF";  /* Add content: \9724 is the CSS Code/unicode for a bullet */
  color:  var(--main-blue-color) !important;/* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  float:left;
}

.bootstrap-yop .basic-question-title {
    color: var(--main-cont-color) !important;
    margin-bottom: 0px;
    font-size: 24px;
    font-family: "Gibson-Regular";
    margin-bottom: 8px;
	font-weight:normal !important;
	line-height: normal;
}
.bootstrap-yop .basic-question {
    margin: 0px !important;
	padding: 0px !important;
}
.bootstrap-yop {
    font-family: "Gibson-Regular" !important;
    color: var(--main-cont-color) !important;
    font-size: 16px;
}
.bootstrap-yop li.basic-answer .progress {
    height: 15px !important;
    border-radius: 0px;
    background: #222C43 !important;
    margin-left: 55px;
}
.bootstrap-yop ul.results-basic-answers li .basic-text {
    font-size: 15px !important;
}
.bootstrap-yop li.basic-answer .progress .progress-bar {
    height: 15px !important;
    border-radius: 0px !important;
    background: #638FDA !important;
}
.bootstrap-yop li.basic-answer:first-child .progress .progress-bar {
    background: #ff646a !important;
}

.see-all-poll-button {
    background: none;
	cursor: pointer;
	color: var(--cont-black-color) !important;
	clear: both;
	float: right;
	font-size: 20px;
	font-family: "Gibson-semibold";
}

.bootstrap-yop .results-details {
    position: absolute;
    left: 0px;
    bottom: -20px;
    font-size: 15px !important;
    color: var(--cont-black-color) !important;
}
.bootstrap-yop .basic-yop-poll-container{
	padding:10px 0px !important;
}
.basic-answer {
    padding: 10px 0px !important;
}
.poll-footer .social-share-box.courage-share-box {
    right: 0 !important;
    width: 62px !important;
}
.social-share-box.courage-share-box {
    bottom: 2px;
    float: left;
    position: absolute;
	right: 86px;
	width: 165px;
}
 
.social-share-box {
    position: relative;
    width: 100%;
    float: left;
}
.social-share-box .social-share span.icon-share {
    left: 5px;
    top: 0px;
    color: #AEA99D !important;
}
.bootstrap-yop .basic-answer {
    margin-bottom: 0px !important;
}

.recent-posts-cont a:link, .recent-posts-cont a:visited{
color: var(--main-blue-color);
font-family: "Gibson-semibold";
font-size: 20px;
text-decoration:none;
}
.recent-posts-cont a.social-wall-more{
	margin-bottom: 10px !important;
    display: inline-block;
}
.recent-posts-cont ul li  a:link, .recent-posts-cont ul li a:visited{
font-family: "Gibson-regular";
font-size: 16px;
text-decoration:none !important;
}

.main-link{width: auto;float: right; margin:10px 0px 20px;}
.main-link-button{
background:url(../images/long-arrow.png)no-repeat right -5px;
cursor: pointer;
color: var(--cont-black-color) !important;
clear: both;
float: right;
font-size: 20px;
font-family: "Gibson-semibold";
padding-right:40px;
}
.main-link-button:hover{text-decoration:none;}

.community-leaderboard{
color: var(--main-cont-color) !important;
font-size: 24px;
font-family: "Gibson-Regular";
/*margin-bottom: 15px;*/
font-weight: normal !important;
line-height: 29px;
background: none;
padding: 0px;
}

.new-home-right-block .dash-well-cont{padding: 0px!important; margin: 0px!important;}
.poll-footer .main-link{margin-top:-5px !important;/*text-transform: capitalize !important;*/}

.new-home-left-block .de-element-item h3{
color: var(--main-cont-color) !important;
font-size: 24px;
font-family: "Gibson-Regular";
margin-bottom: 15px;
font-weight: normal !important;
line-height: 30px;
background: none;
padding: 0px;
margin-top:25px;
}

.new-home-cont-left{}
.new-home-cont-right{}

.diagnostic-educator-section img {width: 100%;}

.featured-quotes .feat_title a{font-size: 20px; line-height:normal;}
.featured-quotes a.read-more-topic{
  color: #852119 !important;
    text-decoration: underline !important;
	font-size: 16px !important;
	margin-top:12px !important;
	font-family: "Gibson-Medium";
	margin-bottom:10px;
	}
.diagnostic-educator-home-right img {
    width: 100%;
    margin-bottom: 15px;
}

.awareness-day-banner{
	position:relative;
}
.awareness-day-banner img.welcome_page_banner {
    width: 100%;
    height: auto;
	min-height: 480px;
    object-fit: cover;
}
.awareness-day-banner .awareness-day-banner-cont{
	width: 385px;
    position: absolute;
    top: 25px;
    right: 25px;
    margin: 0px;
    padding: 30px;
}
.es .awareness-day-banner .awareness-day-banner-cont {
    width: 400px;
}
.awareness-day-banner .awareness-day-banner-cont h1{
    padding: 0px ;
	margin:0px;
	font-family: Gibson-Medium;
    font-size: 36px ;
    color: #000000;
    line-height: 40px;
}
.awareness-day-banner .event_det{
	padding: 0px ;
	margin:20px 0px;
	font-family: Gibson-Regular;
    font-size: 18px ;
    color: #000000;
    line-height:24px;
}
.awareness-day-banner .counter{
	padding: 0px ;
	margin:0px;
	font-family: Gibson-Regular;
    font-size: 18px ;
    color: #000000;
    line-height: 24px;
	text-align:center;
}
.awareness-day-banner .counter .counter-bold{
	font-family: Gibson-Medium;
    font-size: 36px ;
    color: #000000;
    line-height: 40px;
	display:block;
	position:relative;
}
.awareness-day-banner .counter .counter-bold:after {
    position: absolute;
    content: ":";
    right: -15px;
    font-size: 40px;
    top: -2px;
}
.awareness-day-banner .counter .counter-block.last .counter-bold:after {display:none;}
.awareness-day-banner .counter  .counter-block{
	float:left;
	padding: 0px 20px 0px 0px;
    min-width: 75px;
}
.awarnes_event_list h1{
	padding:10px 15px; 
	margin:0px;
	text-align:center;
	font-family: Gibson-Medium;
    font-size: 28px ;
    color: #000000;
}
.event-box{margin-bottom:30px;}
.event-box p{
	padding:0px; 
	margin:0px 0px 2px 0px;
	font-family: Gibson-Regular;
    font-size: 16px ;
    color: #000000;
    line-height: 22px;
	}
.event-box p.event-name{font-family: Gibson-Medium;font-size: 18px ;}

@media screen and (max-width: 380px) {
	.awareness-day-banner .counter .counter-bold:after {
		right: -12px;
		font-size: 36px;
	}
	.awareness-day-banner .counter .counter-bold {
		font-size: 36px;
	}
	.awareness-day-banner .counter .counter-block {
		float: left;
		padding: 0px 10px 0px 0px;
		min-width: 60px;
	}
	.es .awareness-day-banner .counter .counter-block {
		min-width: 55px;
	}
}
@media screen and (max-width:680px) {
	.awareness-day-banner img.welcome_page_banner {
		width: 100%;
		height: auto;
		min-height: auto;
		object-fit: cover;
	}
	.awareness-day-banner .awareness-day-banner-cont {
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		margin: 0px;
		padding: 30px 15px;
	}
}
@media screen and (max-width: 1199px) {
.new-home-banner h1{padding:25px!important; font-size: 22px;line-height: 30px;}
}
@media screen and (min-width: 992px) {
.new-home-cont-right .new-home-right-block{border-bottom:1px solid #852119;/*padding-bottom: 15px;*/ margin-bottom:0px;}
}
@media screen and (max-width: 991px) {
.new-home-cont-left{width:100%;z-index: 999;}
.new-home-cont-right{width:100%;border-top:1px solid var(--main-blue-color);}
.new-home-cont-right div.new-home-right-block{width:47%; float:left;}
.new-home-cont-right div.new-home-right-block:first-child{ padding-right:3%; margin-right:3%; border-right:1px solid var(--main-blue-color);}
.recent-posts-cont{}
.new-home-banner h1{padding:25px!important; font-size: 22px;line-height: 28px;}
}
@media screen and (max-width: 767px) {
	.new-home-banner h1 {color:#133d38 !important;
  font-size: 18px !important;
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  line-height: 24px;
  margin: 0px;
  padding: 20px 15px;
  font-family: Gibson-Medium;
  padding-right: 30px;}
}
.new-home-left-block.join-coversation-block{

width:88%;
}
.joinconv_mod.two-section {
    margin-left: 25px;
    margin-top: -3px;
    width: 90%;
    margin-bottom: -33px;
}
@media screen and (max-width:680px) {
	.awareness-day-banner img.welcome_page_banner {
		width: 100%;
		height: auto;
		min-height: auto;
		object-fit: cover;
	}
@media screen and (max-width: 890px) {
	.new-home-banner h1 {padding: 25px!important;font-size: 18px;z-index: 999;	line-height: 24px;top: 10px;}
}
@media screen and (max-width: 1199px) {
.new-home-banner h1{padding:25px!important; font-size: 22px;line-height: 30px;}
}
@media screen and (min-width: 992px) {
.new-home-cont-right .new-home-right-block{border-bottom:1px solid var(--main-blue-color);padding-bottom: 15px; margin-bottom:0px;}
}
@media screen and (max-width: 890px) {
	.new-home-banner h1 {padding: 25px!important;font-size: 18px;	line-height: 24px;top: 10px;}
}
@media screen and (max-width: 767px) {
.featured-quotes .feat_title a {font-size: 16px;line-height: normal; font-family: "Gibson-medium";}
.bootstrap-yop .basic-question-title{font-size: 16px; margin-top:-22px;}
.new-home-cont-right{border-top:none;z-index: 999;}
.new-home-cont-right div.new-home-right-block{width:100%; float:left;border-top:1px solid var(--main-blue-color); /*padding-top:20px;*/ margin-bottom:20px;padding-bottom: 20px;}
.new-home-cont-right div.new-home-right-block:first-child{ padding-right:0; margin-right:0; border-right:none;}
}

.new-home-left-block .col-sm-6 .de-element-item,.new-home-left-block .col-sm-6 .article{padding-right:45px !important;word-break: normal;}
.de-element-item h2{font-size: 20px !important;}
.gt-element-item h2{font-size: 20px !important;}
