/*
Theme Name: My template-child Child Theme
Theme URI: 
Version: 1.0
Description: 
Author: Rane digital
Author URI: 
Template: Divi
*/

/* New CSS */
.sotc_home_about_right{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.frm_forms input, .frm_forms textarea{
	background-color: rgba(255,255,255, 0.8)!important;
}

.frm_button_submit{
	float: right;
}

.sotc_post_wrapper{
	display: flex;
	flex-direction: column;
}

.sotc_main_post{
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #ffffff;
}

.sotc_post{
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #ffffff;
	margin-top: 30px;
}

.sotc-post-title {
	padding-bottom: 0 !important;
}

.sotc-post-date {
	font-weight: bold;
	font-size: 14px;
}

.sotc_main_post_right, .sotc_post_bottom{
	padding: 30px;
	width: 100%;
}

.sotc_main_post_right h2, .sotc_post_bottom h2{
	color: #7EB9D1;	
}

.sotc_main_post_right p, .sotc_post_bottom p{
	margin-bottom: 20px;
}

.sotc_main_blog_post, .sotc_blog_post{
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #f2f2f2;
}

.sotc_blog_post{
	margin-top: 30px;
}

.btn_post{
	padding: 10px 50px;
	color: #ffffff;
	background-color: #7EB9D1;
	border: 0;
	border-radius: 10px;
	transition: .2s;
}

.btn_post:hover{
	cursor: pointer;
	color: #7EB9D1;
	background-color: #f2f2f2;
}


.sotc_main_post_left{
	overflow-y: hidden;
	max-height: 300px;
}

@media (min-width: 980px ){

	.sotc_post_wrapper{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.sotc_post, .sotc_blog_post{
		width: 32%;
	}

	.sotc_main_post, .sotc_main_blog_post{
		flex-direction: row;
	}

	.sotc_main_post_left{
		width: 40%;
		overflow-y: hidden;
		max-height: 300px;
	}

	.sotc_main_post_left img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	.sotc_main_post_right{
		padding: 30px;
		width: 60%;
	}
}