/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
.archive-header h1, .page-header h1, .site-title a, #cssmenu > ul > li > a {
color: #a5a7ae !important;
font-family: Unica77-Regular;
}
.page-header{
display: none !important;	
}
.header_bg img{
 display: none !important;	
}
.header_bg{
 height: 100px;	
}
.overlap{
 background: white;	
}
footer{
display: none;	
}
.single-blog{
 max-width: 688px;	
  float: none;
}
.blog-full{
text-align: left !important;	
}
.single-blog .title a, .single-blog h2{
text-align: left !important;	
}
header.small, .page header.small {
    background: white !important;
    position: absolute !important;
}
.blog-full h2.title{
 color: #101011 !important;
	font-size: 36px !important;
	font-family: "TiemposHeadline-Bold";
 padding-left: 0px !important;
 margin-bottom: 2px;
}
.topBlog h2.title a{
font-family: "TiemposHeadline-Bold";
	font-size: 22px;
}
.mydate{
font-family: "Unica77-Regular" !important;	
color: #a5a7ae !important;
font-size: 12px;	
}
.single-blog p, .entry-content p{
    color: #404247;
    font-family: Tiempos-Regular;
    font-size: 18px;	
}
.entry-content p a{
	  color: #404247;
    font-family: Tiempos-Regular;
    font-size: 18px;
	text-decoration: underline;
}
.entry-content a:visited, .comment-content a:visited{
	color: #404247;
}
.single-blog .blog-full{
border: none !important;
box-shadow: none !important;
}
.container-fluid{
margin-top: 100px;	
}
html{
	overflow: visible;
}



@media only screen and (max-width: 599px){
.blog-col {
    background: white !important;
}	
}
@media only screen and (max-width: 620px)
{
.single-post .content-area {
  background: white !important;
}
.sentry p{
	overflow: hidden;
}
	.sentry p:first-child,
	.sentry p+p{
		overflow: visible !important;
	}
.sentry p a,
	.sentry p:last-child{
		word-break: break-all;
	}
}
@media screen and (max-width: 480px){
.custom-logo-link	 img{
	 width: 100px;
	 height: auto;	
	}
.container-fluid{
margin-top: 35px;	
}
.site-header{
border-bottom: 1px solid lightgray;
padding-bottom: 0px;
}

}
.blogpost_box .title{
/* text-align: center !important;	 */

}
.blogpost_box .title a{
	font-family: "TiemposHeadline-Bold";
}
.blogcontent{
	 font-family: Tiempos-Regular;
}

#content .site-main{
	  max-width: 688px;
    margin-left: auto;
    margin-right: auto;
}
  
.button.menu-opened:before, .button.menu-opened:after{
background:	gray !important;
}
.relatedtitle h4{
	 font-family: Tiempos-Regular;
}
.post-navigation{
display: none;	
}
b, strong {
    font-weight: bold;
    font-family: Tiempos-Semibold;
    font-size: 20px;
    color: #404247;
}
.commentform{
display: none;	
}

.related_wrap .bottomBlog .post-time, .related_wrap .bottomBlog .blog-category, .related_wrap .bottomBlog .post-author{
    color: #666666;
    display: inline-block;
    float: left;
    line-height: 1.6em;
    margin-bottom: 0;
    padding: 0 12px 0 0;
    text-align: center;
    width: auto;
}

.post-meta-time1{
display: inline-block;	
}

@media screen and (max-width: 768px)
{
#cssmenu ul {
    background: black;
}
#cssmenu > ul > li > a{
color: white !important;	
}
}
.sentry p{
 margin-top: 30px;	
 letter-spacing: 0px !important;	
}

@media screen and (max-width: 480px){
.container{
padding-right: 24px !important;
padding-left: 24px !important;
	}
#primary, .sentry{
padding-left: 0px !important;
padding-right: 0px !important;	
}
.topBlog, .bottomBlog{
padding-left: 0px;	
}
}

a.back-to-top{
background: gray url(images/up-arrow.png) no-repeat center 43%;	
}
.blog-full h2 a {
    color: #101011;
    font-weight: 700;
}
a.back-to-top {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: gray url(https://jjbeshara.com/wp-content/themes/interserver-portfolio/images/up-arrow.png) no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.site-title a:hover, #cssmenu ul li > a:hover, #cssmenu ul li.current_page_item > a {
    color: black!important;
}
.sharedaddy{
	display: none !important;
}
.single-blog p, .entry-content p, p em, a {
 font-family: Tiempos-Regular !important;
}
b, strong {
    font-family: "TiemposHeadline-Bold" !important
}
#cssmenu > ul > li > a {
    font-family: "TiemposHeadline-Bold" !important;
	font-size: 18px;
}
h2.title{
	color: #101011 !important;
	font-size: 36px !important;
	font-family: "TiemposHeadline-Bold";
	padding-left: 0px !important;
	margin-bottom: 2px;
}
h2.title.graycolor{
	color: #b3b3b3 !important;
	font-size: 24px !important;
	font-family: "TiemposHeadline-Bold";
	padding-left: 0px !important;
	margin-bottom: 2px;
	line-height: 44px;
}
.mycontentdiv{
margin-top:30px;
border: 2px solid #b3b3b36e;
padding: 20px;
}
.myindividual img{
	 margin-top: -7px;
}
.myindividual span{
	    color: #404247 !important;
    font-size: 20px;
    font-family: "TiemposHeadline-Bold";
    padding-left: 0px !important;
    margin-bottom: 2px;
}
.myindividual{
	 margin-top: 7px;
}
.myindividual div {
    width: 36px;
    display: inline-block;
}
.mybottomtext{
    font-size: 17px !important;
    color: black !important;
    line-height: 27px !important;
    margin-top: 50px !important;
    letter-spacing: 0px !important;
}
.mybottomtext a{
	color: black;
	text-decoration: underline;
}
.bottomtitle:after{
    width: 22px;
    background: black;
    position: absolute;
    content: '';
    height: 2px;
    bottom: 0px;
    margin: 0 auto;
    left: 0;
}
.bottomtitle{
	font-weight:bold;
	position: relative;
	margin-top:40px !important;
	color:black !important;
}
.blog-full h2.title a{
 font-size: 32px !important;
 color: black;
 font-family: "TiemposHeadline-Bold" !important;
}
.mybottomBlog{
	padding-left:0px !important;
}
a.post-meta-time{
	color: #a4a7ae !important;
  font-size: 18px !important;
}
.myblogcontent {
    font-family: Tiempos-Regular;
    padding: 0px;
    font-size: 18px;
    line-height: 30px;
    color: black;
}
.myindividual a{
	font-family: "TiemposHeadline-Bold" !important;
  margin-left: 10px;
  text-decoration: underline !important;
	color:#404247;
}
.mybottomblog{
	padding-left:0px !important;
}
a:focus, a:hover {
    color: black !important;
}
#cssmenu > ul > li > a{
	color:black !important;
}
.myindividual div{
	display:none !important;
}

@media screen and (max-width: 480px){
	.myindividual a{
	margin-left:0px;	
	}	
	.myindividual {
    margin-top: 15px;
}
	h2.title.graycolor{
		line-height: 1.1;
	}
	#cssmenu > ul > li > a {
    color: white !important;
}
	#cssmenu ul li.current_page_item > a{
		 color: white !important;
	}
	.sentry p {
    word-break: break-word;
}
}
/* 2019-9-6 */
.myindividual ul li{
    list-style-type: disc;
    list-style-position: inside;
	  line-height: 36px;
}

.myindividual ul{	
	color: #404247;
}
.myindividual span {
    color:#000000 !important;
    font-size: 18px;
    font-family: Tiempos-Regular !important;
    padding-left: 0px !important;
    margin-bottom: 2px;
/*     font-weight: bold;
	    letter-spacing: 0.5px; */
}
.myindividual a {
    font-family: Tiempos-Regular !important;
	    color: black !important;
/* 	    letter-spacing: 0.5px; */
}
.hovertxt h3 {
    color: #000000 !important;
    font-size: 18px !important;
    font-family: "TiemposHeadline-Bold" !important;
/*     font-weight: bold; */
	  margin-bottom: 0px;
	  line-height: 24px;
/* 	    letter-spacing: 0.5px; */
}
.hoverimg img {
    width: 70px;
}
.hovertxt {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}
.hovertxt p {
    color: #000000!important;
    font-size: 18px;
/*     font-weight: bold; */
    margin-top: 0px;
    font-family: Tiempos-Regular !important;
	
    line-height: 24px;
	    letter-spacing: 0.5px;
}
.hoveremoji {
    margin-top: 30px;
}
.hovertxt a {
    text-decoration: underline;
	  font-family: Tiempos-Regular !important;
	  color: black !important;
}
.hoverimg{
	display:inline-block;
}
.mybottomtext{
  margin-top: 30px !important;
}
.mycontentdiv{
	padding: 20px 30px;
	border: 1px solid #E6E6E6;
}
.mycursor1 {
      cursor: url("https://jjbeshara.com/wp-content/uploads/2019/09/333.png"), auto;
      }
.mycursor2 {
      cursor: url("https://jjbeshara.com/wp-content/uploads/2019/09/222.png"), auto;
      }
.mycursor3 {
      cursor: url("https://jjbeshara.com/wp-content/uploads/2019/09/111.png"), auto;
      }
@media screen and (max-width: 1400px){
	.hoverimg{
		width:70px;
	}
	.hovertxt{
		width:85%;
	}
	.hovertxt p {
/*     font-size: 20px; */
    line-height: 22px;
}
}
@media screen and (max-width: 768px){
	.button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
}
}

@media screen and (max-width: 769px){
	.hoverimg{
		width:70px;
	}
	.hovertxt{
		width:85%;
	}
	.hovertxt p {
/*     font-size: 20px; */
    line-height: 22px;
}
}
@media screen and (max-width: 480px){
	.hoverimg{
		width:20%;
	}
	.hovertxt{
		width:79%;
	}
	.hovertxt p {
/*     font-size: 20px; */
    line-height: 22px;
}
}
@media screen and (max-width: 380px){
	.hoverimg{
		width:19%;
	}
	.hovertxt{
		width:79%;
	}
}

.single-blog {
	padding-bottom: 50px;
}
.page-navi-wrap {
	display: none;
}
/* popup */
.pum *{
	font-family: "Tiempos-Regular";
}
.pum h2{
	font-family: "TiemposHeadline-Bold";
}
.pum .elp_form{
	width: 100%;
	border: 0;
	padding: 0;
	position: relative;
}
.pum .elp_form > p{
	margin: 0 !important;
}
.pum .elp_form > p br,
.pum .elp_form > p .email{
	display: none;
}
.pum .elp_form #email{
	line-height: 50px;
	padding: 0 20px;
	border: 1px solid #000;
}
.pum .elp_form input[name="submit"],
.pum .elp_form #email{
	line-height: 50px;
	padding: 0 20px;
	border: 2px solid #000;
	border-radius: 5px;
}
.pum .elp_form input[name="submit"]{
	position: absolute;
	right: 0;
	top: 0;
	background: #000;
	border-radius: 0 5px 5px 0;
}
.elp_form_message.success {
    padding: 10px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    display: block;
    border-radius: 5px;
    text-align: center;
    line-height: 1.4;
}
@media(max-width:767px){
	.pum-theme-1619 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{
		line-height: 20px;
	}
	.pum-container.pum-responsive{
		max-width: 90% !important;
	}
	.pum .pum-container, .pum-theme-lightbox .pum-container {
    padding: 20px 15px;
	}
}