/*
 Theme Name:   Ultra Child
 Theme URI:    https://themify.me/themes/ultra
 Description:  Themify Ultra Child Theme
 Author:       Madhavi Jha
 Author URI:   https://www.letsfindmore.com/author/madhavijha17/
 Template:     themify-ultra
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         themify, featured-images, translation-ready, custom-menu, sidebar 
 Text Domain:  themify
*/

/*header */

#header {
    padding: 0em 0 1em;
}

.mjt_tag{
	float:left;
	display:inline-block;
	margin: 1.5em auto 0;
}
.header-bar{
	width: initial;
    display: inline-block;
}
#site-logo{
	margin: 0;
    padding: 0;
}

.mjt_tag a{
	color: #333;
	margin: .5em auto;
    padding: 0;
    line-height: 1.2em;
    font-size: 1.8em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -.04em;
    transition: all 0.2s ease-in-out;
	text-decoration: none;
}
#main-nav { 
    display: inline-block;
}
.mjt_heading{
	float:right;
	    
}
.mjt_heading a{
	color: #333;
	margin: .5em auto;
    padding: 0;
    line-height: 1.2em;
    font-size: 1.8em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -.04em;
    transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.mjt_navbar{
	display: inline-block;  
	float: right;
    margin: 1.5em auto 0;
}
.sidemenu{
	border-bottom: 2px solid #aaa;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
} 

/*Enter blog animation*/


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width:220px) and (max-width:1024px){
	.mjt_heading, .mjt_tag{display:none; }
}