/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



@font-face {
    font-family: 'Apple Garamond';
    src: url('../fonts/AppleGaramond-Bold.woff2') format('woff2'),
        url('../fonts/AppleGaramond-Bold.woff') format('woff'),
        url('../fonts/AppleGaramond-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apple Garamond';
    src: url('../fonts/AppleGaramond.woff2') format('woff2'),
        url('../fonts/AppleGaramond.woff') format('woff'),
        url('../fonts/AppleGaramond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apple Garamond';
    src: url('../fonts/AppleGaramondLight.woff2') format('woff2'),
        url('../fonts/AppleGaramondLight.woff') format('woff'),
        url('../fonts/AppleGaramondLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




h1,h2,h3,h4,h5,h6{
	font-family: 'Apple Garamond';
	font-weight: bold;
}

p{
	font-family: 'Apple Garamond';
	font-weight: normal;
}



.menu-link{
	text-transform:unset;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.is-expanded-menu .sub-menu-container .menu-item>.menu-link{
	text-transform:unset;
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.menuLinks{
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #f4f4f4;
}

#copyrights{
	/* padding-top: 10px;
	padding-bottom: 5px; */
	
}


.book1 .heading-block{
	text-align: center;
}

.book1 .heading-block h2{
	font-size: 40px;
}

.book1{
	text-align: center;
}

.book1 .heading-block::after{
	margin-left: auto;
	margin-right: auto;
}

.book1 .content-wrap{
	padding-top: 100px;
	padding-bottom: 100px;
}

.bookIntroduction{
	text-align: left;
}

.bookIntroduction p{
	margin-bottom: 5px;
}

#copyrights .text-md-start, #copyrights .text-md-start{
	padding-bottom: 0;
	font-family: 'Apple Garamond';
	font-weight: normal;

}

.leftImage img{
	
	border-radius: 10px;
}

#copyrights{
	padding: 0;
}

.leftFooter{
	padding-bottom: 5px !important;
	padding-top: 15px;
}


.rightFooter{
	padding-bottom: 5px !important;
	padding-top: 10px;
}

.stretched #gotoTop{
	bottom: 7px;
}

.content-wrap .quran-inner p{
	font-size: 14px;
	line-height: 1.2;
}

.content-wrap .quran-inner .entry-content{
	margin-top: 5px;
}

.butbut{
	background-color: red;
	width: 100%;
	height: 100%;
	position: absolute;
}

.path-gallery article{
	margin-top: 20px;
}

.path-gallery .portfolio-desc{
	padding-top: 10px;
	
}

.video-it{
	padding: 5px;
}

.entry-meta{ 
	text-align: center;
}

.entry-meta ul{ 
	font-family: 'Apple Garamond';
	font-weight: 300;
}

.entry{
	margin-bottom: 0;
}

.faq-row{
	text-align: left;
}


.slider-caption h2, .slider-caption .h2{
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.slider-caption p{
	font-family: 'Apple Garamond';
	font-weight: 300;
}

.button.button-border.button-light{
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.widget{
	font-family: 'Apple Garamond';
	font-weight: normal;
}

.button.button-border{
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.toggle-header, .accordion-header{
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.toggle-bg .toggle-content{
	font-family: 'Apple Garamond';
	font-weight: normal;
}

abbr[title]{
	font-family: 'Apple Garamond';
	font-weight: normal;
}

label{
	font-family: 'Apple Garamond';
	font-weight: normal;
}

.button.button-3d{
	font-family: 'Apple Garamond';
	font-weight: bold;
}

.redBut{
	    background-color: #C02942 !important;
}

.greenBut{
	background-color: #59BA41 !important;
}

.blueBut{
	background-color: #1265A8 !important;
}

.redBut:hover ,.greenBut:hover ,.blueBut:hover{
	background-color:transparent !important;
	color: #ffffff !important;
	
	border-color: #ffffff !important;
}

.button.button-border:not(.button-fill):hover{
	border-color: #ffffff !important;
}


.arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  height: .5px !important;
  width: .5px !important;
  margin-top: 6px;
}


.first-page .entry-title h3 a{
	border: 2px solid #1abc9c;
	border-radius: 5px;
	padding: 8px 40px;
}

.first-page .entry-title h3 a:hover{
	border: 2px solid #1abc9c;
	background-color: #1abc9c;
	border-radius: 5px;
	padding: 8px 40px;
	color: #ffffff;
}

.first-page .entry-title h3{
	padding: 8px 4px;
}



/* Large devices (large desktops & laptops, 1200px and up) */
@media (min-width: 1200px) {
	.secondPar{
	padding-left: 40px;
	padding-right: 40px;
}
}

/* Medium devices (landscape tablets & medium desktops, from 992px to 1199px) */
@media (min-width: 992px) and (max-width:1199px) {

	.menuLinks{
	padding-left: 0px;
	padding-right: 0px;
	}


	.is-expanded-menu .menu-link {
		padding-left: 5px;
		padding-right: 5px;
	}

	.secondPar{
	padding-left: 40px;
	padding-right: 40px;
}

}

/* Small devices (portrait tablets & small desktops, from 768px to 991px) */
@media (min-width: 768px) and (max-width:991px) {

	.book1 .heading-block h2{
	font-size: 20px;
}

.book1 .heading-block{
	margin-bottom: 15px;
}

.book1 .heading-block::after{
	margin-top: 15px;
}

.book1 .content-wrap p{
	margin-bottom: 5px;
}


.menu-link i.arrow{
	display: none;
}


}

/* Extra small devices (landscape phones & portrait tablets, 767px and down) */
@media (max-width:767px) {
	.secondPar p{
	font-size: 14px;
}


.content-wrap, .book1 .content-wrap{
	padding-top: 50px;
	padding-bottom: 50px;
}



}

@media (max-width:580px) {}

@media (max-width:411px) {}

@media (max-width:320px) {}