/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/*********************************
style mobile fixed header
*********************************/
 
.et_fixed_nav #main-header.et-fixed-header  {
position: fixed;
background: rgba(255,255,255);
height: 55px;
}
 
.et-fixed-header .logo_container {
height: 55px;
}
 
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
	position:inherit;
}
 
/*********************************
make mobile fixed header navigation icon larger
*********************************/
 
.et-fixed-header .mobile_menu_bar:before {
font-size: 45px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
}
 
.et_fixed_nav #et-top-navigation {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}


/*Search icon*/
 #et_search_icon:before
{
    font-size:13px;
    /*position:relative;*/
     top:-10px;
   
} 

#et_top_search
{
    font-size:13px;
    position:relative;
    text-align:justify;
    top:39px;
      color:rgb(19, 33, 60);
  margin-right: 10px;
  margin-left: 15px;
  transition: transform 0.2s;
  text-decoration: none !important;
 } 


#et_top_search:hover 
{
  background-color: #f04923 ;
  transform: scale(1.5);
}
 
/**************************
Increase height of logo area on mobile and mobile fixed header
***************************/
#logo, .et-fixed-header #logo {
max-height: 80%;
}
 
/*  ************************** */

 #top-menu-nav ul li a:hover
{
	color:rgb(255, 11, 9)!important;
}

/******************Mobile menu display is flex***********************/

/* ul#mobile_menu.et_mobile_menu*/
/*{*/
    /*display:default;*/
/*    visibility:initial;*/
/*}*/

 ul#mobile_menu.et_mobile_menu {
  
    display:flex;
    width:auto;
	height:auto; 
	margin:2px;
	padding-top:2px;
	padding-bottom:auto;
	align-items: baseline; 
} 


ul#mobile_menu.et_mobile_menu li a
{
	color:#13213c;
	padding:6px;
	text-transform:uppercase;
	
} 



/*  *************************** */
/* css style for Favicon in header */

.ficon {
  margin-right: 10px;
  margin-left: 10px;
/*   color: grey; */
/*   font-size: 20px; */
  transition: transform 0.2s;
  text-decoration: none !important;
}

.ficon:hover {
  transform: scale(1.5);
  color: #f04923 !important;
  /* transition: transform 0.2s; */
}

/* ****************************************************8 */

/*style the Divi blog link text as a button*/

.et_pb_post a.more-link {
  color: #ffffff;
	background: rgb(255, 11, 9);
/* 	border: 2px solid #0070fc; */
	border:none;
	padding:14px;
	/*padding: 14px 24px;*/
	margin-top: 10px;
	border-radius: 30px;
	display: inline-block;
	transition: all 0.3s ease-in-out;

	
}





 

.post-content
{
	text-align:center !important;
}

.post-content.post-content-inner p
{
	text-align:justify!important;
}

/*make Divi Blog module post excerpt link unclickable*/
/* div.post-content-inner 
{
	cursor: text !important;
	pointer-events:none !important;
} */

/* ************************************************ */

/*change the text of the pagination in the blogs*/


.pagination  .alignleft
{
    float:right;
}

.pagination .alignleft a {
	color: rgba(255,255,255,0);
	position: relative;
}
.pagination .alignleft a:after {
    font-size:11px;
    font-family:Josefin Sans;
	content: "More Results >>";
	position: relative;
	text-align: left;
	width: 105px;
	left: 0px;
	 color: #ffffff;
	background-color:rgb(255, 11, 9);
	/*padding: 1.1em 1.4em;*/
	
	padding:15px;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing:1px;
	margin-top:20px;
	margin-bottom:20px;
}


/****************************************/

.pagination  .alignright
{
    float:left;
   
}

.pagination .alignright a {
	color: rgba(255,255,255,0);
 	position: relative;
}

.pagination .alignright a:after {
    font-size:11px;
     font-family:Josefin Sans;
	content: "<< Previous Result";
	position: relative;
	text-align: right;
	width: 126px;
	right: 100px !important;
   color: #ffffff;
	background-color:rgb(255, 11, 9);
	/*padding: 1.1em 1.4em;*/
	padding:15px;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing:1px;
	margin-top:20px;
	margin-bottom:20px;
}




/***************************************************/


/* follow social media icons allignment should be inline */

ul.et_social_icons_container
{
	display: inline-flex !important;
} 

/* ******************************************************* */






/* .previous-post-link {
float: left;
}

.next-post-link {
float: right;
text-align: right;
}

.single-post-nav img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition:    opacity .2s ease-in-out;
	-ms-transition:     opacity .2s ease-in-out;
	-o-transition:      opacity .2s ease-in-out;
	transition:         opacity .2s ease-in-out;
} */





span.met-nav
{
	color:rgb(19, 19, 19);
}

span.met-nav:hover
{
	color:rgb(255, 11, 9);
}

/* *************************************************** */


/*make Divi Blog module post title link unclickable*/

/* .pa-blog-no-links .et_pb_post h4.entry-title a {
    pointer-events: none !important;
	cursor:default !important;
}
 */
/*make Divi Blog module post meta author link unclickable*/

/* .pa-blog-no-links .et_pb_post .post-meta span.author.vcard a {
    pointer-events: none !important;
	cursor:default !important;
} */

/*make Divi Blog module post meta category link unclickable*/

/* .pa-blog-no-links .et_pb_post .post-meta a {
    pointer-events: none !important;
	cursor:default !important;
	
} */


/* ***********************************************************/


/*add a neceassry position to the blog posts*/

.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}

/*change the mouse cursor into a pointer*/

.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}

/* ************************************************************** */

/*style the Divi blog link text as a button on hover*/

/* css style for read_more button  */

.et_pb_post a.more-link:hover {
	background-color:#2b2c2e!important ;
	color: #ffffff;
	border:none;
/* 	border: 2px solid #0070fc; */
	transition: all 0.3s ease-in-out;
}




@media only screen and (max-width: 400px) {
.pagination .alignleft a:after {
    font-size: 11px;
    font-family: Josefin Sans;
    content: "More Results >>";
    position: absolute;
    text-align: left;
    width: 120px;
    left: 0px;
    top:-1px;
    bottom:auto;
    padding: 7px;
	
    }}
    
@media only screen and (max-width: 400px) {  
.pagination .alignright a:after {
    font-size: 11px;
    font-family: Josefin Sans;
    content: "<< Previous Result";
    position: absolute;
    text-align: right;
    width: 140px;
    left:0px;
    bottom:2px;
   
    /* padding: 1.1em 1.4em; */
    padding: 7px;
    margin-top: 20px;
    margin-bottom: 20px;
    
}
}

 @media only screen and (max-width: 400px) {  
ul#mobile_menu.et_mobile_menu {
    display: flex;
    flex-wrap:wrap;
    }
}

/* media social share icons text  */
@media only screen and (max-width: 420px){
.et_monarch div.et_social_networkname {
font-size:12px;
}
}