/*
 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
{
    /*content: '\e851';*/
    font-size:13px;
    position:relative;
    text-align:justify;
    top:39px;
     /*margin:14px 0 0 22px;*/
      color:rgb(19, 33, 60);
  /*margin-right: 10px;*/
  /*margin-left: 10px;*/
  /*transition: transform 0.2s;*/
  /*text-decoration: none !important;*/
}


#et_top_search:hover 
{
  background-color: #f04923 ;
  transform: scale(1.5);
}

/*  
@media only screen and (max-width: 600px) {
#et_top_search {
   display: flex;
    flex-direction: row;
    margin: -22px;
  }
} */


/**************************
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:red!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
{
	padding-right: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;

	
}


/*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 ;
	color: #ffffff;
	border:none;
/* 	border: 2px solid #0070fc; */
	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;
}


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

/*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: 0;
	 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: 0;
   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);
}

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

/*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;
}

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

@media only screen and (max-width: 400px) {  

ul#mobile_menu.et_mobile_menu {
    display: flex;
    flex-wrap:wrap;
    }
}

@media only screen and (max-width: 400px){
.pagination .alignleft a:after
{
bottom: 25px;
}}


@media only screen and (max-width: 400px){
.et_monarch div.et_social_networkname {
font-size:11px;
}
}