a:hover {
color: #FF4C60;
}
body {
background: #FFF;
}
h1.site-title a, 
p.site-title a, 
p.site-description {
color: #030303;
}
.header-area {
border-bottom: 0px solid #ddd;
background-color: #FFF;
padding: 10px 0px;
}
.site-title a {
font-size: 30px;
}
.mainmenu-area {
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
padding-top: 18px;
background-color: #fff;
box-shadow: 5px 0 10px rgba(5, 5, 6, 0.08);
margin-top: 20px;
}
.site-title {
margin-bottom: 0px;
}
.mainmenu li a {
padding-top: 0px;
}
.mainmenu .menu-item-has-children::after {
font-family: FontAwesome;
content: "\f107";
font-size: 1em;
text-shadow: none;
opacity: .8;
position: absolute;
top: 2px;
right: .2rem;
}
.mainmenu li:hover a, 
.mainmenu li.active a {
transition: 0.5s;
color: #FF4C60;
}
.mainmenu ul li ul li {
width: 150px;
padding-top: 10px;
}
.mainmenu ul li ul {
width: 150px;
border-top: 0px solid #ddd;
}
ul.children {
padding-left: 0px;
}
.mainmenu ul li ul li ul{
left:30px;
}
.mainmenu ul li:hover ul li ul{
opacity: 0;
visibility: hidden;
}
.mainmenu ul li:hover > ul li:hover > ul{
left: 30px;
opacity: 1;
visibility: visible;
}
.mainmenu ul li:hover > ul li:hover > ul li:hover > ul{
left: auto;
right: 30px;
}
.slicknav_icon span.slicknav_icon-bar {
background: #000;
}
article.post, 
article.page {
margin: 0 auto 50px;
background: #fff;
padding: 50px 60px;
-webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
position: relative;
z-index: 2;
border: 0px solid #ddd;
border-radius: 0px;
}
article.post header {
position: relative;
z-index: 1;
}
.featured-image.epcl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: block;
}
.thumb {
position: relative;
z-index: 1;
min-height: 80px;
display: block;
box-shadow: 0 3px 5px -2px rgba(7,10,25,.2);
margin-bottom: 30px;
display: block;
position: relative;
}
.epcl-loader {
position: relative;
}
.epcl-loader::before {
content: '';
border: 2px solid #fff;
position: absolute;
left: 4px;
top: 4px;
right: 4px;
bottom: 4px;
z-index: 2;
}
.entry-meta {
margin-bottom: 10px;
display: inline-block;
}
.entry-header h2 a{
font-size: 20px;
text-transform: uppercase;
line-height: 26px;
text-decoration: none;
}
.entry-meta i,
.entry-footer i{
color: #FF4C60;
margin-right: 5px;
}
.entry-title a,
.posted-on a,
.entry-footer span a,
.entry-meta a{
color: #454360;;
}
.entry-meta i {
margin: 0px 15px;
}
.entry-title a:hover ,
.entry-footer span a:hover,
.entry-meta a:hover{
color: #FF4C60;
}
.page-links a {
text-decoration: none;
}
.nav-links a {
color: #55575c;
background-color: transparent;
border: 1px solid;
text-decoration: none;
}
.nav-links a:hover, 
.page-links a:hover {
color: #FF4C60;
transition: 0.5s;
border-color: #FF4C60;
background-color: #fff;
}
.widget {
margin: 0 auto 50px;
background: #fff;
padding: 50px 60px;
-webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
border: 0px solid #ddd;
}
.widget a:hover {
color: #FF4C60;
}
.single-area article.post {
border: 0px solid #ddd;
margin-bottom: 50px;
}
.footer-area {
background-color: #fff;
margin-top: 30px;
border: 1px solid #ddd;
}
.footer-meta a {
text-decoration: none;
color: #727377;
margin-right: 10px;
}
.footer-meta a:hover {
transition: 0.5s;
color: #FF4C60;
}
.entry-title a, 
.entry-footer span a, 
.entry-meta a {
color: #727377;
text-decoration: none;
}
.entry-title a:hover, 
.entry-footer span a:hover, 
.entry-meta a:hover {
color: #FF4C60;
text-decoration: none;
}
.comment-form input[type="submit"]:hover {
background: #FF4C60;
}
a.button {
text-decoration: none;
border: 1px solid #FF4C60;
padding: 10px 15px;
display: inline-block;
margin-top: 30px;
border-radius: 5px;
color: #FF4C60;
transition: 0.5s;
}
a.button:hover {
color: #fff;
background-color:#FF4C60;
transition: 0.5s;
text-decoration: none;
} @media only screen and (min-width: 768px) and (max-width: 991px) { 
.slicknav_btn {
left: 47%;
top: 0px;
}
.slicknav_menu {
margin-top: -10px;
}
} @media (min-width: 481px) and (max-width: 767px) { 
.slicknav_btn {
left: 45%;
top: 0px;
}
.slicknav_menu {
margin-top: -10px;
}
.meta .excerpt {
display: none;
}
.title-wrap h3 a {
font-size: 16px;
}
} @media (min-width: 320px) and (max-width: 480px) {
.slicknav_btn {
left: 45%;
top: 0px;
}
.slicknav_menu {
margin-top: -10px;
}
.meta .excerpt {
display: none;
}
.title-wrap h3 a {
font-size: 15px;
padding-top: 0px;
}
}