@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&display=swap');




@keyframes slideUpDown {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10%);
    opacity: 0;
  }
}

.wtitle2 {
  display: inline-block;
  font-size: 2em;
  animation: slideUpDown 1s ease-in-out infinite;
  animation-delay: 2s;
}





.custom-html-widget a{
    font-family: 'Anek Tamil' !important;
}


/* Post Title in Anek Tamil font */

.mg-blog-post-box .mg-header h1 a {
    font-family: 'Anek Tamil';
}

.mg-blog-post-box .small.single h4{
    font-family: 'Anek Tamil' !important;
}

/* Post Title in Anek Tamil font */


/* Start - Custom HTML Quan Verse goto */
#custom-quran-widget {
    display: flex;
    justify-content: center;
}

#custom-quran-widget-chapter,
#custom-quran-widget-verse {
    flex: 1;
    padding: 5px;
    margin-right: 5px;
    width: 50%;
    height: 40px;
    border: 2px solid #5899ff; 
    border-radius: 6px; 
}

#custom-quran-widget-go {
    flex: 1;
    height: 40px;
    padding: 5px;
    border-radius: 6px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

#custom-quran-widget-chapter::placeholder,
#custom-quran-widget-verse::placeholder {
    color: #666;
}

/* Optional hover effect for the button */
#custom-quran-widget-go:hover {
    background-color: #0056b3;
}

/* Over - Custom HTML Quan Verse goto */

/* Start - Custom HTML Urdu Quran Verse goto */
#custom-quran-widget-2 {
    display: flex;
    justify-content: center;
}

#custom-quran-widget-chapter-2,
#custom-quran-widget-verse-2 {
    flex: 1;
    padding: 5px;
    margin-right: 5px;
    width: 50%;
    height: 40px;
    border: 2px solid #5899ff; 
    border-radius: 6px; 
}

#custom-quran-widget-go-2 {
    flex: 1;
    height: 40px;
    padding: 5px;
    border-radius: 6px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

#custom-quran-widget-chapter-2::placeholder,
#custom-quran-widget-verse-2::placeholder {
    color: #666;
}

/* Optional hover effect for the button */
#custom-quran-widget-go-2:hover {
    background-color: #0056b3;
}

/* Over - Custom HTML Urdu Quran Verse goto */




.verse-container-urdu{
    direction: rtl;
    text-align: right;
    font-size: x-large;
}

    
.quran-post p {
    width: 100%;
    padding: 15px;

    margin-bottom: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #f2f2f2;
    transition: transform 0.3s ease;
    font-family: Arial, sans-serif;
    color: black;
    display: block;
    box-sizing: border-box;
    border: #cecece solid 1px;
    border: #acacac solid 1px;
    border-left: #318CE7 solid 4px;
    position: relative; 
}

.quran-post p:hover {
    transform: scale(1.02);
    background-color: #b0ffc9; /* light green */
}

.quran-arabic-text{
    font-size: 24px;
    display: block;
    font-weight: 600;
    text-align: right;
    direction: rtl; 
    
    font-family: "Noto Naskh Arabic", serif;
    font-style: normal;
    line-height: 190%;
    font-optical-sizing: auto;
    
    background-color: #cccccc;
    padding: 5px 20px;
    margin: 15px -15px -15px -15px;
}




/*
.copy-btn {
    top: 5px;
    right: 5px;
}
*/

.play-btn, .play-sudais-btn, .play-shuraym-btn, .corpus-btn, .copy-btn {
    padding: 5px 14px;
    background: transparent;
    font-size: 14px;
    
    z-index: 1001;
    border: none;
    cursor: pointer;
    line-height: 14px;
    color: gray;
    flex-shrink: 0;
    opacity: 0.25;
    
    min-width: 30px;
    min-height: 25px;
}




.copy-btn::before {
    
    content: none;
    
    /*
    content: '\1F4CB';
    font-size: 18px;
    color: #007bff;  
    */
    
}

.copy-btn:hover::before {
    color: #0056b3; /* Darker color on hover */
}

.quran-post p:hover .copy-btn {
    display: block; /* Show on hover */
}

.quran-post p {
    border-left: #318CE7 solid 4px;
}

.quran-chapter-widget ul {
    padding: 0px;
	font-size: 18px;
	font-family: 'Noto Sans Tamil';
}
 
/*Quran Urdu Start*/ 
/* 
    post-template 
    post-template-quran-chapter-urdu 
    post-template-quran-chapter-urdu-php 
    single single-post postid-27053 
    single-format-standard logged-in 
    admin-bar wp-embed-responsive 
    ta-hide-date-author-in-list customize-support
*/

.post-template-quran-chapter-urdu .mg-blog-post-box .img-fluid {
    display: none;
}

.post-template-quran-chapter-urdu aside{
    background-color: #333333;
}
post-template-quran-chapter-urdu-php aside ul li a{
    color: whitesmoke;
}
.post-template-quran-chapter-urdu #content {
    padding-top: 0px;
    margin-top: 0px;
    padding: 0px;
}
.post-template-quran-chapter-urdu .mg-featured-slider {
    display: none;
}
.post-template-quran-chapter-urdu .cat-post-item {
    list-style: none;
    border: #000096 solid 3px;
    background-color: #001852;
    margin: 7px 3px !important;
    padding: 7px 8px !important;    
    color: whitesmoke;
}
.post-template-quran-chapter-urdu .cat-post-title {
    color: whitesmoke;
}

.post-template-quran-chapter-urdu .cat-post-item:hover{
    background-color: #007100;
    border-color: #00b900;
}
.post-template-quran-chapter-urdu #menu-item-19153, /* NonMuslim */
.post-template-quran-chapter-urdu #menu-item-19987, /* Pira Iyakangal */
.post-template-quran-chapter-urdu #menu-item-19132  /* Arasiyal */ {
	display: none;
}
.post-template-quran-chapter-urdu aside {
    display: none;
}

@media (min-width: 768px) {
    .post-template-quran-chapter-urdu aside {
        display: block;
    }
}
/*Quran Urdu End*/ 
 
 
/*Quran Tamil Start*/ 
.post-template-quran-chapter-php aside {
    background-color: #333333;
}
.post-template-quran-chapter-php aside ul li a{
    color: whitesmoke;
}
.post-template-quran-chapter-php #content {
    padding-top: 0px;
    margin-top: 0px;
    padding: 0px;
}
.quran-chapter-widget {
    padding-top: 10px;
    padding-left: 5px;
}
.post-template-quran-chapter-php .mg-featured-slider {
    display: none;
}
 
.post-template-quran-chapter-php .mg-info-author-block {
    display: none;
}
.post-template-quran-chapter-php .cat-post-item {
    list-style: none;
    border: #000096 solid 3px;
    background-color: #001852;
    margin: 7px 3px !important;
    padding: 7px 8px !important;
}
.post-template-quran-chapter-php .cat-post-item:hover{
    background-color: #007100;
    border-color: #00b900;
}
.post-template-quran-chapter #menu-item-19153, /* NonMuslim */
.post-template-quran-chapter #menu-item-19987, /* Pira Iyakangal */
.post-template-quran-chapter #menu-item-19132  /* Arasiyal */ {
	display: none;
}

/*Hide chapters on mobile*/
.post-template-quran-chapter-php aside {
    display: none;
}

@media (min-width: 768px) {
    .post-template-quran-chapter-php aside {
        display: block;
    }
}

/*Quran Tamil Start*/ 



/*
.post-template-quran-chapter-php .wp-post-image {
    width: 100% !important;
    max-width: 100% !important;
}
*/

.post-template-quran-chapter-php .mg-blog-post-box h1.title.single {
    display: none;
}

.post-template-quran-chapter-php .mg-blog-post-box .img-fluid {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 0px;
    height: 40%;
    display: none;
}

.post-template-quran-chapter-php .mg-blog-post-box .mg-header {
     display: none;
}