/*
Theme Name: ArabPress Child
Theme URI: https://arabpress.aymanhafez.net
Author: Ayman Hafez
Author URI: https://arabpress.aymanhafez.net
Description: ArabPress - Not Just Another Wordpress Theme
Version: 1.0.0
Template: arabpress
Text Domain: arabpress
*/

/*
* Add your custom css code below this line.
*/

/* Global */

.required,
.slicewp-field-required-marker{
    font-family: tahoma;
    color: red;
}

.slicewp-field-label-wrapper label
{
	font-family: tahoma !important;
}

.elementor-testimonial-wrapper .elementor-testimonial-content {
    margin-bottom: 10px !important;
}

.elementor-testimonial-wrapper .elementor-testimonial-name,
.woocommerce-review__author{
    unicode-bidi: plaintext;
}

.justify-text p,.justify-text li
{
    text-align: justify;
}

/* Posts */

.single-post p,
.single-post li,
.single-post code
{
	font-size:18px;
}

.single-post li
{
	text-align:justify !important;
}

.single-post .container h1,.single-post .container h2,.single-post .container h3,.single-post .container h4,.single-post .container h5,.single-post .container h6
{
	font-weight:bold;
	margin-bottom:1rem;
}

.single-post{
    background-color: #f5f5f5;
}

.single-post .container {
    background-color: white;
    max-width: 65%;
	padding: 1rem !important;
	line-height: 1.8;
}

.single-post .container a {
    text-decoration: none;
    position: relative;
    color: var(--e-global-color-primary) !important;
    transition: color 0.3s ease;
}

.single-post .container .nav-links a {
    color: white !important;
}

.single-post .container .nav-links a::after {
        width: 0%;
}

.single-post .container a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: var(--e-global-color-primary);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.single-post .container a:hover::after {
    transform: scaleX(1);
}

.single-post figure
{
	margin-bottom:1rem;
}

.single-post #primary .post-thumbnail {
    width: 100%;
}

#rank-math-toc
{
	margin-bottom:1rem;
}

#rank-math-toc h2,
#rank-math-toc a
{
	font-size:18px;
}

pre code {
    display: block;
    padding: 10px;
    margin: 0 0 1em;
    font-size: 15px;
    line-height: 1.5;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0px;
}

code, kbd, pre, samp {
    unicode-bidi: normal !important;
}

span.page-numbers.current {
    padding: 7px 15px;
}

.arabpress-author-box
{
    background-color: #f5f5f5;
    padding: 30px;
    border-radius: 0;
    display: flex;
    align-items: center; 
    margin:20px 0;
}

.arabpress-author-box img
{
    border-radius: 50% !important;
    width: 80px;
    height: 80px;
}

.arabpress-author-box h4
{
    font-weight: normal !important;
}

.arabpress-author-box p
{
    margin: 0;
}

.arabpress-author-box-img
{
    flex-shrink: 0;
    margin-left: 20px;
}

#primary .cat-links{
    margin-right: 10px;
}

#primary footer.entry-footer {
    display: block;
}

@media only screen and (max-width: 768px) {
.single-post .container {
    max-width: 95%;
}

.arabpress-author-box
{
    flex-direction: column;
    text-align: center;
}

.arabpress-author-box p {
    text-align: center !important;
}

.arabpress-author-box-img {
    margin: 0 0 12px 0;
}


}

/* Payment Plugins for PayPal WooCommerce */

.wc-ppcp-checkout-container {
	display:flex;
}

.wc-ppcp-checkout-container .paypal-buttons:nth-child(n+2) {
    margin-top: 0 !important;
    margin-right: 8px;
}

/* WooCommerce */

.woocommerce-review__author {
    margin-left: 5px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-style: solid;
    border-width: 1px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
}

.woocommerce-checkout .col2-set .col-1 {
    width: 100%;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 49%;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    width: 100%;
    padding: 18px !important;
    font-size: 1.25rem !important;
}

li.payment_method_ppcp label:first-of-type img {
    float: left !important;
}

/* Header */

.header-button a {
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
}

.header-button a:hover {
    background-color: var(--e-global-color-primary) !important;
}

/* Main Page */

.elementor-widget-image-box .elementor-image-box-title a:hover {
    color: var(--e-global-color-primary);
}

.elementor-widget-image-box .elementor-image-box-description {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--e-global-color-primary);
    padding: 0px 5px;
}

.elementor-widget-image-box .elementor-image-box-description .original-price {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

/* Product Page */

.woocommerce-page .preview-button,
.woocommerce-page .single_add_to_cart_button
{
    width: 48%;
    text-align: center;
    padding: 15px !important;
    margin: 5px !important;
    background-color: white !important;
    color: #212529 !important;
    border-color: #212529 !important;
}

@media only screen and (max-width: 768px) {
.woocommerce-page .preview-button,
.woocommerce-page .single_add_to_cart_button
{
    width: 98%;
}
}

.woocommerce-page .preview-button:hover,
.woocommerce-page .single_add_to_cart_button:hover
{
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
    border-color: white !important; 
}

.woocommerce-page .buy-now-button
{
    width: 98%;
    text-align: center;
    padding: 15px !important;
    margin: 5px !important;
}

.price,
.wc-block-components-formatted-money-amount
{
    letter-spacing: 1px;
}

.woocommerce .price del {
    opacity: 1 !important;
    text-decoration-thickness: 1px !important;
}

del span.woocommerce-Price-amount {
    text-decoration-thickness: 1px !important;
}

.woocommerce .product .images img:hover {
    opacity: 1 !important;
}

.woocommerce div.product form.cart .variations select {
    padding: 5px;
}

.woocommerce .product .woocommerce-tabs .tabs li::before,
.woocommerce .product .woocommerce-tabs .tabs li::after,
.woocommerce .product .woocommerce-tabs .tabs .active::after
{
    display: none;
}

.woocommerce-Tabs-panel--description h3 {
    margin: 18px 0px;
}

/* Cart Page */

.wc-block-components-product-badge.wc-block-components-sale-badge {
    display: none;
}

.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block.button {
    padding: 0px !important;
}

/* WPC Variations Radio Buttons for WooCommerce */

.woovr-variation.woovr-variation-active:before {
    background-color: var(--e-global-color-primary) !important;
}

.woovr-variation.woovr-variation-active {
    border-color: var(--e-global-color-primary) !important;
}

.woovr-variation-radio .woovr-variation-info .woovr-variation-price {
    font-size: 1.25rem !important;
    letter-spacing: 1px;
    font-weight: bold;
}

.woovr-variation-radio .woovr-variation-info .woovr-variation-price ins {
    text-decoration: none;
}

.woovr-variations.woovr-variations-grid-2 .woovr-variation {
    width: calc(100% - 20px) !important;
}

@media only screen and (max-width: 768px) {
.woovr-variations[class*="woovr-variations-grid"] .woovr-variation:before
{
    display: none;
}
}

/* Modula */

.modula-item-content img
{
     inset: 0px auto auto 0px !important;
}

@media only screen and (min-width: 768px) {
    .modula-item:nth-child(1)
    {
        right: 0px;
        left:auto;
    }
    
    .modula-item:nth-child(2)
    {
        right: 175.656px;
        left:auto;
    }
    
    
    .modula-item:nth-child(3)
    {
        right: 351.312px;
        left:auto;
    }

    .modula-item:nth-child(4)
    {
        right: 526.968px;
        left:auto;
    }

        .modula-item:nth-child(5)
    {
        right: 702.624px;
        left:auto;
    }
    
        .modula-item:nth-child(6)
    {
        right: 878.28px;
        left:auto;
    }
    
        .modula-item:nth-child(7)
    {
        right: 0px;
        left:auto;
    }
    
        .modula-item:nth-child(8)
    {
        right: 175.656px;
        left:auto;
    }
    
        .modula-item:nth-child(9)
    {
        right: 351.312px;
        left:auto;
    }
    
        .modula-item:nth-child(10)
    {
        right: 526.968px;
        left:auto;
    }
    
        .modula-item:nth-child(11)
    {
        right: 702.624px;
        left:auto;
    }
    
        .modula-item:nth-child(12)
    {
        right: 878.28px;
        left:auto;
    }
    
        .modula-item:nth-child(13)
    {
        right: 0px;
        left:auto;
    }
    
        .modula-item:nth-child(14)
    {
        right: 175.656px;
        left:auto;
    }
    
        .modula-item:nth-child(15)
    {
        right: 351.312px;
        left:auto;
    }
    
        .modula-item:nth-child(16)
    {
        right: 526.968px;
        left:auto;
    }
    
        .modula-item:nth-child(17)
    {
        right: 702.624px;
        left:auto;
    }
    
        .modula-item:nth-child(18)
    {
        right: 878.28px;
        left:auto;
    }
    
        .modula-item:nth-child(19)
    {
        right: 0px;
        left:auto;
    }
    
        .modula-item:nth-child(20)
    {
        right: 175.656px;
        left:auto;
    }
    
        .modula-item:nth-child(21)
    {
        right: 351.312px;
        left:auto;
    }
    
        .modula-item:nth-child(22)
    {
        right: 526.968px;
        left:auto;
    }
    
        .modula-item:nth-child(23)
    {
        right: 702.624px;
        left:auto;
    }
    
        .modula-item:nth-child(24)
    {
        right: 878.28px;
        left:auto;
    }

}

/* CF7 */

.wpcf7 label {
width: 100%;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select{
width: 100%;
margin-top: 5px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
background-color: #23282d;
padding: 10px;
color: white;
border: none;
transition: 0.2s all;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
background-color: #3858e9;
}

/* Customer Reviews for WooCommerce */

.woocommerce-review__published-date {display:none;}
.woocommerce-review__dash {display:none;}