/*
Theme Name: ShaviyaniOnline
Theme URI: https:shaviyani.online
Description: Developed for shaviyani Online
Version: 3
Author: Hijaz
Author URI: http://twitter.com/hijaxy
*/





@font-face {
  font-family: waheed;
  src: url(fonts/waheed.otf);
}

@font-face {
  font-family: faseyha;
  src: url(fonts/faseyha.otf);
}

@font-face {
  font-family: faruma;
  src: url(fonts/faruma.otf);
}



@font-face {
  font-family: utheem;
  src: url(fonts/utheem.otf);
}


@font-face {
  font-family: lady;
  src: url(fonts/lady.otf);
}

@font-face {
  font-family: typer;
  src: url(fonts/mvtyper.otf);
}

@font-face {
  font-family: mag;
  src: url(fonts/mag.otf);
}

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
  font-family: lady;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.wp-block-image > img {
  max-width: 100%;

}

.featuredimage {
  width: 100%;
  border-radius: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}

#headtitle {
  font-family: mag;
}

.headtitle {
  font-family: mag;
}

#waheed {
  font-family: waheed;
}


.utheem {
  font-family: utheem;
}
#utheem {
  font-family: utheem;
}

.waheed {
  font-family: waheed;
}

.faruma {
  font-family: faruma;
}
#faruma {
  font-family: faruma;
}

.faseyha {
  font-family: faseyha;
}
#faseyha {
  font-family: faseyha;
}

.lady {
  font-family: lady;
}
#lady {
  font-family: lady;
}

.typer {
  font-family: typer;
}
#typer {
  font-family: typer;
}

.mag {
  font-family: mag;
}
#mag {
  font-family: mag;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

body a {
  color: maroon;
  text-decoration: none;
}

a:hover {
  color: darkgreen;
  text-decoration: none;
}

.slidertitle {
  padding: 10px;
  background-color: rgba(238, 75, 75, 0.6);
}
.slidertitle a{
  color: #2ff139;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #8E250F !important;
  border: 0px;
}
.btn-primary:hover {
  background-color: darkgreen !important;
}

.articlepage {
	text-align: right;
  font-size: larger;
  line-height: 2;
}

.headtitle {
	text-align: center;
}
.small {
	font-weight: 2;
  font-family: faruma;
}
.foot {
	text-align: center;
	color: maroon;
}

.menuitem  a{
	color: maroon;
  font-weight: bold;
}

.containerhead {
  position: relative;
  max-width: 800px; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.containerhead .content {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(255, 255, 255); /* Fallback color */
  background: rgba(255, 255, 255, 0.5); /* Black background with 0.5 opacity */
  color: black; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}