/*======================================
Theme Name: Ravn Moon Custom Theme
Theme URI: https://divicake.com/
Description: Ravn Moon Custom WordPress Child Theme
Version: 1.0
Author: Seamless Creative
Author URI: https://www.seamlesscreative.design
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

@media (max-width: 980px) {
.et_pb_section.et_pb_section_0.hero-section {
    background-position-x: -570px !important;
}
	
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    width: 80vw !important;
    margin-left: -100px;
	margin-top: 11px;
	padding: 45px 0;
}
}

@media only screen and (max-width: 980px) {
.four-columns .et_pb_column {
width: 25%!important;
}
}

.et_pb_post {
	margin-bottom: 0px !important;
    padding: 0 0 45px 0;
} 

.et_pb_blog_0 .post-content {
	margin-bottom: 75px !important;
}

/*-- Rotate Post Meta --*/
.et_pb_blog_0 .post-meta {
	border-bottom: 2px solid #8417a5;
	width: 140px;
	line-height: 42px;
	position: absolute!important;
	transform: rotate(-90deg);
	top: 50px;
	left: -140px;
}

@media only screen and (max-width: 980px) {
	.et_pb_blog_0 .post-meta {
		left: -130px;
}
}

/*-- Footer Seamless Creative link --*/

.sc-link {
	color: #595959;
	position: relative;
	transition: .5s !important;
}

.sc-link:hover {
	padding-right: 20px;
}

.sc-link::after {
	background: url(/wp-content/uploads/2020/11/Seamless_Creative_Logo_Gray.svg) no-repeat;
    position: absolute;
    content: '';
    height: 28px;
    width: 28px;
    margin-left: -5px;
    background-size: 28px;
    margin-top: -13px;
	opacity: 0;
   	transition: opacity .5s ease-in-out;
   	-moz-transition: opacity .5s ease-in-out;
   	-webkit-transition: opacity .5s ease-in-out;
}

.sc-link:hover::after {
	opacity: 1;
}

.email-link:hover {
	text-decoration: underline;
	text-decoration-color: #8417a5;
	transition: 1s;
}