body, html{ 
	font-size: 16px;
	
}

	
	#whole_header_area #header_area {
	padding: 16px 0 0 0;
}

body.inner-page #whole_header_area {
	border-bottom: 1px solid #eee;
}

.row {
	display: flex;
	padding: 5%;

}

.video-blog {
	align-items: center;
}

.video-blog .video {
	/* background: #eee; */
}

.blog p {
	padding: 0;
}

.blog .excerpt {
	padding: 10px 0;
}

.blog {
	border-left: 7px solid #ffc107;
	color: #5e5e60;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
	
}

.blog p {
	
}


.home-main {
	width: 100%;
	/* margin-top: 128px; */
	margin-top: 80px; 
}

#banner_content_community .banner_content_title {
	padding: 0;
	border-left: 7px solid #4caf50;
    padding-left: 10px;
    font-size: 1.5em;
}

#banner_content_community .banner_content_title h1 {
	font-size: 2em;
	margin-bottom: 25px;
}

#banner_content_community .banner_content_title::after {
	background: none;
}


#home-one {
		/* background: url('https://cohousing.org/wp-content/uploads/2018/10/slideshow_image.jpg'); */
		/* background: url('../images/homepage20200928.png'); */
		background: url('../images/cohousing_hero_1700.jpg'); 
		height: 600px;
		width: 100%;
		background-position: 100% 20%;
		background-repeat: no-repeat;
		background-size: cover; 
		position: relative;
		min-width: 1000px;
}

.main-box {
	position: absolute;
	width: 25%;
    height: 60%;
	background: #fff;
	top: 2%;
	left: 2%;
	padding: 30px;
}

#banner_content_community .conference_website a {
	margin-top: 70px;
	font-size: 1.3em !important;
}

#banner_conference {
	height: 9%;
    width: 38%;
    text-align: center;
    top: 32.13%;
    padding: 0px;
    background: #4caf50;
    transform: rotate(-90deg);
    right: -16.18%;
    left: auto;
    font-size: 1.2em;
    color: #fff;
    font-family: 'myriadpro-regular';
    font-weight: 400;
    position: absolute;
}

#banner_conference a {
	color: #fff;
    text-decoration: none;
    display: block;
    padding: 5.6% 0px;
    background: url(../images/banner_arrow.png) no-repeat 50% 20%;
}

.widget-title {
	width: 80%;
    font-size: 3em;
    margin-bottom: 5%;
    margin-top: 5%;
}

.what .cohousing_des {
    border-left: 7px solid #ffc107;
    margin-bottom: 10%;
    }
    
 .why .cohousing_des {
    margin-bottom: 10%;
    border-left: 7px solid #536dfe;
}

 .about .cohousing_des {
    margin-bottom: 10%;
    border-left: 7px solid #A233FF;
}  

.enews .cohousing_des {
	margin-bottom: 10%;
	border-left: 7px solid #4caf50;
}

.learning_section .learning_section_title {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #231f20;
}

.learning_section .learning_section_des {
    line-height: 30px;
    color: #231f20;
    margin-bottom: 15px;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95em;
}
    
 .link_button a {
	 background: #ffc107;
    padding: 4% 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 24px;
    text-decoration: none;
    font-size: 1.3em !important;
    font-family: 'myriadpro-regular', sans-serif !important;
    font-weight: 400;
    text-transform: capitalize;
 }   
 
 .why .link_button a{
	    background: #536dfe !important;
}

.about .link_button a {
	background: #A233FF !important;
}

.enews .link_button a{
	background: #4caf50 !important;
}

.what-is-cohousing-home .widget_text {
	margin: 0 5% 12% 5%;
}

.what-is-cohousing-home .widget-title {
	margin-top: 0;
}
	    
.widget_text {
	margin:5%;
	height: 100%;
	position: relative;
}

.learning_section h2.widget-title  {
	width: 100%;
}
.learning_section .widget_text {
	margin: 2% 0;
	height: auto;
}

.widget_text p {
	color: #5e5e60;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
}


.link_button {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#whole_learning_section {
	width: 100%;
    overflow: hidden;
    background: #eee;
}

#whole_learning_section .learning_section {
    width: 95%;
    margin: auto;
    padding-top: 0;
    padding-bottom: 3.5%;
    overflow: hidden;
}

.blog .widget-title {
	margin-top: 0;
}

@media screen and (max-width: 600px) { 
	
	
}


@media screen and (max-width: 768px) { 
	
	.home-main {
		margin-top: 0;
	}
	
	.main-box {
		height: 50%;
	}
	
	.row {
		display: block;
	}
	
	.link_button {
		position:relative;
	}
	
	.blog {
		margin-top: 20px;
	}
	
	
}

@media only screen and (max-width: 1279px) and (min-width: 768px){

	
	
	#banner_content_community .banner_content_title {
	    font-size: 1.5em !important;
	}
	
	.main-box {
		padding: 20px 10px;
		height: 50%;
	}

}

@media only screen and (max-width: 767px) and (min-width: 0px){
	
	#banner_content_community .banner_content_title h1 {
    font-size: 1.5em;

}

#banner_content_community .banner_content_title  {
	font-size: 1.2em;
}
}