.divider {
    margin-left: 10%;
    margin-right: 10%;
}

.divider-hero {
    margin-left: 15%;
    margin-right: 15%;
}


  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap');


  @import url('https://fonts.googleapis.com/css2?family=Markazi+Text:wght@400;500;600;700&display=swap');


.wp-block-post-date {
	font-family: 'Roboto Slab', serif !important;
	color: #767676;
	font-weight: 800;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;	
}


@import url('https://fonts.googleapis.com/css?family=Amiri');


body div{
  font-family: 'Markazi Text', sans-serif !important;
	
}


ul {
	font-family: 'Markazi Text', sans-serif !important;
}

a {
	font-family: 'Markazi Text', sans-serif !important;
}

body h1{
	font-family: 'Markazi Text', sans-serif !important;
	letter-spacing: 0.0em;
}

p:lang(ar), a:lang(ar), h1:lang(ar), body:lang(ar)
{
  text-align: right;
  letter-spacing: -0.5px;
}

:lang(ar) a,
:lang(ar) h1,
:lang(ar) div {
  text-align: right;
  letter-spacing: -0.5px;
	font-family: 'Markazi Text', sans-serif;
}


.two-rem a{
	font-size: 2.2rem !important;
}

.one-rem a{
	font-size: 1.3rem !important;
}

.sixteen-font a{
	font-size: 16px !important;
}

.sixteen-font p{
	font-size: 16px !important;
}

.eighteen-font p{
	font-size: 18px !important;
	direction: rtl;
}

.nav-space {
    margin-left: 130px;
    margin-right: 130px;
	max-height:50px !important;
	margin-top:-10px !important;
}

.right-align {
    text-align: right;
}

.mobile-button {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    cursor: pointer;
}


.tag-text{
	color:white;
}

.wp-block-button .wp-block-button__link {
	background-color: #0E2937;
	border-radius: 8px;
	border: 1px solid var(--colors-dark-gray, #545454);
}

.wp-block-button .wp-block-button__link:hover{
	background-color: #427C9A;
	border-radius: 8px;
	border: 1px solid var(--colors-dark-gray, #545454);
}


.tag-cat{
  border: 1.2px solid #000;
  padding: 20px;
	border-radius: 5px;
	display: inline-block;
	grid-template-rows: auto;
	width:200px;
	display: grid;
}

.wp-block-tag-cloud a {
	border-bottom: 1.5px solid #ddd;
  font-size: 16px !important;
  margin-right: 0;
  text-decoration: none!important;
	padding: 10px;
	color: #427C9A;
	display: inline-block;
  width: 100%;
	text-align: right;
}



.query-color{
	background:#F6FCFF;
}

.navi-position{
	padding-right: 2%;
}

.home-title{
	padding-right:7% !important;
}

.home-title-2{
	padding-right:53% !important;
}

.search-layout{
	margin-bottom: 20px !important;
}

.hero-image{
	width: 60%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.has-border{
	border: 3px solid #CD4631;
	padding: 3px 5px;
	display: inline-block;
}


.inline-for-title{
	display: inline-block;
}

.social-icon-size{
	font-size: xx-large !important;
}


.wp-block-post-excerpt__excerpt{
	display: none;
}

.hidden-iframe {
	text-align: right;
}

.podcast-title{
	size:4rem;
}

.podcast-share-box{
	margin-top: 8px !important;
}

.wp-elements-296f70f0c642ad1f7050f49bd4b16f8b a{
	color: #357AA3 !important;
}

@media (max-width: 767px) and (max-width: 1023px) {
    .tag-mobile-rearange {
       order:-1;
    }
		.tag-cat{
		margin-left: auto !important;
    text-align: right !important;
    padding-right: 10% !important;
		width: 200px !important;
		border: none;
	}
	
	
  }



@media (max-width: 1323px) {
	.home-title{
	text-align:center;
	padding:10px !important;
	}

.home-title-2{
	text-align:center;
	padding:20px !important;
}
}

.container{
	width:50% !important;
	background:blue;
}


/* @media (min-width: 782px){
	.margin-setting{
		margin-right: 200px !important;
		margin-left: 150px !important
} WHY WOULD YOU DO THIS?? OG Developer put here- squeezes site weirdly at mid-range widths */

}
@media (min-width: 1080px){
	.margin-setting{
		width:1080px;
		margin:auto;
	}
}
.margin-setting{
	max-width:1080px;
	margin:auto;
}
//Sets static width at high sizes

.scriptlesssocialsharing__buttons {
	text-align:right;
	float:right;
}

.scriptlesssocialsharing {
	text-align:right;
}
.scriptlesssocialsharing__heading  {
	text-align:right !important;
	color: rgb(51,51,51);
}
.scriptlesssocialsharing__buttons a {
	font-size: 1rem !important;
	color:#333;
	border: 1px solid #DDD;
	padding:3px;
	  padding: 6px 12px 0px 12px;
  margin: 5px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000;
  border-radius: 3px;
  box-shadow: 1px 2px #BBB;
	line-height:2.2rem;
	white-space: nowrap;
}
.scriptlesssocialsharing__buttons:hover {
	cursor:pointer !important;
}

.scriptlesssocialsharing__buttons a:hover {
	cursor:pointer !important;
}
.scriptlesssocialsharing__heading {
/* 	font-size:.8rem !important;
	color:rgb(51,51,51) ; */
	visibility:hidden;
	height:0px;
	margin:0px;
}
.has-custom-color-11-background-color {
	  border-radius: 5px;
	background:#1e6cae !important;
}

.friends-of-blog-block {
	background: #f4faff;
	padding: 20px;
}