﻿<style>
/* Background
   ------------------------------------------------------------------ */
        
		html{ 
			background-color: #ffffff ; 
		}
        
  



a, .e-commerce-list li a {
   color:#809F14}
#main-header input[type="submit"], .post-date2, .slide2-caption, .h-line, .post-date, .sub-menu li:hover, .sub-menu li.sfHover, .more-btn, .side-holder h2, .top-nav li a:hover,
.top-nav li a.active, .summary .button  {
    background: #809F14!important}
.cp-button, .btn, #submit, .button {
    background: #809F14}

div.portfolio-thumbnail-image-hover, .pagination a:hover, .pagination span.current, .bb-custom-content {
	background-color: #809F14!important}
.row-fluid .wellcome-msg[class*="span"], .author-img-holder, .Featured-Author, body, #main-header .navbar-inverse .nav > li > a:hover  {
    border-color:#809F14!important}
.features-books .slide:hover  {
    border-color:#809F14!important}
ul.tabs li a.active {
    color:#809F14!important}
 a.cp-button, input[type="submit"], input[type="reset"], input[type="button"], .shop-btn a {
    background-color: #809F14}
.portfolio-thumbnail-slider .cp-title, .blog-thumbnail-slider .cp-title{
      color:#809F14}
 h1, h2, h3, h4, h5, h6, .cp-title, .b-post h3 a, .main-slider .cp-title > a , .testimonials .title span, .wellcome-msg p, .testimonials .title span, .author-det-box .title2 , .cart-btn2 a, div.product .product_title, #content div.product .product_title{
   color:#809F14}
 .e-commerce-list .widgettitle {
      color:#809F14}
 
 span.onsale {
    border-color: #809F14 transparent transparent;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
   border-color: #809F14 transparent transparent !important;
}
 
 
/* RTL funtion
   ------------------------------------------------------------------ */
				   


body {
	text-align:disable;
}
 
/* Font Size
   ------------------------------------------------------------------ */
body{
	font-size: 16px !important;
	line-height: 25px !important;
}
h1{
	font-size: 30px;
}
h2{
	font-size: 25px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 15px;
}


/* Font Family 
  ------------------------------------------------------------------ */
body{
	font-family: Tajawal !important;
}

h1, h2, h3, h4, h5, h6, .cp-title{
	font-family: Tajawal;
}
.wellcome-msg h2 { font-family: Tajawal; }

#nav a, .top-nav a, .user-login-link{ font-family: Tajawal; }

#wp-calendar td, #wp-calendar th, .post h4, .tech-text, ul#nav, .box, .footer-tweet, .box h5, .right-heading span, .worship, .vies-calender, .news-heading, ul.pagination, .prayer-box, .posted, .prayer-heading, .prayer-heading span, .share-request, .blog-holder, .post-title, .blog-date, .title, .txt-widget, .txt-widget h4, .btn, .name, .map-view, .event-comment, .comment-post li, .blog-comments, .add-comment, .post-heading, .tags a, ul.tabs-content, div.comment-wrapper #reply-title, h3.accordion-header-title, div.blog-item-holder .blog-item2 .post-title, div.contact-form-wrapper ol li input, div.contact-form-wrapper textarea, .detail, .inner-heading, .event-slider-caption .left, .info-heading, .event-slider-button, #wp-calendar caption {
   font-family: Tajawal;
}  

html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, .wellcome-msg p {
   font-family: Tajawal;
}

/* أزرار نماذج حساب WooCommerce — Bootstrap يفرض Helvetica على button */
.woocommerce form.login .button,
.woocommerce form.register .button,
.woocommerce form.lost_reset_password .button,
.woocommerce form.login button[type="submit"],
.woocommerce form.register button[type="submit"],
.woocommerce form.lost_reset_password button[type="submit"],
.woocommerce .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register__submit,
.woocommerce .woocommerce-ResetPassword .button,
.woocommerce .woocommerce-ResetPassword button[type="submit"] {
   font-family: Tajawal !important;
}
/* Font Color
   ------------------------------------------------------------------ */



span.onsale {
    border-color: #c51919 transparent transparent;
    opacity: 0.7;
    filter: alpha(opacity=50);
}

.woocommerce nav.woocommerce-pagination ul {
  display:inline !important;
  list-style-type: none;	
}
.woocommerce nav.woocommerce-pagination ul li {
  display: inline-block;
  width: 40px;
  padding: 8px;
  text-align: center;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
  display:inline !important;
  list-style-type: none;	
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li {
  display: inline-block;
  width: 100px;
  padding: 8px;
  text-align: center;
  border: 1px solid #ccc;
}
.woocommerce nav.woocommerce-MyAccount-navigation li.is-active{
  border-bottom: none;
  background: beige;
}

.fst_client_portal .fs_tk_actions .fs_tk_left, .fst_client_portal .fs_tk_actions .fs_tk_right {
  float: right  !important;
}
.el-button--small {
  float: left !important;
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    text-align: right;
}

img:is([sizes=auto i],[sizes^="auto," i]) {
    contain-intrinsic-size: 100px;
}

/* 1. إجبار حقل كلمة المرور الأصلي على الظهور في نماذج الدخول والتسجيل معاً */
.woocommerce-form .password-input input[type="password"] {
    display: block !important;
}

/* 2. إخفاء الحقل النصي المستنسخ في كلا النموذجين */
.woocommerce-form .password-input + input[type="text"] {
    display: none !important;
}

/* 3. إخفاء زر إظهار كلمة المرور (أيقونة العين) لتجنب أي تشوه في التصميم */
.woocommerce-form .password-input .show-password-input {
    display: none !important;
} </style>

