/*
Common CSs
*/

/* img{
  max-width: 100%;
}*/

/*
Header area style
*/
/*#header_area{
    
  padding: 150px 0;
}*/


/*=======================================
 Common CSS
========================================*/


body {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.5em;
}
/*
:root{   
    --pink:#ea1a70;
}

*/
p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", sans-serif;
  line-height: 1.5em;
}
img {
  max-width: 100%;
}

.slicknav_menu{
  display: none;
}

/*=======================================
 Header Area Style
========================================*/
/*#notice{*/
/*    background: #ff6b6b; */
/*    padding: 15px 0; */
/*    color: #fff; */
/*    text-align: center;*/
/*    margin-bottom: 10px;*/
/*    }*/
/*#notice h2{*/
/*  margin:0;        */
/*    }*/

#header_area {
  padding: 15px 0;
}

#header_area .col-md-9 ul {
  font-family: "Oswald", sans-serif;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
#header_area .col-md-9 ul li {
  display: inline-block;
  position: relative;
}

#header_area .col-md-9 ul li a span {
  display: block;
  font-size: 11px;
}


#header_area .col-md-9 ul li a {
  color: #262626;
  padding: 20px 10px;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
}
#header_area .col-md-9 ul li a:hover {
  background: #ea1a70;
  /*background: var(--pink); */
  color: #fff;
}

/*Dropdown Menu*/
#header_area .col-md-9 ul li ul {
  background: #262626 none repeat scroll 0 0;
  left: -99999px;
  margin: 0;
  position: absolute;
  text-align: left;
  top: 62px;
  width: 200px;
  z-index: 99999999;
}
#header_area .col-md-9 ul li:hover ul {
  left: 0px;
}
#header_area .col-md-9 ul li ul li {
  display: block;
}
#header_area .col-md-9 ul li ul li a {
  color: #fff;
  padding: 8px 10px;
}
#header_area .col-md-9 ul li ul li a:hover {
  background: #ddd;
  color: #262626;
}
#header_area .col-md-9 ul li:hover a {
  background: #ea1a70;
  color: #fff;
}
#header_area .col-md-9 ul li:hover ul li a {
  background: none;
  color: #fff;
}

/*Sub Dropdown Menu*/
#header_area .col-md-9 ul li ul ul {
  left: -99999px;
  top: 0;
  position: absolute;
}
#header_area .col-md-9 ul li:hover ul li ul {
  left: -999999px;
}
#header_area .col-md-9 ul li ul li:hover ul {
  left: 200px;
}
#header_area .col-md-9 ul li ul li:hover a {
  background: #ea1a70;
  color: #fff;
}
#header_area .col-md-9 ul ul li:hover ul li a {
  background: #262626;
  color: #fff;
}
#header_area .col-md-9 ul ul li ul li a:hover {
  background: #ea1a70;
  color: #fff;
}

/*
==============================================
Menu Position
=======================================================
*/

#header_area.left_menu .col-md-3 {
order: 2;
}
#header_area.left_menu .col-md-9 {
order: 1;
}
#header_area.left_menu.col-md-9 ul{
text-align: left;
}

#header_area.center_menu .col-md-3 {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
#header_area.center_menu .col-md-9 {
   width: 100%;
}

header_area.center_menu .col-md-9 ul{
   text-align: center;
}

header_area.center_menu .col-md-9 ul ul{
   text-align: left;
}

/*
Pagenav Area Styling

*/
#page_nav p.pages{
    background: #ea1a70 ;
    color: #fff;
    padding: 5px 10px;
}

#page_nav p.pages span{
    display:inline-block ;
        padding: 0 5px;
}

#page_nav .page-numbers{
    background: #ea1a70 ;
    color: #fff;
    padding: 5px 10px;
    display:inline-block;
    text-decoration:none;
    margin-right:5px;
    transition: 0.5s;
}
#page_nav .page-numbers.current, #page_nav .page-numbers:hover {
    background:#262626;
}
/*===========================================
  Homepage category Styling
===========================================*/
#homepage_post .child_home ul {
  text-align: center;
}
#homepage_post .child_home ul li {
  display: inline-block;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px #ddd;
  margin: 0 10px;
  border-radius: 10px;
}
#homepage_post .child_home ul li a {
  font-size: 25px;
  color: #262626;
  display: block;
  margin: 15px 0;
  text-decoration: none;
}


/*
===============================
Footer Area Styling
====================================
*/

#footer{
    background: #262626;
    color: #fff;
    padding: 40px 0 20px;
    border-bottom: 2px solid #ddd;
    
}

#footer .child_sidebar ul li a{
    color: #fff;
}
    


#copyright_area{
    background: #292929;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

#copyright_area p{
    margin: 0;
    color: #fff;
    font-size: 16px;
}

#copyright_area p a{
    color: #ea1a70;
}

/*
Read More Button

*/

a.redmore {
    background: #ea1a70;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 10px;
    transition: 0.6s;
}

a.redmore:hover {
    background: #262626;
}

/*
=========================
Index Page Style
=========================
*/
#body_area{ padding: 45px 0 }
#body_area .blog_area{
    width: 100%; 
    margin-bottom:15px;
    }
    
#body_area .blog_area{
    width:100%;
    background: rgb(243, 243, 243);
    margin-bottom: 17px;
    padding: 15px;
    box-shadow: 0px 0px 10px blue;
}

#body_area .post_thumb{
    overflow:hidden;
    width: 100%; 
    margin-bottom:15px;
    }
#body_area .post_thumb img {
    transition: 0.6s;
    width: 100%; 
    display:block;
    }
    
#body_area .post_thumb:hover  img {
    transform: scale(1.15);
    }

#body_area .post_details{
    width: 100%; 
}
#body_area .post_details p span{
  display: inline-block;
  margin: 0 5px;
}
#body_area .post_details div{
    width: 100% !important; 
    
}

#body_area .post_details h2{
    font-family: "Roboto", sans-serif;
    font-weight: 700;
  font-size: 30px;
}
#body_area .post_details h2 a{
    color: #26262;
    text-decoration: none;
    transition: 0.5s;
}
#body_area .post_details h2 a:hover{
    color: #EA1A70;
    text-decoration: none;
}
#copyright_area p a: hover{
    text-decoration: underline;
}
/*
===================================
Archive Title Styling
=================================
*/
#archive_title, #search_title{
    background: #ea1a70;
    padding: 5px;
    margin-bottom: 20px;
}
#archive_title h1, #search_title h1{
    color: #fff;
    font-size:20px;
    margin-bottom: 20px;
}



/*
===================================
Serach Header/sidebar Styling
=================================
*/
.child_sidebar h2{
    font-family: "Roboto", sans-serif;
    font-weight: 700;
  font-size: 30px;
  margin-bottom: 0;
  line-height:1.5em;
 /*
  border-left: 5px solid #ea1a70;
  padding-left: 5px;
  */
}

.child_sidebar{
        margin-bottom:20px;
}

.child_sidebar input[type="search"]{
    background: #ddd;
    border: 1px solid blue;
    padding: 10px;
}
.child_sidebar button[type="submit"]{
    background: #ea1a70;
    border: 1px solid blue;
    padding: 10px;
    margin: 0;
    color:#fff;
    transition: 0.5s;
}
.child_sidebar button[type="submit"]:hover {
    background: #262626;
    border: 3px solid blue;
}

 .child_sidebar ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
}

 .child_sidebar ul li{
    display:block;
    margin-bottom:5px;
}
.child_sidebar ul ul{
    display:none;
}

 .child_sidebar ul li a{
    display:inline-block;
    color:#262626;
    text-decoration:none;
}

 .child_sidebar ul li a:hover {
    color:#ea1a70;
}

 .child_sidebar a.tag-cloud-link{
    background: #ea1a70;
    color: #fff;
    font-size: 12px !important;
    display:inline-block;
    text-decoration: none;
    padding:5px;
    margin-bottom: 5px;
}

/*
=====================================================
Post Comments Area Styling
=======================================================
*/

#comments_area h3{
     font-family: "Roboto", sans-serif;
    font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  
}

/*
=====================================================
404 Page Styling
=======================================================
*/

.error_page{
    
    padding: 50px 0;
    text-align: center;
}
.error_page h1{
 font-family: "Roboto", sans-serif;
    font-weight: 700;
  font-size: 20px;
  margin-bottom: 30px;
  color: #262626;
  text-transform: uppercase;
    
}
.error_page p{
 color: #ea1a70; 
 margin-bottom:0;
}

.error_page a.homepage{
    background: #ea1a70;
     color:#fff;
     margin-bottom: 0;
     font-size: 18px;
     text-decoration:none;
     text-transform: uppercase;
     display:inline-block;
     padding: 10px 20px;
     margin-top: 20px;
     transition: 0.5s;
}

.error_page a.homepage:hover{
    
     background: #262626;
}
.error_search{
    margin-bottom: 15px;
}

.error_search input[type="text"]{
    background: #ddd;
    border: 1px solid blue;
    padding: 10px;
}
.error_search input[type="submit"]{
    background: #ea1a70;
    border: 1px solid blue;
    padding: 10px;
    margin: 0;
    color:#fff;
    transition: 0.5s;
}
.error_search input[type="submit"]:hover {
    background: #262626;
    border: 3px solid blue;
}


/*
=====================================================
Custom Post Styling
=======================================================

*/

/*Theme Service area styling*/
#service_area {
  padding: 45px 0;
}
#service_area .child_service {
  background: #ddd;
  box-shadow: 0 0 10px #ddd;
  padding: 15px;
  border-radius: 15px;
}
#service_area .child_service img {
  width: 100%;
  margin: 0 0 15px;
}
.child_sidebar .col-md-4 {
  width: 100%;
  margin-bottom: 20px;
}

/*===========================================
  Slider Area Styling
===========================================*/
#slider_area{
  margin: 25px 0;
}
#slider_area img{
  width: 100%;
  height: auto;
}


/*
=====================================================
shortcode Button styling
=======================================================

*/



.button{
    
    background:#ea1a70 ;
    padding: 10px 20px;
    color: #fff;
    display:inline-block;
    border-radius: 10px;
}




/*
=====================================================
body_area Original/Previous CSS
=======================================================

#body_area .child_sidebar h2{
    font-family: "Roboto", sans-serif;
    font-weight: 700;
  font-size: 30px;
  margin-bottom: 0;
  line-height:1.5em;
}

#body_area .child_sidebar{
        margin-bottom:20px;
}

#body_area .child_sidebar input[type="search"]{
    background: #ddd;
    border: 1px solid blue;
    padding: 10px;
}
#body_area .child_sidebar button[type="submit"]{
    background: #ea1a70;
    border: 1px solid blue;
    padding: 10px;
    margin: 0;
    color:#fff;
    transition: 0.5s;
}
#body_area .child_sidebar button[type="submit"]:hover {
    background: #262626;
    border: 3px solid blue;
}

#body_area .child_sidebar ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
}

#body_area .child_sidebar ul li{
    display:block;
    margin-bottom:5px;
}
#body_area .child_sidebar ul li a{
    display:inline-block;
    color:#262626;
    text-decoration:none;
}

#body_area .child_sidebar ul li a:hover {
    color:#ea1a70;
}

#body_area .child_sidebar a.tag-cloud-link{
    background:#ea1a70 ;
    color: #fff;
    font-size: 12px !important;
    display:inline-block;
    text-decoration: none;
    padding:5px;
    margin-bottom: 5px;
}





*/