/*
Theme Name: rassma
Author: Rassma
Version: 1.0
*/
/* 3rd party packages */

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/*
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* rajdhani-regular - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/rajdhani/rajdhani-v15-latin-regular.woff'); 
}
/* rajdhani-500 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/rajdhani/rajdhani-v15-latin-500.woff'); 
}
/* rajdhani-600 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/rajdhani/rajdhani-v15-latin-600.woff'); 
}
/* rajdhani-700 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/rajdhani/rajdhani-v15-latin-700.woff'); 
}
/* seaweed-script-regular - latin */
@font-face {
    font-family: 'Seaweed Script';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/seaweed-script/seaweed-script-v13-latin-regular.woff'); 
}
/*
.home .woocommerce-loop-product__title + p {
    display: none;    
}
*/

body{
    font-family: 'Rajdhani', sans-serif;
    font-weight: 400;
}

.content-area{
    min-height: 500px;
    padding: 3rem 0;    
}

.page-template-template-home-php .content-area{
    padding: 0;
}

/* Home Page Template */

/* Header - Main Menu */
body #page > header{
    border-top: 4px solid #FFEB33;
    background-color: #fdfdfd;
    border-bottom: 1px solid #eee;    
}

header .search{
    padding: 0.7rem 0;
    background-color: #0000000a;
}

header .top-bar{
    padding: 1rem 0 0 0;
}

header p.site-title{
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #000;
    font-weight: 600;
    margin: 0;
}

header p.site-title~span {
    color: #000;
}

header .brand{
    padding-bottom: 15px;
    word-break: break-word;
    -ms-word-wrap: break-word;
}

header .brand img{
    max-width: 160px;
    height: auto;
}


/*
.main-menu{
    padding: 0;
}

.main-menu ul{  
    padding: 0; 
    margin: 0; 
    font-size: 18px; 
    font-weight: 500; 
    border-radius: 0;    
}

.main-menu ul li{ 
    display: inline;  
    margin: 0 5px 0 0;
}

.main-menu ul li:last-child{ 
    margin: 0; 
}

.main-menu > ul li a,
.navbar-light .navbar-nav .nav-link{  
    color: #303030; 
    text-decoration: none;
    padding: 7px 15px 20px;
}

.main-menu ul li a.nav-link:first-child{ 
    padding-left: 0 !important;
}

.main-menu ul li ul{
    background-color: #000;
}

.main-menu ul li ul li{
    margin: 0;
}

.main-menu ul li ul li a{
    padding: 0.5rem;
    color: #fff;
}

.main-menu .navbar-nav .active>.nav-link{ 
    color: #CA2424; 
}

.main-menu .dropdown-item:focus, 
.main-menu .dropdown-item:hover {
    color: #fff;
    background-color: #272c33;
}

.main-menu .dropdown:hover>.dropdown-menu, 
.main-menu .dropup:hover>.dropdown-menu  {
  display: block;
}

.main-menu .dropdown-item.active, 
.main-menu .dropdown-item:active {
    background-color: #d2335b;
}

.main-menu .navbar-toggler{
    border: none;
    padding-right: 0;    
}

.main-menu .dropdown-toggle::after {
    vertical-align: 0.155em;
}

.main-menu .navbar-toggler-icon {
    background-image: url('img/hamburger-menu.svg');
}

.main-menu ul li .dropdown-menu .dropdown > a::after{
    display: inline-block;
    margin-left: 0.355em;
    vertical-align: 0.2em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.main-menu .dropdown-menu li { 
    display: block;
    margin: 0px;
    padding: 0px;
}

.main-menu .dropdown-menu .dropdown-menu { 
    top: -1px;
    left: 100%;
}
*/

/* Search Form *//*
.search-form button{
    background-image: url('img/search.svg');
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.search-form input[type="search"]{
    
    background-color: #fff;
    border: none;
    font-weight: 500;
    font-size: 110%;
    padding: 0.3rem 1rem;
    margin-right: 0.3rem;
}

/* Cart *//*
.cart .cart-icon{
    background: url('img/cart.svg');
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: bottom;
}

.cart .items{
    background: #CA2424;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
*/

/* Flex Slider */
/*
.flexslider{
    border: 0 !important;
}

.flex-control-nav {
    bottom: 10px !important;
}

.slider-details-container {
    color: #FFF;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 700px;
  
  justify-content: center;  /* horizontal centering */
  /*
  align-items: center;      /* vertical centering */
  /*
  text-align: center;
 }

.slider-details-container h1{
    font-family: 'Seaweed Script';
    font-size: 1.5rem;
    margin: 0.0em 0;
}

.slider-details-container .subtitle{
    font-size: 1.0em;
    margin-bottom: 15px;        
}

.slider-details-container .slider-title{
    color: #FFF;
    font-weight: 700;
}

.slider-details-container a{
    background-color: #D2335B;
    color: #fff;
    border-radius: 5px;
   
    text-transform: uppercase;
    padding: 0.65em;
   
    display: inline-block;
    font-size: 1.2em;
   
}*/
/***********/



/* Ensure the parent is positioned so absolute children are relative to it */

/*
.slider, .flexslider {
  position: relative;
}

/* Option 1: Absolute + Transform Centering */
/*
.slider-details-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  width: 800px; /* or use max-width for more responsiveness */
  /*
  text-align: center;
}

/* Responsive variation (optional) */
/*
@media (max-width: 768px) {
  .slider-details-container {
    width: 90%; /* or something more fluid on smaller screens */
    /*
  }
}

*/

/**********/
/*
.slider-details-container a:hover{
    color: #fff;
}

.flexslider .slides {
    padding: 0 !important;
}

.flex-control-paging li a {
    background: rgba(189, 189, 189, 0.5) !important;
    height: 10px !important;
    width: 15px !important;
}

.flex-control-paging li a.flex-active {
    background: #D2335B !important;
    width: 25px !important;
}

.flex-control-nav li {
    margin: 0 2px !important;
}

*/
/* Frontend Product Lists */

.home main .section-title{
    position: relative;
    margin-bottom: 20px;
}

.home main .section-title::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    background: #ddd;
}

.home main .section-title h2{
    font-family: 'Seaweed Script';
    font-size: 3rem;    
    position: relative;
    display: inline-block;
    background: #fff;
    vertical-align: top;
    padding: 0 20px 0 0;
    margin: 0;    
}

.home section.lab-blog{
    padding: 40px 0;
}

.home .woocommerce ul.products {
    border-top: none;
}

.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.3rem;
    font-weight: 500;
    color: #868686;
    margin: 0;
    padding: 0;
    display: table;    
}

.home .popular-products .woocommerce ul.products li.product .button,
.home .new-arrivals .woocommerce ul.products li.product .button {
    background-color: transparent;
    color: #d83a65;
    padding: 0;
    margin: 0;
    transition: 0.5s;
}

.home .popular-products .woocommerce ul.products li.product .button:hover,
.home .new-arrivals .woocommerce ul.products li.product .button:hover {
    color: #666;
}

.home .woocommerce ul.products li.product .button {
    margin-top: 0;
}

.deal-of-the-week {
    background: #0d3b66;
    padding: 60px 0;
}

.deal-of-the-week .row{
    padding: 30px 0;
    background-color:#92eeff;
   
}

.deal-of-the-week .discount{
    background: #ff6891;
    color: #fff;
    padding: 0.5rem;
    display: inline-block;
    margin: 20px 0;  
    position: relative;  
}

.deal-of-the-week .discount:before{
    content: '';
    position: absolute;
    top: 6%;
    left: 0;
    height: 1px;
    width: 100%;
    border: 1px dashed #ffc8d8;    
}

.deal-of-the-week .discount:after{
    content: '';
    position: absolute;
    bottom: 5%;
    left: 0;
    height: 1px;
    width: 100%;
    border: 1px dashed #ffc8d8;    
}

.deal-of-the-week .section-title{
    margin: 0 !important;
    
}

.deal-of-the-week h2{
    background: #cbff80 !important;   
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 1rem 0; /* optional padding */
  text-align: center; /* optional */
}

.deal-of-the-week h3{
    margin: 0 0 20px 0;
    padding: 0;    
}

.deal-of-the-week h3 a{
    font-size: 2rem;
    font-weight: 700;
    color: #000;  
    transition: 0.5s;  
}

.deal-of-the-week h3 a:hover{
    color: #777;    
}

.deal-of-the-week p{
    color: #000;
    font-size: 1.2rem;    
}

.deal-of-the-week .prices .regular{
    font-size: 1.4rem;
    font-weight: 600;
    opacity: 0.4;
    text-decoration: line-through;    
}

.deal-of-the-week .prices .sale{
    font-size: 2rem;
    font-weight: 700;    
}

.deal-of-the-week a.add-to-cart{
    background-color: #D2335B;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    padding: 0.618em 1em;
    font-weight: 700;
    border-radius: 3px;
    display: inline-block; 
    margin-top: 10px;      
}

.lab-blog img{
    margin: 15px 0;
}

.lab-blog h3{
    margin-bottom: 0;
}

.lab-blog h3 a{
    color: #d83a65;  
    font-weight: 700;      
}

.lab-blog .pub-date{
    margin-bottom: 0.6rem;
    display: block;
}

.lab-blog .excerpt{
    color: #848484;
}


/* Footer - Footer Menu */

.footer-widgets{
    padding: 5px 0;
    background: #515151;
    color: #aeaeae;    
}

.footer-widgets h4{
    color: #fff;
    text-transform: uppercase;
}

.footer-widgets p{
    margin-bottom: 0.5rem;
}

.footer-widgets strong{
    color: #fff;
}

.footer-widgets ul li a{ 
    color: #aeaeae; 
}

.copyright{
    background-color: #000000;
    color: #939393;
    padding: 20px 0;
}

.copyright p{
    margin: 0;
}

.footer-menu ul, .footer-widgets ul{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    font-size: 16px; 
}

.footer-menu ul li{ 
    display: inline;  
    margin: 0 10px 0 0;
}

.footer-menu ul li:last-child{ 
    margin: 0; 
}

.footer-menu ul li a{ 
    color: #939393; 
    text-decoration: none;
}

.footer-menu ul li.current-menu-item a{ 
    color: #ff9292; 
}


/* WooCommerce */

/* Grid System */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
    flex: 0 0 50%;
    max-width: 50%;
}


/* Shop */

.shop-content{
    padding: 3rem 0;
}

.shop-content .row{
    margin-left: 0;
    margin-right: 0;
}

.post-type-archive-product .content-area, 
.product-template-default .content-area,
.tax-product_cat .content-area{
    padding: 0;
}

.woocommerce .woocommerce-breadcrumb a {
    font-weight: 700;
}

.woocommerce ul.products.columns-1 li.product:first-child, 
.woocommerce-page ul.products.columns-1 li.product:first-child {
    margin-top: 20px;
}

.woocommerce .products ul, .woocommerce ul.products {
    border-top: 1px solid #eee;
}

.woocommerce ul.products li.product a img {
    width: 255px;
    height: auto;
    display: block;
    margin: 0 1em 1em 0;
    box-shadow: none;
    float: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin: 0;
    padding: 0;
    display: table;
}

.post-type-archive-product .woocommerce-loop-product__title{
    margin-bottom: 0.5rem !important;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce ul.products li.product p{
    color: #000;
}

.woocommerce ul.products li.product .price{
    color: #000;
    font-weight: 600;    
}

.woocommerce ul.products li.product .price ins {
    font-size: 140%;
}

.woocommerce ul.products li.product .onsale{
    top: 16px;
    left: 0;
    right: 0;
    transform: rotate(90deg);
    border-radius: 0;   
    width: 83px;
    padding: 0;
    background-color: #D2335B;
    margin: 0;
    font-weight: 400;
}

.woocommerce ul.products li.product .onsale:before {
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 22px 0 0;
    border-color: #D2335B transparent transparent transparent;
}

.woocommerce ul.products li.product .onsale:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 24px 0;
    border-color: transparent transparent #D2335B transparent;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 12px;
}


/* Single Product */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce ul.products li.product .button {
    background-color: #D2335B;
    color: #fff;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: #bd3759;
}

.product_meta > span{
    display: block;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount{
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins, 
.woocommerce-Price-amount {
    font-size: 25px;
    color: #000;
    font-weight: 700;
}

.woocommerce span.onsale{
    top: 19px;
    left: 35px;
    transform: rotate(90deg);
    border-radius: 0;   
    width: 84px;
    padding: 0;
    background-color: #D2335B;
    margin: 0;
    font-weight: 400;
}

.woocommerce span.onsale:before {
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 22px 0 0;
    border-color: #D2335B transparent transparent transparent;
}

.woocommerce span.onsale:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 23px 0;
    border-color: transparent transparent #D2335B transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border-radius: 0;
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    content: none;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
    background-color: #ffeb8a;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background-color: #ffe252;
}

/* Cart */

.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 150px;
}


/* Checkout */
.woocommerce form .form-row {
    display: block;
}
.woocommerce-checkout #customer_details{
    margin-bottom: 20px;
}
.woocommerce table.shop_table{
    border-collapse: collapse;
}
.woocommerce table.shop_table thead{
    background-color: #D2335B;
    color: #fff;
}


/* My Account */
.woocommerce-MyAccount-navigation a{
    color: #000000;    
}

.woocommerce-MyAccount-navigation .is-active{
    font-weight: 700;
    background-color: #000000;   
}

.woocommerce-MyAccount-navigation .is-active a{
    color: #fff;    
}

.woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding: 0;
    border: 1px solid #f3f3f3;
}

.woocommerce-MyAccount-navigation ul li{
    border-bottom: 1px solid #f3f3f3;
    padding: 0.3rem 0.7rem;
}

.woocommerce-MyAccount-navigation ul li:last-child{
    border-bottom: 0;
}

.woocommerce table.my_account_orders {
    font-size: inherit;
}

/* Store Notice */
.woocommerce-store-notice, p.demo_store {
    background-color: #750000;
}


/* Blog and Archive Pages */
.blog article, 
.archive article{
    margin-bottom: 3rem;        
}

.blog article .title, 
.archive article .title{
    font-weight: 600;        
}

.blog article .meta, 
.archive article .meta{
    font-weight: 700;
    margin: 1rem 0;    
}

.archive-title{
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 1px solid #efefef;
    padding: 0 0 0.7rem 0;
    margin-bottom: 1rem;
}

.archive-title span{
    color: #b58e8e;
    font-weight: normal;
}

.blog .post-thumbnail,
.archive .post-thumbnail{
    margin: 1rem 0;
}

.nav-links{
    font-weight: 700;
}

.nav-links span,
.nav-links a{
    padding: 0.4rem;
}


/* Single */
.single header h1{
    font-weight: 700;
}

.single .post-thumbnail{
    margin: 1rem 0;
}

.comments-area{
    border-top: 1px solid #eee;
    padding: 1rem 0 2rem;
    margin-top: 2rem;    
}

.comment-form label{
    display: block;
}

.comment-form input[type="submit"]{
    background-color: #D2335B;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0.8em;
    display: inline-block;   
}


/* Search */
.search .content-area .search-form{
    margin: 0 0 1rem;
}


/* Comments */

#comments ol,
#comments ul{
    list-style: none;
    padding: 0;
}

#comments .depth-1{
    padding: 2rem 0;
}

#comments .nav-links a{
    padding: 0;
}

#comments .bypostauthor{
    background-color: #bf95941a;
}

.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 45px 40px 45px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-left: 4px solid #444;
}

.entry-comments h3{
    font-size: 30px;
    margin-bottom: 30px;
}

.comment-respond h3,
.entry-pings h3{
    font-size: 20px;
    margin-bottom: 30px;
}

.comment-respond {
    margin: 1.5rem 0;
}

.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}

.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}

li.comment {
    background-color: #fff;
    border-right: none;
}

.comment-content {
    clear: both;
    overflow: hidden;
}

.comment-list li {
    font-size: 14px;
    padding: 20px 30px 20px 25px;
}

.comment-list .children {
    margin-top: 40px;
    border: 1px solid #cccccc40;
    margin-left: 1rem;
}

.comment-list li li {
    background-color: #f5f5f6;
}

.comment-list li li li {
    background-color: #fff;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}

.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid #fff;
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}

.entry-pings .reply {
    display: none;
}

.bypostauthor {
}

.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}

.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}

.comment-reply-link:hover{
    color: #fff;
}

.comment-notes{
    display:none;   
}
/****/

/* WooCommerce Widgets */
.woocommerce .shop-content .widget-wrapper{
    margin: 0 0 2rem;
    border-bottom: 1px solid #eee;
    padding: 0 1em 2em 0;    
}

.woocommerce .shop-content .widget-wrapper h4{
    padding: 0 0 0.7rem 0;
}

.woocommerce .shop-content .widget-wrapper > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce .shop-content .widget-wrapper > ul li ul{
    list-style: none;
}

.woocommerce .shop-content .widget-wrapper ul li span,
.woocommerce .shop-content .widget-wrapper ul li ul li span{
    float: right;
}

.no-sidebar-shop .sidebar-shop{
    display: none;
}

.no-sidebar-shop .main-content{
    flex: 0 0 100%;
    max-width: 100%;
}


/* General Widgets */

.widget{
    margin-bottom: 1rem;
}

.content-area .widget h4{
    border-bottom: 1px solid #f5f5f5;
    padding: 0.4rem 0;
    font-weight: 700;    
}

.widget > ul, 
.widget > ol,
.widget_nav_menu div > ul{
    padding: 0;
    list-style: none;
}

.widget_nav_menu div > ul li ul,
.widget_product_categories ul li ul{
    padding: 0 0 0 0.7rem; 
    list-style: none;
}

.widget_product_categories ul li ul,
.widget_categories ul li ul,
.widget_pages ul li ul{
    padding: 0 0 0 0.7rem; 
    list-style: none;
}

.widget select,
.widget img{
    max-width: 100%;
}

.widget_calendar table{
    width: 100%;
    text-align: center;
}

.widget_calendar table tbody td a{
    font-weight: 700;
    background-color: #d35758;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.widget_calendar tfoot{
    background-color: #d46562;
}

.widget_calendar tfoot a{
    color: #fff;
}

.widget_calendar tfoot tr td{
    padding: 0.3rem 0.7rem;
}

.widget_calendar tfoot tr .pad{
    padding: 0;
}

.widget_calendar tfoot tr #next{
    text-align: right;
}

.widget_calendar table caption{
    text-align: center;
    background-color: #a7524b;
    color: #fff;
    padding: 0.3rem;
}

.widget_recent_comments .recentcomments{
    padding: 0 0 0.5rem;
}

.widget_recent_comments .recentcomments .comment-author-link{
    font-weight: 700;
}

.widget_recent_comments .recentcomments .comment-author-link a{
    color: #000;
    font-size: inherit;
}

.widget_rss ul{
    background-color: #f9f9f9;
    padding: 1rem;
}

.widget_rss ul li{
    padding: 0 0 0.8rem;    
}

.widget_rss ul li .rss-date{
    font-weight: 500;
    display: block;
}

.widget .tagcloud{
    font-weight: 500;
}

.widget .search-form,
.search .content-area .search-form {
    display: flex;
    max-width: 300px;
}

.widget .search-form button,
.search .content-area .search-form button {
    flex: 0;
    height: 38px;
    width: 38px;
    background-color: #a5a5a5;
    border-top: 6px solid #a5a5a5;
    border-right: 0;
    border-bottom: 6px solid #a5a5a5;
    border-left: 6px solid #a5a5a5;
}

.widget .search-form input[type="search"],
.search .content-area input[type="search"] {
    margin-right: 0;
    flex: 1;
    max-width: 172px;    
}

.content-area .widget .search-form input[type="search"],
.shop-content .widget .search-form input[type="search"],
.search .search-form input[type="search"] {
    background-color: #f1f1f1;
}

.shop-content .widget_rss ul{
    padding: 1rem !important;
}

.shop-content .widget_recent_comments .recentcomments .comment-author-link,
.shop-content .widget_rss ul li .rss-date {
    float: none !important;
}

.footer-widgets a:hover{
    color: #ddd;
}

.footer-widgets .widget_calendar tfoot {
    background-color: #737070;
}

.footer-widgets .widget_calendar table caption {
    text-align: center;
    background-color: #2b2b2b;
    color: #fff;
    padding: 0.3rem;
}

.footer-widgets .widget_rss ul {
    background-color: #f9f9f91c;
}

.footer-widgets .widget_rss ul li a,
.footer-widgets .tagcloud a {
    color: #ffb4b4d4;
}

.footer-widgets .widget_rss ul li a:hover,
.footer-widgets .tagcloud a:hover {
    color: #ff9191d4;
}

.footer-widgets .widget_recent_comments .recentcomments .comment-author-link,
.footer-widgets .widget_recent_comments .recentcomments .comment-author-link a {
    color: #f1b7b7;
}

.no-sidebar .sidebar-1{
    display: none;
}

.no-sidebar .blog-area{
    flex: 0 0 100%;
    max-width: 100%;
}

.no-sidebar-footer .footer-widgets{
    display: none;
}


/* Content Adjustments */

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6,
.content-area p{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.content-area .sticky{
    background-color: #fbed350d;
    padding: 2rem;
    border: 1px dashed #f1dc3d;
}

.content-area ul,
.comment-body ul{
    padding: 0 0 0 1rem;
    list-style: square;
}

.page .content-area .woocommerce ul{
    padding: 0;
    list-style: none;
}

.content-area ol,
.comment-body ol{
    padding: 0 0 0 1rem;
}

.content-area ul li,
.comment-body ul li,
.content-area ol li,
.comment-body ol li{
    font-size: 1.15rem;
}

.content-area blockquote,
.comment-body blockquote,
.content-area q,
.comment-body q{
    background-color: #f5f5f5;
    border-left: 5px solid #000;
}

.content-area blockquote p,
.comment-body blockquote p{
    margin: 0;
    padding: 1rem;
}

.content-area q,
.comment-body q{
    margin: 0;
    padding: 0.5rem;
    display: inline-block;
}

.content-area table,
.comment-body table{
    width: 100%;
    margin: 0 0 1rem;
    font-size: 1.15rem;
}

.content-area table thead,
.comment-body table thead,
.comment-body table tbody tr:first-child,
.page .content-area table tbody tr:first-child{
    background-color: #D2335B;
    color: #fff;
}

.page .content-area .woocommerce table tbody tr:first-child{
    background-color: transparent;
    color: initial;
}

.comment-body table tbody tr:first-child th,
.content-area table tbody tr:first-child th{
    border: none;
}

.content-area table thead th,
.comment-body table thead th {
    padding: 0.5rem 1rem;
    vertical-align: middle;
    border: 1px solid #D2335B;
}

.content-area table tbody th,
.comment-body table tbody th,
.content-area table tbody td,
.comment-body table tbody td{
    padding: 0.4rem;
    vertical-align: middle;
    border: 1px solid #ececec;
    text-align: center;
    font-weight: 500;
}

.content-area table tbody tr:hover,
.comment-body table tbody tr:hover{
    background-color: #f5f5f5;
}

.comment-body table tbody tr:first-child:hover{
    background-color: #D2335B;
}

.content-area dl,
.comment-body dl {
    font-size: 1.15rem;    
}

.content-area dt,
.comment-body dt {
    font-weight: bold;
    padding: 0.5rem;
    background: #333;
    color: #fff;    
}

.content-area dd,
.comment-body dd {
    margin: 0;
    padding: 0.5rem;
}

.content-area address,
.comment-body address{
    font-size: 1.15rem;
    font-style: italic;
}

.content-area code,
.comment-body code{
    font-size: 0.95rem;
    font-style: italic;
}
.content-area img{
    max-width: 100%;
    height: auto;
}

.content-area .wp-caption.alignleft {
    margin: 5px 20px 10px 0;
}

.content-area .more-link,
.post-password-form input[type="submit"] {
    background-color: #D2335B;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    padding: 0.558em 1em;
    font-weight: 700;
    border-radius: 3px;
    display: inline-block;
}

.content-area .inner-pagination{
    font-weight: 700;
}

.comment-body ul{
    padding: 0 0 0 1.5rem !important;
    list-style: square !important;
}

.comment-body ol{
    padding: 0 0 0 1.5rem !important;
}

.comment-body > ul,
.comment-body > ol{
    margin: 0 0 1rem 0;
}

.comment-body ul li,
.comment-body ol li{
    font-size: 1.15rem;
    background-color: transparent !important; 
    padding: 0 !important;
}

.comment-body ol {
    list-style: decimal !important;
}

#comments .pingback{
    font-size: 1.15rem;
    padding: 0;
}

.gallery-item dt{
    padding: 2rem;
}

.gallery-item img{
    border: 2px solid #fff !important;
}


/* General */

embed, iframe, object {
    max-width: 100%;
}

button, input, optgroup, select, textarea {
    background-color: #F6F6F6;
    padding: 5px 15px;
    border: 1px solid #e2e2e2;  
    max-width: 100%;  
}

a{
    color: #d35758;
}

a:hover {
    color: #af4142;
    text-decoration: none;
}

p, ul li a, .nav-links a, .nav-links span{
    font-size: 1.15rem;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.bypostauthor {
  display: block;
}


/* Media Queries */


@media all and (max-width: 768px){
    .woocommerce ul.products[class*="columns-"] li.product, 
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
    }
}

@media all and (max-width: 767px) {

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-widgets .col-12{
        margin-bottom: 25px;
    } 

    .footer-widgets .col-12:last-child{
        margin-bottom: 0;
    } 

    .copyright-text{
        margin-bottom: 10px;
         text-align: center;
    }        

    .brand{
        margin-bottom: 15px;
    }
}



/* Make sure the link is “above” other elements */
.brand-link {
  display: inline-block;     /* make it a block-level clickable area if needed */
  z-index: 101;              /* z-index: 1000;increase stacking order so it’s clickable over other things ترتيب طبقة مكان الشعار في الرئسية للموقع */
  position: relative;         /* needed for z-index to take effect reliably */
  cursor: pointer;            /* show pointer on hover */
}

/* Make sure the image inside is not interfering */
.brand-link img {
  display: block;             /* remove inline whitespace issues */
  pointer-events: auto;       /* ensure clicks go through to the <a> */
}


/* Make sure each slide is a positioning context */
/*
.flexslider .slides > li {
  position: relative;
  width: 100%;
}

/* Make the images fully responsive & full width */
/*
.flexslider .slides img {
  width: 100%;
  height: 70%;
  display: block;
}

/* Center the details container over the image */
/*
.slider-details-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%; /* use % for responsiveness — adjust as needed */
  /*
  max-width: 700px;
  text-align: center; /* center text and button */
  /*
  color: #fff;
  padding: 0.5em; /* optional, for some breathing space */
  /*
  box-sizing: border-box;
}*/

/* Title styling */
/*
.slider-details-container .slider-title h1 {
  font-family: 'Seaweed Script';
  font-size: 1.5rem;
  margin: 0.5em 0;
}

/* Subtitle styling */
/*
.slider-details-container .subtitle {
  font-size: 1.0em;
  margin-bottom: 0.5em;
}

/* Button styling + positioning */
/*
.slider-details-container a.brand-link {
  display: inline-block;
  background-color: #D2335B;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 0.35em 0.5em;
  font-size: 1.0em;
  text-decoration: none;
  position: relative;
  top: 0;  /* reset, in case of previous positioning */
  /*
  transform: none;
}

*/
/*
ul.slides > li {
  height: 400px;   /* define a fixed height for slides */
  /*
  overflow: hidden;
  position: relative;
}

ul.slides > li > img {
  height: 100%;
  width: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
/* Document
   ========================================================================== */

   html {
    font-family: sans-serif; /* 1 */
    line-height: 1.15; /* 2 */
    -ms-text-size-adjust: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 3 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers (opinionated).
   */
  
  body {
    margin: 0;
    font-family:'Rajdhani', sans-serif;
  }
  
  /**
   * Add the correct display in IE 9-.
   */
  
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    /* color:green; */
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in IE.
   */
  
  figcaption,
  figure,
  main { /* 1 */
    display: block;
  }
  
  /**
   * Add the correct margin in IE 8.
   */
  
  figure {
    margin: 1em 40px;
  }
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */
  
  a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
  }
  
  /**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers (opinionated).
   */
  
  a:active,
  a:hover {
    outline-width: 0;
  }
  
  /**
   * 1. Remove the bottom border in Firefox 39-.
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */
  
  b,
  strong {
    font-weight: inherit;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font style in Android 4.3-.
   */
  
  dfn {
    font-style: italic;
  }
  
  /**
   * Add the correct background and color in IE 9-.
   */
  
  mark {
    background-color: #ff0;
    color: #000;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  audio,
  video {
    display: inline-block;
  }
  
  /**
   * Add the correct display in iOS 4-7.
   */
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  /**
   * Remove the border on images inside links in IE 10-.
   */
  
  img {
    border-style: none;
  }
  
  /**
   * Hide the overflow in IE.
   */
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers (opinionated).
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */
 
  button,
  html [type="button"], /* 1 */
  [type="reset"],
  [type="submit"]::-webkit-submit-cancel-button, /* edited2*/
  [type="submit"]::-webkit-submit-decoration {
    -webkit-appearance: button; /* 2 */
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Change the border, margin, and padding in all browsers (opinionated).
   */
  
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * 1. Add the correct display in IE 9-.
   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
  }
  
  /**
   * Remove the default vertical scrollbar in IE.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10-.
   * 2. Remove the padding in IE 10-.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
   [type="search"]::-webkit-search-cancel-button, /* edited1 */
  [type="search"]::-webkit-search-decoration{
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   */
  
  details, /* 1 */
  menu {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Scripting
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  canvas {
    display: inline-block;
  }
  
  /**
   * Add the correct display in IE.
   */
  
  template {
    display: none;
  }
  
  /* Hidden
     ========================================================================== */
  
  
  /* RTL Fix */
body[dir="rtl"] .slick-slide {
    direction: rtl;
}

  
  /**
   * Add the correct display in IE 10-.
   */
  
  [hidden] {
    display: none;
  }
  
  /* Slider */
  
  .slick-slider
  {
      position: relative;
  
      display: block;
      box-sizing: border-box;
  
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
  
      display: block;
      overflow: hidden;
  
      margin: 0;
      padding: 0;
  }
  
  .slick-list:focus
  {
      outline: none;
  }
  
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
  
      display: block;
  }
  
  .slick-track:before,
  .slick-track:after
  {
      display: table;
  
      content: '';
  }
  
  .slick-track:after
  {
      clear: both;
  }
  
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
  
      height: 100%;
      min-height: 1px;
  }
  
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  
  .slick-slide img
  {
      display: block;
  }
  
  .slick-slide.slick-loading img
  {
      display: none;
  }
  
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  
  .slick-initialized .slick-slide
  {
      display: block;
  }
  
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  
  .slick-vertical .slick-slide
  {
      display: block;
  
      height: auto;
  
      border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
      display: none;
  }
  
  /* SASS and Global'ish Stuff */
  
  body {
    color: #333;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    position: relative;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  a {
    color: #0D3B66;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  p, ul, ol {
    margin: 0 0 1.65em 0;
  }
  
  p, li {
    line-height: 1.65;
  }
  
  .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
  }
  
  .container--narrow {
    max-width: 960px;
  }
  
  .section-break {
    border: none;
    border-top: 1px solid #DDD;
    margin: 2.5rem 0;
  }
  
  .min-list {
    padding: 0;
    margin: 0;
  }
  
  .min-list li {
    list-style: none;
  }
  
  .p-top-small {padding-top: 1rem}
  
  .p-top-large {padding-top: 1.6rem}
  
  .p-bottom-large {padding-bottom: 1.6rem}
  
  @media (min-width: 530px) {
  
    .p-top-large {
      padding-top: 3.5rem;
    }
  
    .p-bottom-large {
      padding-bottom: 3.5rem;
    }
  }
  
  .no-margin {margin: 0}
  
  .nu {text-decoration: none}
  
  .nu:hover {text-decoration: underline}
  
  .t-left {text-align: left}
  
  .t-right {text-align: right}
  
  .t-center {text-align: center}
  
  .t-small {font-size: .85rem}
  
  .float-left {float: left}
  
  .float-right {float: right}
  
  .push-right {margin-right: 20px}
  
  .container:before,
  .container:after,
  .group:before,
  .group:after {
    content: " ";
    display: table;
  }
  
  .container:after,
  .group:after {
    clear: both;
  }
  
  .hide {
    display: none;
  }
  
  /* BEM Blocks */
  
  .remove-favorite {
    display: inline-block;
    transition: all .3s;
    color: #999;
    font-size: .9rem;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 3px;
  }
  
  .remove-favorite:hover {
    background-color: #DEDEDE;
  }
  
  .page-section {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  
  @media (min-width: 530px) {
  
    .page-section {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
    }
  }
  
  .page-section--white {
    background-color: #FFF;
  }
  
  .page-section--beige {
    background-color: #FAF0CA;
  }
  
  .page-section p:last-of-type {
    margin-bottom: 0;
  }
  
  .school-logo-text {
    position: relative;
    z-index: 20;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 100;
  }
  
  .school-logo-text strong {
    font-weight: 400;
  }
  
  .school-logo-text a {
    color: #FFF;
    text-decoration: none;
  }
  
  .school-logo-text--alt-color a {
    color: #666;
  }
  
  .school-logo-text--alt-color a:hover {
    color: #0D3B66;
    text-decoration: underline;
  }
  
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  .spinner-loader {
    margin-top: 45px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 0.25rem solid rgba(0, 0, 0, 0.2);
    border-top-color: black;
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear;
  }
  
  .c-orange {color: #F95738}
  
  .c-blue {color: #0D3B66}
  
  .c-white {color: #FFF}
  
  .c-dark {color: #333}
  
  .gray {color: #999999}
  
  .search-trigger {
    display: none;
    color: #FFF;
    position: relative;
    cursor: pointer;
    top: 1px;
    margin-left: 20px;
    
  }
  
/********************************/
.account .navbar-nav li {
    display: flex;
    align-items: center; /* لمحاذاة الأيقونة والنص عموديًا */
    gap: 15px; /* مسافة بين الأيقونة والنص */
padding: 8px 0; /* مسافة من أعلى وأسفل */
    
}

.account .navbar-nav li a.search-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px; /* يمكنك تعديل padding حسب الحجم */
    font-size: 16px;
    color: #fff;
}

.account .navbar-nav li a.nav-link {
    color: #fff;
    text-decoration: none;
}

/************************************/  
  @media (min-width: 960px) {
  
    .search-trigger {
      display: inline-block;
      top: 6px;
    }
  }
  
  .search-trigger:hover {
    opacity: .65;
  }
  
  .social-icons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
  }
  
  .social-icons-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 8px;
  }
  
  .social-icons-list li a {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 1.25rem;
  }
  
  .social-icons-list li a:hover {
    opacity: .75;
  }
  
  .social-color-facebook {background-color: #4862a3;}
  
  .social-color-twitter {background-color: #14171A;}
  
  .social-color-youtube {background-color: #cc1e1f;}
  
  .social-color-linkedin {background-color: #0077b5;}
  
  .social-color-instagram {background-color: #d8226b;}
  
  .nav-list ul {
    padding: 0;
    margin: 0;
  }
  
  .nav-list li {
    list-style: none;
  }
  
  .nav-list a {
    font-size: .9rem;
    color: #999;
    text-decoration: none;
  }
  
  .nav-list a:hover {
    color: #0D3B66;
    text-decoration: underline;
  }
  
  .one-half,
  .one-third,
  .one-fourth,
  .one-fifth,
  .one-sixth {
    padding-bottom: 1.6rem;
  }
  
  @media (min-width: 960px) {
  
    .row {
      margin-right: -50px;
    }
  
    .one-half,
    .one-third,
    .two-thirds,
    .one-fourth,
    .one-fifth,
    .one-sixth {
      padding-bottom: 0;
      float: left;
      box-sizing: border-box;
      padding-right: 50px;
    }
  
    .two-thirds {
      width: 66.66%;
    }
  
    .one-half {
      width: 50%;
    }
  
    .one-third {
      width: 33.33%;
    }
  
    .one-quarter {
      width: 25%;
    }
  
    .one-fifth {
      width: 20%;
    }
  
    .one-sixth {
      width: 16.66%;
    }
  }
  
  /* Make Top WP Admin Bar Fixed on Mobile */
  
  @media screen and (max-width: 600px) {
    #wpadminbar {
      position: fixed;
    }
  }
  
  /* Seach Form */
  
  .search-form {
    margin-top:0px;
    background-color: transparent;
    padding: 0px;
    text-align: center;
  }
  
  .search-form label {
    display: block;
  }
  
  .search-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .search-form .s {
    min-width: 20px;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border: none;
    font-family: 'Roboto', sans-serif;
    padding: 10px;
  }
  
  @media (min-width: 530px) {
      
    .search-form .s {
      font-size: 1.4rem;
      
    }
  }
  
  .search-submit {
    color: #FFF;
    border: none;
    border-radius: 4px;
    outline: none;
    background-color: #0D3B66;
    font-family: 'Roboto', sans-serif;
    padding: 0 20px;
    margin-left: 10px;
  }
  
  .note-limit-message {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out;
    color: #c32929;
    font-weight: bold;
  }
  
  .note-limit-message.active {
    visibility: visible;
    opacity: 1;
  }
  
  /* Like Box */
  /*
  .generic-content .like-box {
    float: right;
    font-size: 1rem;
    background-color: #EDEDED;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    color: red;
    padding: 10px 10px 10px 25px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 0 30px 30px;
    position: relative;
  }
  
  .generic-content .like-box:hover {
    background-color: #DEDEDE;
  }
  
  .like-count {
    padding-left: 10px;
  }
  
  .like-box .fa-regular.fa-heart {
    transition: all .35s ease-out;
    position: absolute;
    left: 10px;
  }
  
  .like-box .fa-heart {
    left: 10px;
    transition: all .4s ease-out;
    position: absolute;
    visibility: hidden;
    -webkit-transform: scale(.2);
            transform: scale(.2);
    opacity: 0;
  }
  
  .like-box[data-exists="yes"] .fa-heart {
    -webkit-transform: scale(1);
            transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
  
  .like-box[data-exists="yes"] .fa-regular.fa-heart {
    visibility: hidden;
    opacity: 0;
  }
  */
  
/* Like Box */

.generic-content .like-box {
  float: right;
  font-size: 1rem;
  background-color: #EDEDED;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
  color: red;
  padding: 10px 10px 10px 25px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0 30px 30px;
  position: relative;
}

.generic-content .like-box:hover {
  background-color: #DEDEDE;
}

.like-count {
  padding-left: 10px;
}

/* Outline heart (default state) */
.like-box .fa-regular.fa-heart {
  position: absolute;
  left: 10px;
  transition: all .35s ease-out;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

/* Solid heart (hidden by default) */
.like-box .fa-solid.fa-heart {
  position: absolute;
  left: 10px;
  transition: all .4s ease-out;
  visibility: hidden;
  opacity: 0;
  transform: scale(.2);
}

/* When liked */
.like-box[data-exists="yes"] .fa-solid.fa-heart {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.like-box[data-exists="yes"] .fa-regular.fa-heart {
  visibility: hidden;
  opacity: 0;
  transform: scale(.2);
}


  /* Customize Login Screen */
  
  body.login .button-primary {
    background-color: #F95738;
    border-color: rgb(224, 84, 56);
    text-shadow: 0 -1px 1px rgb(212, 82, 56),1px 0 1px rgb(212, 82, 56),0 1px 1px rgb(212, 82, 56),-1px 0 1px rgb(212, 82, 56);
    box-shadow: 0 1px 0 rgb(199, 80, 56);
  }
  
  body.login .button-primary:hover,
  body.login .button-primary:active,
  body.login .button-primary:focus {
    background-color: rgb(232, 85, 56);
    border-color: rgb(212, 82, 56);
    text-shadow: 0 -1px 1px rgb(199, 80, 56),1px 0 1px rgb(199, 80, 56),0 1px 1px rgb(199, 80, 56),-1px 0 1px rgb(199, 80, 56);
    box-shadow: 0 1px 0 rgb(186, 78, 56);
  }
  
  body.login {
    background-color: #FAF0CA;
  }
  
  .login h1 a {
    color: #0D3B66;
    font-size: 30px;
    font-weight: 300;
    background-image: none;
    width: auto;
    height: auto;
    text-indent: 0;
  }
  
  .btn {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    color: #FFF;
    font-size: 1.19rem;
    padding: 12px 24px;
    border: none;
    outline: none;
  }
  
  .btn--small {
    font-size: .88rem;
    padding: 7px 13px;
    font-weight: 300;
  }
  
  .btn--with-photo {
    padding-left: 40px;
    position: relative;
  }
  
  .btn--orange {
    background-color: #EE964B;
  }
  
  .btn--orange:hover {
    background: linear-gradient(#EE964B, rgb(235, 109, 0));
  }
  
  .btn--dark-orange {
    background-color: #F95738;
  }
  
  .btn--dark-orange:hover {
    background: linear-gradient(#F95738, rgb(204, 34, 0));
  }
  
  .btn--blue {
    background-color: #0D3B66;
  }
  
  .btn--blue:hover {
    background: linear-gradient(rgb(13, 80, 143), #0D3B66);
  }
  
  .btn--yellow {
    background-color: #F4D35E;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .22);
  }
  
  .btn--yellow:hover {
    background: linear-gradient(#F4D35E, rgb(240, 188, 0));
  }
  
  .btn--beige {
    background-color: #FAF0CA;
    color: #173f58;
  }
  
  .btn--beige:hover {
    background-color: #F4D35E;
  }
  
  .btn--gray {
    background-color: #222;
  }
  
  .btn--white {
    background-color: #FFF;
    color: #173f58;
  }
  
  .btn--white:hover {
    background-color: #DDD;
  }
  
  .btn--large {
    font-size: 1.3rem;
    padding: 16px 34px;
    border-radius: 7px;
  }
  
  @media (min-width: 530px) {
  
    .btn--large {
      font-size: 1.9rem;
    }
  }
  
  .btn--inactive {
    background-color: transparent;
    cursor: default;
    color: #333;
  }
  
  /* My Notes */
  
  .edit-note,
  .delete-note,
  .submit-note {
    font-size: .9rem;
    background-color: #EEE;
    padding: 8px 16px;
    display: inline-block;
    margin-right: 7px;
    border-radius: 4px;
    cursor: pointer;
  }
  
  .submit-note {
    color: #FFF;
    border: none;
    background-color: #F95738;
    line-height: 1.65;
  }
  
  .submit-note:hover {
    background-color: rgb(235, 77, 45);
  }
  
  @media (min-width: 635px) {
  
    .edit-note, .delete-note {
      position: relative;
      top: -12px;
    }
  }
  
  .edit-note:hover, .delete-note:hover {
    background-color: #DDD;
  }
  
  .delete-note {
    color: red;
  }
  
  .update-note {
    visibility: hidden;
  }
  
  .update-note--visible {
    visibility: visible;
  }
  
  .note-title-field {
    width: 40%;
    font-size: 1.85rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #0D3B66;
    border: 1px solid transparent;
    padding: 7px;
    outline: none;
    position: relative;
    top: 1px;
  }
  
  @media (max-width: 400px) {
  
    .note-title-field {
      width: 100%;
    }
  }
  
  @media (min-width: 635px) {
  
    .note-title-field {
      width: 65%;
      font-size: 3.125rem;
    }
  }
  
  .note-body-field {
    color: #333;
    font-family: 'Roboto', sans-serif;
    resize: none;
    display: block;
    width: 100%;
    line-height: 1.65;
    font-size: 1.15rem;
    padding: 7px;
    border: 1px solid transparent;
    height: 175px;
    outline: none;
  }
  
  .note-active-field {
    border: 1px solid #DDD;
    -webkit-animation: pulseBorder .75s alternate infinite;
            animation: pulseBorder .75s alternate infinite;
  }
  
  @-webkit-keyframes pulseBorder {
    0% {
      border: 1px solid #FFF;
    }
  
    100% {
      border: 1px solid #CCC;
    }
  }
  
  @keyframes pulseBorder {
    0% {
      border: 1px solid #FFF;
    }
  
    100% {
      border: 1px solid #CCC;
    }
  }
  
  /* Create Note */
  
  .create-note {
    background-color: #DDD;
    padding: 20px;
    margin-bottom: 20px;
  }
  
  .new-note-title {
    width: 100%;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    border: none;
    margin-bottom: 10px;
    font-size: 1.15rem;
    box-sizing: border-box;
  }
  
  .new-note-body {
    width: 100%;
    box-sizing: border-box;
    resize: none;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    border: none;
    margin-bottom: 10px;
    height: 170px;
    font-size: 1.15rem;
    line-height: 1.65;
  }
  
  *, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
  
  .site-header {
    z-index: 100; /* مكان ترتيب طبقة قايمة المانيو في حال الموبايل */
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
  }
  
  .site-header__avatar {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .site-header__avatar img {
    display: block;
    width: 30px;
    height: 30px;
  }
  
  /********/
 .btn--with-photo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

/* override القديم لكن بشكل آمن */
.btn--with-photo .site-header__avatar {
    position: static;   /* يرجّعه للتدفق الطبيعي */
}

/* صورة الأفتار */
.btn--with-photo .site-header__avatar img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: block;
}

  /*********/
  
  .site-header__menu {
    visibility: hidden;
    position: absolute;
    background-color: rgba(13, 55, 94, 0.89);
    left: 0;
    right: 0;
    top: -20px;
    padding-top: 58px;
    opacity: 0;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    transition: opacity .3s ease-out, visibility .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
    padding-bottom: 20px;
  }
  
  .site-header__menu--active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    visibility: visible;
  }
  
  @media (min-width: 960px) {
  
    .site-header__menu {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
      position: static;
      background-color: transparent;
      float: right;
      padding-top: 0;
      padding-bottom: 0;
      top: 0;
    }
  }
  
  .site-header__search-trigger {
    cursor: pointer;
    color: #FFF;
    font-size: 1.2rem;
    position: absolute;
    top: 6px;
    right: 16px;
  }
  
  @media (min-width: 530px) {
  
    .site-header__search-trigger {
      top: 4px;
      font-size: 1.4rem;
    }
  }
  
  @media (min-width: 960px) {
  
    .site-header__search-trigger {
      display: none;
    }
  }
  
  .site-header__menu-trigger {
    color: #FFF;
    cursor: pointer;
    font-size: 1.2rem;
    position: absolute;
    z-index: 10;
    top: 7px;
    right: 46px;
  }
  
  @media (min-width: 530px) {
  
    .site-header__menu-trigger {
      top: 5px;
      font-size: 1.4rem;
    }
  }
  
  @media (min-width: 960px) {
  
    .site-header__menu-trigger {
      display: none;
    }
  }
  
  .site-header__util {
    padding: 0 0 0 20px;
  }
  
  @media (min-width: 960px) {
  
    .site-header__util {
      padding: 0;
      float: right;
    }
  }
  
  .site-header__btn {
    margin-right: 20px;
  }
  
  @media (min-width: 960px) {
  
    .site-header__btn {
      float: left;
    }
  }
  
  .site-header .btn--with-photo {
    margin-right: 0;
  }
  
  .site-footer {
    padding: 2rem 0 3.5rem 0;
    background-image: linear-gradient(#FFF, #ECECEC);
  }
  
  .site-footer p {
    font-size: .9rem;
  }
  
  .site-footer .headline {
    color: #666;
    margin-bottom: .33rem;
  }
  
  .site-footer__link {
    color: #999;
    text-decoration: none;
  }
  
  .site-footer__link:hover {
    color: #0D3B66;
    text-decoration: underline;
  }
  
  .site-footer__inner {
    border-top: 1px dotted #DEDEDE;
    padding-top: 3.5rem;
  }
  
  .site-footer__col-one {
    text-align: center;
  }
  
  @media (min-width: 960px) {
  
    .site-footer__col-one {
      text-align: left;
      width: 33%;
      float: left;
    }
  }
  
  .site-footer__col-two-three-group {
    text-align: center;
    width: 85%;
    margin: 0 auto;
  }
  
  @media (min-width: 960px) {
  
    .site-footer__col-two-three-group {
      text-align: left;
      float: left;
      width: 42%;
      margin: 0;
    }
  }
  
  .site-footer__col-two {
    width: 50%;
    float: left;
  }
  
  .site-footer__col-three {
    width: 50%;
    float: left;
  }
  
  .site-footer__col-four {
    padding-top: 20px;
    width: 85%;
    margin: 0 auto;
    clear: both;
    text-align: center;
  }
  
  @media (min-width: 960px) {
  
    .site-footer__col-four {
      padding-top: 0;
      margin: 0;
      clear: none;
      text-align: left;
      width: 25%;
      float: right;
    }
  }
  /******************
  .main-navigation {
    padding-top: 25px;
  }
  
  .main-navigation ul {
    padding: 0;
    margin: 0;
  }
  
  .main-navigation ul:before,
    .main-navigation ul:after {
    content: " ";
    display: table;
  }
  
  .main-navigation ul:after {
    clear: both;
  }
  
  @media (min-width: 960px) {
  
    .main-navigation {
      float: left;
      margin-right: 20px;
    }
  }
  
  .main-navigation li {
    list-style: none;
  }
  
  @media (min-width: 960px) {
  
    .main-navigation li {
      float: left;
      padding-left: 20px;
    }
  }
  
  .main-navigation a {
    display: block;
    padding: 10px 20px;
    color: #FFF;
    text-decoration: none;
    font-weight: 300;
  }
  
  @media (min-width: 960px) {
  
    .main-navigation a {
      display: inline-block;
      padding: 0;
    }
  }
  
  .main-navigation .current-menu-item a,
  .main-navigation a:hover {
    color: #fae697;
  }
  **********************/
  .page-banner {
    background-color: #000;
    padding: 25px 0 40px 0;
    position: relative;
  }
  
  @media (min-width: 530px) {
  
    .page-banner {
      padding: 75px 0 60px 0;
    }
  }
  
  .page-banner__content {
    position: relative;
    z-index: 2;
  }
  
  .page-banner__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 2.4rem;
    margin: 0 0 1rem 0;
    color: #FFF;
  }
  
  @media (min-width: 530px) {
  
    .page-banner__title {
      font-size: 3.6rem;
    }
  }
  
  .page-banner__bg-image {
   opacity: .35;
    background-size: cover;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  /*  background-image:
    linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)),
    url("https://rassma.com/images/library-hero.jpg");*/
 /*  filter: brightness(90%);*/ /* darker */
  }
  
  .page-banner__intro {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #EDEDED;
  }
  
  @media (min-width: 530px) {
  
    .page-banner__intro {
      font-size: 1.65rem;
    }
  }
  
  .page-banner__intro p {
    margin: 0;
  }
  
  .hero-slider {
    position: relative;
  
  }
  
  .hero-slider div {
    outline: none;
  }
  
  .hero-slider__interior {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  @media (min-width: 960px) {
  
    .hero-slider__interior {
      padding-top: 130px;
      padding-bottom: 130px; 
   /*   display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px; */
    }
  }
  
  .hero-slider__slide {
    background-size: cover;
    background-repeat: no-repeat;
    /*
        background-position: center;
    min-height: 500px;
    position: relative; */
  }
  
  .hero-slider__overlay {
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .68);
    padding: 40px;
    color: #FFF;
    /**/
    text-align: right;
    /**/
  }
  
  @media (min-width: 960px) {
  
    .hero-slider__overlay {
      width: 50%;
    }
  }
  
  .slick-dots {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    top: 15px;
    /**/
    direction: rtl;
    /**/
  }
  
  @media (min-width: 960px) {
  
    .slick-dots {
      top: 50px;
    }
  }
  
  .slick-dots li {
    list-style: none;
    display: inline;
  }
  
  .slick-dots li button {
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    border-radius: 50%;
    border: none;
    margin: 0 4px;
    padding: 0;
    outline: none;
    transition: background-color .3s ease-out;
    cursor: pointer;
  }
  
  .slick-dots .slick-active button {
    background-color: #FFF;
  }
  
  /***/
/* Correct alignment for the arrows if used */
.slick-prev {
  left: 10px;
  right: auto;
}

.slick-next {
  right: 10px;
  left: auto;
}
/***/
  .search-overlay {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 110;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .96);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
    transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility .3s;
    transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .3s;
    box-sizing: border-box;
  }
  
  .search-overlay p {
    padding-top: 15px;
  }
  
  .search-overlay .event-summary p {
    padding-top: 0;
  }
  
  .search-overlay .event-summary {
    margin-bottom: 0;
    margin-top: 20px;
  }
  
  body.admin-bar .search-overlay {
    top: 32px;
  }
  .search-field {
      color:gray;
  }
  .search-overlay__top {
    background-color: rgba(0, 0, 0, .12);
  }
  
  .search-overlay__icon {
    margin-right: 10px;
    font-size: 1.8rem;
    color: #F95738;
  }
  
  /*************/
  
  /* Search form layout */
.search-form {
    display: inline-flex;
    align-items: center;
    position: relative;
}

/* Search input */
.search-form .search-field {
    height: 38px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    outline: none;
}

/* Search button (icon) */
.search-form button {
    height: 38px;
    min-width: 40px;
    border: none;
    background-color: #0D3B66;
    color: #fff;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.search-form button:hover {
    background-color: #145c9e;
}

/* Fix FontAwesome icon alignment */
.search-form button i {
    line-height: 1;
    font-size: 14px;
}

  
  /**************/
  
  @media (min-width: 960px) {
  
    .search-overlay__icon {
      font-size: 2.5rem;
    }
  }
  
  .search-overlay--active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  
  .search-overlay__section-title {
    margin: 30px 0 1px 0;
    font-weight: 400;
    color: #0D3B66;
    font-size: 2rem;
    padding: 15px 0;
    border-bottom: 1px solid #CCC;
  }
  
  .search-overlay__close {
    position: absolute;
    top: 13px;
    right: 16px;
    font-size: 2.1rem;
    cursor: pointer;
    transition: all .3s;
    background-color: #FFF;
    color: #F95738;
    line-height: .7;
  }
  
  @media (min-width: 530px) {
  
    .search-overlay__close {
      top: 18px;
      font-size: 2.1rem;
    }
  }
  
  @media (min-width: 960px) {
  
    .search-overlay__close {
      top: 26px;
      font-size: 2.8rem;
    }
  }
  
  .search-overlay__close:hover {
    opacity: 1;
  }
  
  .search-overlay .one-half {
    padding-bottom: 0;
  }
  
  .search-term {
    width: 75%;
    box-sizing: border-box;
    border: none;
    padding: 15px 0;
    margin: 0;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 300;
    outline: none;
    color: #F95738;
  
  }
  
  @media (min-width: 530px) {
  
    .search-term {
      font-size: 1.5rem;
    }
  }
  
  @media (min-width: 960px) {
  
    .search-term {
      width: 80%;
      font-size: 3rem;
    }
  }
  
  .body-no-scroll {
    overflow: hidden;
  }
  
  .design-cards {
    margin: 0;
    padding: 0;
  }
  
.design-cards {
  display: flex;
  flex-wrap: wrap;
   justify-content: center; /* <-- center all items */
  margin: -10px; /* counteract item margins */
  padding: 0;
  list-style: none;
}

.design-card__list-item {
  flex: 0 0 25%;
/*  margin: 10px;*/ /* 10px on all four sides */
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
}



  
  .search-overlay .design-cards {
    padding-top: 21px;
  }
  
  .design-card {
    position: relative;
    display: inline-block;
    width: 200px;
    margin-right: 15px;
    background-color: #F95738;
    overflow: hidden;
  }
  
  .search-overlay .design-card {
    width: 180px;
  }
  
  .design-card__image {
    display: block;
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
  }
  
  .design-card:hover .design-card__image {
    opacity: .80;
    -webkit-transform: scale(1.1) rotate(4deg);
            transform: scale(1.1) rotate(4deg);
  }
  
  .design-card__name {
    font-weight: 300;
    font-size: .9rem;
    position: absolute;
    bottom: 0;
    color: #FFF;
    left: 0;
    right: 0;
    padding: 3px 10px;
    background-color: rgba(236, 68, 34, 0.85);
  }
  
  .design-card:hover .design-card__name {
    background-color: rgba(213, 62, 32, 0.85);
  }
  
  .design-card__list-item {
    display: inline-block;
    list-style: none;
  }
  
  .headline {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
  
  }
  
  .headline--large {
    font-size: 3.6rem;
  }
  
  @media (min-width: 530px) {
  
    .headline--large {
      font-size: 6.25rem;
    }
  }
  
  .headline--large-medium {
    font-size: 5rem;
    margin: 0 0 1rem 0;
  }
  
  .headline--medium {
    font-size: 1.9rem;
    margin-bottom: .75rem;
  }
  
  @media (min-width: 530px) {
  
    .headline--medium {
      font-size: 3.125rem;
    }
  }
  
  .headline--small-plus {
    font-family: 'Roboto', sans-serif;
    font-size: 1.6875rem;
    font-weight: 400;
    margin-bottom: 1.9rem;
  }
  
  .headline--small {
    font-size: 1.2rem;
    margin-bottom: 1.9rem;
  }
  
  @media (min-width: 530px) {
  
    .headline--small {
      font-size: 1.6875rem;
    }
  }
  
  .headline--smaller {
    font-size: 1.5rem;
  }
  
  .headline--tiny {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3875rem;
    margin-bottom: .25rem;
  }
  
  .headline--post-title a {
    color: #0D3B66;
    text-decoration: none;
  }
  
  .headline--post-title a:hover {
    text-decoration: underline;
  }
  
  .generic-content p, .generic-content li {
    font-size: 1.15rem;
  }
  
  .generic-content blockquote, .generic-content blockquote p {
    font-size: 1.5rem;
    font-style: italic;
  }
  
  .generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  .generic-content h1 {
    font-size: 2.6rem
  }
  
  .generic-content h2 {
    font-size: 2.1rem
  }
  
  .generic-content h3 {
    font-size: 1.6rem
  }
  
  .generic-content h4 {
    font-size: 1.1rem
  }
  
  .generic-content h5 {
    font-size: 1.0rem
  }
  
  .generic-content h6 {
    font-size: 0.9rem
  }
  
  @media (min-width: 530px) {
  
    .generic-content h1 {
      font-size: 4.25rem;
    }
  
    .generic-content h2 {
      font-size: 3rem;
    }
  
    .generic-content h3 {
      font-size: 2.125rem;
    }
  
    .generic-content h4 {
      font-size: 1.4rem;
    }
  
    .generic-content h5 {
      font-size: 1.0rem;
    }
  
    .generic-content h6 {
      font-size: 0.9rem;
    }
  }
  
  @media (min-width: 960px) {
  
    .full-width-split {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .full-width-split__one {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.6rem 16px;
  }
  
  @media (min-width: 960px) {
  
    .full-width-split__one {
      padding: 40px;
    }
  }
  
  @media (min-width: 960px) {
  
    .full-width-split__one .full-width-split__inner {
      float: right;
    }
  }
  
  .full-width-split__two {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #FAF0CA;
    padding: 1.6rem 16px;
  }
  
  @media (min-width: 960px) {
  
    .full-width-split__two {
      padding: 40px;
    }
  }
  
  @media (min-width: 1350px) {
  
    .full-width-split__inner {
      width: 610px;
    }
  }
  
  .event-summary {
    position: relative;
    padding-left: 107px;
    min-height: 77px;
    padding-bottom: 1px;
    margin-bottom: 20px;
  }
  
  .event-summary__title a {
    color: #173f58;
  }
  
  .event-summary__date {
    text-decoration: none;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    padding: 14px 0 11px 0;
    color: #FFF;
    border-radius: 50%;
    background-color: #0D3B66;
    width: 80px;
    line-height: 1;
    transition: opacity .33s;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .22);
  }
  
  .event-summary__date:hover {
    opacity: .75;
  }
  
  .event-summary__date--beige {
    background-color: #F4D35E;
  }
  
  .event-summary__month {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
  }
  
  .event-summary__day {
    display: block;
    font-size: 2.02rem;
    font-weight: 700;
  }
  
  .page-links {
    position: relative;
    z-index: 1;
    background-color: #FAF0CA;
    margin: 0 0 40px 0;
  }
  
  @media (min-width: 767px) {
  
    .page-links {
      margin: 0 0 40px 20px;
      width: 300px;
      float: right;
    }
  }
  
  .page-links__title {
    margin: 0;
    font-weight: normal;
    text-align: center;
    padding: 20px 0;
    background-color: #0D3B66;
    color: #FFF;
  }
  
  .page-links__title a {
    color: #FFF;
    text-decoration: none;
    background-color: #0D3B66;
  }
  
  .page-links li {
    border-top: 1px solid rgb(244, 223, 138);
  }
  
  .page-links li:first-child {
    border-top: none;
  }
  
  .page-links__active,
    .page-links .current_page_item {
    text-align: center;
    background-color: rgb(244, 231, 180);
    color: #0D3B66;
    font-weight: bold;
  }
  
  .page-links li a {
    display: block;
    text-align: center;
    padding: 17px 10px;
    text-decoration: none;
    color: #0D3B66;
    transition: all .3s;
  }
  
  .page-links li a:hover {
    color: rgb(13, 51, 87);
    background-color: rgb(238, 225, 170);
  }
  
  .acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
  }
  
  /* fixes potential theme css conflict */
  
  .acf-map img {
   max-width: inherit !important;
  }
  
  .link-list li {
    padding: 1rem 0;
    font-size: 1.5rem;
    border-bottom: 1px dotted #DEDEDE;
  }
  
  .search-overlay .link-list li {
    font-size: 1.3rem;
  }
  
  .link-list li:last-child {
    border-bottom: none;
  }
  
  .link-list a {
    color: #F95738;
  }
  
  .metabox {
    background-color: #FAF0CA;
    border-radius: 3px;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 30px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .07);
  
  }
  
  .metabox--position-up {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
  .metabox--with-home-link {
    padding: 0;
  }
  
  .metabox__main {
    padding: 10px 15px 10px 11px;
  }
  
  .metabox p {
    margin: 0;
    font-size: .9rem;
    color: rgb(168, 146, 56);
  }
  
  .metabox a {
    color: rgb(168, 146, 56);
    text-decoration: none;
    font-weight: bold;
  }
  
  .metabox a:hover {
    text-decoration: underline;
  }
  
  .metabox .metabox__blog-home-link {
    background-color: #0D3B66;
    color: #FFF;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px 0 0 3px;
    font-weight: normal;
  }
  
  .metabox .metabox__blog-home-link:hover {
    text-decoration: none;
    background-color: rgb(11, 47, 81);
  }
  
  .post-item {
    border-bottom: 1px dotted #DEDEDE;
    padding-bottom: 1.7rem;
    margin-bottom: 1.7rem;
  }
  
  .post-item:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
  }

  /* contact us style.css */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); */

.bodycontact {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-image:
        linear-gradient(120deg, #caeff2 0%, #a2c2ee 100%);
}

.ffbox {
    display: flex;
    width: 80%;
    max-width: 800px;
    background-color: #fff;
    border: 3px solid #e4e4e9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 10px;
    flex-wrap: wrap;
}

.ffbox1 {
    flex: 1;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ffbox1 label {
    display: block;
    margin-bottom: 8px;
}

.ffbox1 input,
.ffbox1 textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    border-radius: 15px;
    background-color: #dcdce1;
    border: none;
}

.ffbox1 textarea {
    resize: vertical;
}

.ffbox1 {
    margin-bottom: 16px;
}

.ffbox1 label {
    margin-right: 16px;
}

.map-div {
    flex: 1;
    background-color: #eee;
}

button {
    width: 70%;  /*     search submit product width    */
    padding: 8px;
    margin-top: 6px;
    margin-bottom: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: rgb(105, 152, 111);
    color: #0D3B66;
    font-size: 17px;
    font-weight: 700;
    border: #a2c2ee;
  /*  display: flex; */
}

button:hover {
    background-color: rgb(52, 98, 58);
}

.map-div iframe {
    border: 0;
    padding: 10px;
}

.gfg {
    text-align: center;
    color: green;
}

.map-div {
    background-color: rgb(152, 178, 234);
}

.map-div #loadMap {
    font-size: 1rem;
    background-color: #0D3B66;
    color: #FFF;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: background-color 0.3s ease;
}

.map-div #loadMap:hover {
    background-color: #083355;
}


/* Map Container */
.map-container {
    width: 100%;
    max-width: 800px;
    height: 400px;
    background-color: #f4f4f4;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* Load Map Button */
.map-toggle-btn {
    width: 100%;
    padding: 15px;
    background-color: #0D3B66;
    color: #FFF;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.map-toggle-btn:hover {
    background-color: #083355;
}

/* Close Map Button */
.map-close-btn {
    display: block;
    background-color: #F95738;
    color: #FFF;
    border: none;
    padding: 10px 20px;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: background-color 0.3s;
    position: relative;
    z-index: 1;
}

.map-close-btn:hover {
    background-color: #C9452A;
}

/* Mobile Optimization */
@media (max-width: 768px) {
    .map-container {
        height: 300px;
    }
    .map-toggle-btn, .map-close-btn {
        font-size: 0.85rem;
        padding: 10px;
    }
}

/* Map Container */
.map-container {
    width: 100%;
    max-width: 800px;
    height: 400px;
    background-color: #f4f4f4;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* Close Map Button */
.map-close-btn {
    display: block;
    background-color: #F95738;
    color: #FFF;
    border: none;
    padding: 10px 20px;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: background-color 0.3s;
    position: relative;
    z-index: 1;
}

.map-close-btn:hover {
    background-color: #C9452A;
}

/* Mobile Optimization */
@media (max-width: 768px) {
    .map-container {
        height: 300px;
    }
}


/***remove white height footer for mobile prev***/
html, body {
  height: auto !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

body > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Arabic language only */
body.rtl,
body.lang-ar,
body.translatepress-ar {
    /* RTL or Arabic-specific styles */
    text-align: right;
    direction: rtl;
}

/* English language only */
body.lang-en {
    /* LTR or English-specific overrides */
    text-align: left;
    direction: ltr;
}

body.rtl .woocommerce-product-gallery {
    float: right;
}
body.rtl .woocommerce div.product .woocommerce-tabs {
    text-align: right;
}


.site-footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  clear: both;
}

/***remove white height footer for mobile prev***/

/*** language switcher ***/

/* Language Switcher */


.language-switcher {
  text-align: left;
  padding: 10px;
  font-size: 14px;
}

.language-switcher a {
  margin-left: 10px;
  text-decoration: none;
  color: white;
}

.language-switcher img {
  vertical-align: middle;
  margin-right: 4px;
}

/*** language switcher ***/

.grecaptcha-badge {
  visibility: hidden;
}

/* General */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

/******/

/* When the language switcher widget block element has lang="en" */
.language-switcher-widget[lang="en"], 
.language-switcher-widget :lang(en) {
  direction: ltr; 
  text-align: left;
}

/* When it has lang="ar" */
.language-switcher-widget[lang="ar"], 
.language-switcher-widget :lang(ar) {
  direction: rtl;
  text-align: right;
}


/**** fancylab css */




/* Document
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Home Page Template
    ## Header - Main Menu
    ## Search Box
    ## Cart
    ## Flex Slider
    ## Frontend Product Lists
    ## Footer - Footer Menu
# WooCommerce
    ## Grid System
    ## Shop
    ## Single Product
    ## Cart
    ## Checkout
    ## My Account
    ## Store Notice
# Blog and Archive Pages
    ## Single
    ## Seacrh
    ## Comments
# WooCommerce Widgets
# General Widgets
# Content Adjustments
# General
# WordPress Core
# Media Queries
--------------------------------------------------------------*/

/* rajdhani-regular - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/rajdhani/rajdhani-v15-latin-regular.woff'); 
}
/* rajdhani-500 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/rajdhani/rajdhani-v15-latin-500.woff'); 
}
/* rajdhani-600 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/rajdhani/rajdhani-v15-latin-600.woff'); 
}
/* rajdhani-700 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/rajdhani/rajdhani-v15-latin-700.woff'); 
}
/* seaweed-script-regular - latin */
@font-face {
    font-family: 'Seaweed Script';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/seaweed-script/seaweed-script-v13-latin-regular.woff'); 
}

body{
    font-family: 'Rajdhani', sans-serif;
    font-weight: 400;
}

.content-area{
    min-height: 500px;
    padding: 3rem 0;    
}

.page-template-template-home-php .content-area{
    padding: 0;
}

/* Home Page Template */

/* Header - Main Menu */
body #page > header{
    border-top: 4px solid #FFEB33;
    background-color: #fdfdfd;
    border-bottom: 1px solid #eee;    
}

header .search{
    padding: 0.7rem 0;
    background-color: #0000000a;
}

header .top-bar{
    padding: 1rem 0 0 0;
}

header p.site-title{
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #000;
    font-weight: 600;
    margin: 0;
}

header p.site-title~span {
    color: #000;
}

header .brand{
    padding-bottom: 15px;
    word-break: break-word;
    -ms-word-wrap: break-word;
}

header .brand img{
    max-width: 160px;
    height: auto;
}

.account{
    font-weight: 700;
    color:white;
    
}

.account ul li a{
    padding: 0 1rem 0 0 ;
    margin-top: 15px;
}
/*
.main-menu{
    padding: 0;
}

.main-menu ul{  
    padding: 0; 
    margin: 0; 
    font-size: 18px; 
    font-weight: 500; 
    border-radius: 0;    
}

.main-menu ul li{ 
    display: inline;  
    margin: 0 5px 0 0;
}

.main-menu ul li:last-child{ 
    margin: 0; 
}

.main-menu .dropdown:hover>.dropdown-menu,
.main-menu .dropup:hover>.dropdown-menu {
    display: block;
}

.main-menu > ul li a,
.navbar-light .navbar-nav .nav-link{  
    /* color: #303030; */
    /*
    color: white;
    text-decoration: none;
    padding: 7px 15px 20px;
}

.main-menu ul li a.nav-link:first-child{ 
    padding-left: 0 !important;
}

.main-menu ul li ul{
    background-color: #000;
}

.main-menu ul li ul li{
    margin: 0;
}

.main-menu ul li ul li a{
    padding: 0.5rem;
    color: #fff;
}

.main-menu .navbar-nav .active>.nav-link{ 
    color: #CA2424; 
}

.main-menu .dropdown-item:focus, 
.main-menu .dropdown-item:hover {
    color: #fff;
    background-color: #272c33;
}

.main-menu .dropdown:hover>.dropdown-menu, 
.main-menu .dropup:hover>.dropdown-menu  {
  display: block;
}

.main-menu .dropdown-item.active, 
.main-menu .dropdown-item:active {
    background-color: #d2335b;
}

.main-menu .navbar-toggler{
    border: none;
    padding-right: 0;    
}

.main-menu .dropdown-toggle::after {
    vertical-align: 0.155em;
}

.main-menu .navbar-toggler-icon {
    background-image: url('img/hamburger-menu.svg');
}

.main-menu ul li .dropdown-menu .dropdown > a::after{
    display: inline-block;
    margin-left: 0.355em;
    vertical-align: 0.2em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.main-menu .dropdown-menu li { 
    display: block;
    margin: 0px;
    padding: 0px;
}

.main-menu .dropdown-menu .dropdown-menu { 
    top: -1px;
    left: 100%;
}

*/

/* Search Form */
.search-form button{
  /*  background-image: url('img/search.svg');*/
    color:white;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.search-form input[type="search"]{
    background-color: #fff;
    border: none;
    font-weight: 500;
    font-size: 110%;
    padding: 0.3rem 1rem;
    margin-right: 0.3rem;
}

/* Cart */
.cart .cart-icon{
    background: url('img/cart0.svg');
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: bottom;
    color:#ffdd1f;
}

.cart .items{
    background: #CA2424;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}


/* Flex Slider */
/*
.flexslider{
    border: 0 !important;
}

.flex-control-nav {
    bottom: 10px !important;
}

.slider-details-container {
    color: #FFF;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 800px;
 }

.slider-details-container h1{
    font-family: 'Seaweed Script';
    font-size: 3.7rem;
}

.slider-details-container .subtitle{
    font-size: 1.3em;
    margin-bottom: 15px;        
}

.slider-details-container .slider-title{
    color: #FFF;
    font-weight: 700;
}

.slider-details-container a{
    background-color: #D2335B;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0.8em;
    display: inline-block;
    font-size: 1.2em;
}

.slider-details-container a:hover{
    color: #fff;
}

.flexslider .slides {
    padding: 0 !important;
}

.flex-control-paging li a {
    background: rgba(189, 189, 189, 0.5) !important;
    height: 10px !important;
    width: 15px !important;
}

.flex-control-paging li a.flex-active {
    background: #D2335B !important;
    width: 25px !important;
}

.flex-control-nav li {
    margin: 0 2px !important;
}
*/

/* Frontend Product Lists */
.home main .section-title{
    position: relative;
    margin-bottom: 20px;
}

.home main .section-title::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    background: #ddd;
}

.home main .section-title h2{
    font-family: 'Seaweed Script';
    font-size: 3rem;    
    position: relative;
    display: inline-block;
    background: #fff;
    vertical-align: top;
    padding: 0 20px 0 0;
    margin: 0;    
}

.home section.lab-blog{
    padding: 40px 0;
}

.home .woocommerce ul.products {
    border-top: none;
}

.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.3rem;
    font-weight: 500;
    color: #868686;
    margin: 0;
    padding: 0;
    display: table;    
}

.home .popular-products .woocommerce ul.products li.product .button,
.home .new-arrivals .woocommerce ul.products li.product .button {
    background-color: transparent;
    color: #d83a65;
    padding: 0;
    margin: 0;
    transition: 0.5s;
}

.home .popular-products .woocommerce ul.products li.product .button:hover,
.home .new-arrivals .woocommerce ul.products li.product .button:hover {
    color: #666;
}

.home .woocommerce ul.products li.product .button {
    margin-top: 0;
}

.deal-of-the-week {
    background: #0d3b66;
    padding: 60px 0;
}

.deal-of-the-week .row{
    padding: 30px 0;
}

.deal-of-the-week .discount{
    background: #ff6891;
    color: #fff;
    padding: 0.5rem;
    display: inline-block;
    margin: 20px 0;  
    position: relative;  
}

.deal-of-the-week .discount:before{
    content: '';
    position: absolute;
    top: 6%;
    left: 0;
    height: 1px;
    width: 100%;
    border: 1px dashed #ffc8d8;    
}

.deal-of-the-week .discount:after{
    content: '';
    position: absolute;
    bottom: 5%;
    left: 0;
    height: 1px;
    width: 100%;
    border: 1px dashed #ffc8d8;    
}

.deal-of-the-week .section-title{
    margin: 0 !important;
}

.deal-of-the-week h2{
    background: #cbff80 !important;   
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 1rem 0; /* optional padding */
  text-align: center; /* optional */
}

.deal-of-the-week h3{
    margin: 0 0 20px 0;
    padding: 0;    
}

.deal-of-the-week h3 a{
    font-size: 2rem;
    font-weight: 700;
    color: #000;  
    transition: 0.5s;  
}

.deal-of-the-week h3 a:hover{
    color: #777;    
}

.deal-of-the-week p{
    color: #000;
    font-size: 1.2rem;    
}

.deal-of-the-week .prices .regular{
    font-size: 1.4rem;
    font-weight: 600;
    opacity: 0.4;
    text-decoration: line-through;    
}

.deal-of-the-week .prices .sale{
    font-size: 2rem;
    font-weight: 700;    
}

.deal-of-the-week a.add-to-cart{
    background-color: #D2335B;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    padding: 0.618em 1em;
    font-weight: 700;
    border-radius: 3px;
    display: inline-block; 
    margin-top: 10px;      
}

.lab-blog img{
    margin: 15px 0;
}

.lab-blog h3{
    margin-bottom: 0;
}

.lab-blog h3 a{
    color: #d83a65;  
    font-weight: 700;      
}

.lab-blog .pub-date{
    margin-bottom: 0.6rem;
    display: block;
}

.lab-blog .excerpt{
    color: #848484;
}


/* Footer - Footer Menu */
.footer-widgets{
    padding: 5px 0;
    background: #515151;
    color: #aeaeae;    
}

.footer-widgets h4{
    color: #fff;
    text-transform: uppercase;
}

.footer-widgets p{
    margin-bottom: 0.5rem;
}

.footer-widgets strong{
    color: #fff;
}

.footer-widgets ul li a{ 
    color: #aeaeae; 
}

.copyright{
    background-color: #000000;
    color: #939393;
    padding: 20px 0;
}

.copyright p{
    margin: 0;
}

.footer-menu ul, .footer-widgets ul{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    font-size: 16px; 
}

.footer-menu ul li{ 
    display: inline;  
    margin: 0 10px 0 0;
}

.footer-menu ul li:last-child{ 
    margin: 0; 
}

.footer-menu ul li a{ 
    color: #939393; 
    text-decoration: none;
}

.footer-menu ul li.current-menu-item a{ 
    color: #ff9292; 
}


/* WooCommerce */

/* Grid System */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
    flex: 0 0 50%;
    max-width: 50%;
}


/* Shop */

.shop-content{
    padding: 0.25rem 0; 
padding: 0 0;
}

.shop-content .row{
    margin-left: 0;
    margin-right: 0;
}

.post-type-archive-product .content-area, 
.product-template-default .content-area,
.tax-product_cat .content-area{
    padding: 0;
}

.woocommerce .woocommerce-breadcrumb a {
    font-weight: 700;
}

.woocommerce ul.products.columns-1 li.product:first-child, 
.woocommerce-page ul.products.columns-1 li.product:first-child {
    margin-top: 20px;
}

.woocommerce .products ul, .woocommerce ul.products {
    border-top: 1px solid #eee;
}

.woocommerce ul.products li.product a img {
    width: 255px;
    height: auto;
    display: block;
    margin: 0 1em 1em 0;
    box-shadow: none;
    float: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin: 0;
    padding: 0;
    display: table;
}

.post-type-archive-product .woocommerce-loop-product__title{
    margin-bottom: 0.5rem !important;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce ul.products li.product p{
    color: #000;
}

.woocommerce ul.products li.product .price{
    color: #000;
    font-weight: 600;    
}

.woocommerce ul.products li.product .price ins {
    font-size: 140%;
}

.woocommerce ul.products li.product .onsale{
    top: 16px;
    left: 0;
    right: 0;
    transform: rotate(90deg);
    border-radius: 0;   
    width: 83px;
    padding: 0;
    background-color: #D2335B;
    margin: 0;
    font-weight: 400;
}

.woocommerce ul.products li.product .onsale:before {
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 22px 0 0;
    border-color: #D2335B transparent transparent transparent;
}

.woocommerce ul.products li.product .onsale:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 24px 0;
    border-color: transparent transparent #D2335B transparent;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 12px;
}


/* Single Product */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce ul.products li.product .button {
    background-color: #D2335B;
    color: #fff;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: #bd3759;
}

.product_meta > span{
    display: block;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount{
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins, 
.woocommerce-Price-amount {
    font-size: 25px;
    color: #000;
    font-weight: 700;
}

.woocommerce span.onsale{
    top: 19px;
    left: 35px;
    transform: rotate(90deg);
    border-radius: 0;   
    width: 84px;
    padding: 0;
    background-color: #D2335B;
    margin: 0;
    font-weight: 400;
}

.woocommerce span.onsale:before {
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 22px 0 0;
    border-color: #D2335B transparent transparent transparent;
}

.woocommerce span.onsale:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 23px 0;
    border-color: transparent transparent #D2335B transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border-radius: 0;
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    content: none;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
    background-color: #ffeb8a;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background-color: #ffe252;
}

/* Cart */

.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 150px;
}


/* Checkout */
.woocommerce form .form-row {
    display: block;
}
.woocommerce-checkout #customer_details{
    margin-bottom: 20px;
}
.woocommerce table.shop_table{
    border-collapse: collapse;
}
.woocommerce table.shop_table thead{
    background-color: #D2335B;
    color: #fff;
}


/* My Account */
.woocommerce-MyAccount-navigation a{
    color: #000000;    
}

.woocommerce-MyAccount-navigation .is-active{
    font-weight: 700;
    background-color: #000000;   
}

.woocommerce-MyAccount-navigation .is-active a{
    color: #fff;    
}

.woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding: 0;
    border: 1px solid #f3f3f3;
}

.woocommerce-MyAccount-navigation ul li{
    border-bottom: 1px solid #f3f3f3;
    padding: 0.3rem 0.7rem;
}

.woocommerce-MyAccount-navigation ul li:last-child{
    border-bottom: 0;
}

.woocommerce table.my_account_orders {
    font-size: inherit;
}

/* Store Notice */
.woocommerce-store-notice, p.demo_store {
    background-color: #750000;
}


/* Blog and Archive Pages */
.blog article, 
.archive article{
    margin-bottom: 3rem;        
}

.blog article .title, 
.archive article .title{
    font-weight: 600;        
}

.blog article .meta, 
.archive article .meta{
    font-weight: 700;
    margin: 1rem 0;    
}

.archive-title{
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 1px solid #efefef;
    padding: 0 0 0.7rem 0;
    margin-bottom: 1rem;
}

.archive-title span{
    color: #b58e8e;
    font-weight: normal;
}

.blog .post-thumbnail,
.archive .post-thumbnail{
    margin: 1rem 0;
}

.nav-links{
    font-weight: 700;
}

.nav-links span,
.nav-links a{
    padding: 0.4rem;
}


/* Single */
.single header h1{
    font-weight: 700;
}

.single .post-thumbnail{
    margin: 1rem 0;
}

.comments-area{
    border-top: 1px solid #eee;
    padding: 1rem 0 2rem;
    margin-top: 2rem;    
}

.comment-form label{
    display: block;
}

.comment-form input[type="submit"]{
    background-color: #D2335B;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0.8em;
    display: inline-block;   
}


/* Search */
.search .content-area .search-form{
    margin: 0 0 1rem;
}


/* Comments */

#comments ol,
#comments ul{
    list-style: none;
    padding: 0;
}

#comments .depth-1{
    padding: 2rem 0;
}

#comments .nav-links a{
    padding: 0;
}

#comments .bypostauthor{
    background-color: #bf95941a;
}

.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 45px 40px 45px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-left: 4px solid #444;
}

.entry-comments h3{
    font-size: 30px;
    margin-bottom: 30px;
}

.comment-respond h3,
.entry-pings h3{
    font-size: 20px;
    margin-bottom: 30px;
}

.comment-respond {
    margin: 1.5rem 0;
}

.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}

.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}

li.comment {
    background-color: #fff;
    border-right: none;
}

.comment-content {
    clear: both;
    overflow: hidden;
}

.comment-list li {
    font-size: 14px;
    padding: 20px 30px 20px 25px;
}

.comment-list .children {
    margin-top: 40px;
    border: 1px solid #cccccc40;
    margin-left: 1rem;
}

.comment-list li li {
    background-color: #f5f5f6;
}

.comment-list li li li {
    background-color: #fff;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}

.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid #fff;
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}

.entry-pings .reply {
    display: none;
}

.bypostauthor {
}

.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}

.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}

.comment-reply-link:hover{
    color: #fff;
}

.comment-notes{
    display:none;   
}
/****/

/* WooCommerce Widgets */
.woocommerce .shop-content .widget-wrapper{
    margin: 0 0 2rem;
    border-bottom: 1px solid #eee;
    padding: 0 1em 2em 0;    
}

.woocommerce .shop-content .widget-wrapper h4{
    padding: 0 0 0.7rem 0;
}

.woocommerce .shop-content .widget-wrapper > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce .shop-content .widget-wrapper > ul li ul{
    list-style: none;
}

.woocommerce .shop-content .widget-wrapper ul li span,
.woocommerce .shop-content .widget-wrapper ul li ul li span{
    float: right;
}

.no-sidebar-shop .sidebar-shop{
    display: none;
}

.no-sidebar-shop .main-content{
    flex: 0 0 100%;
    max-width: 100%;
}


/* General Widgets */

.widget{
    margin-bottom: 1rem;
}

.content-area .widget h4{
    border-bottom: 1px solid #f5f5f5;
    padding: 0.4rem 0;
    font-weight: 700;    
}

.widget > ul, 
.widget > ol,
.widget_nav_menu div > ul{
    padding: 0;
    list-style: none;
}

.widget_nav_menu div > ul li ul,
.widget_product_categories ul li ul{
    padding: 0 0 0 0.7rem; 
    list-style: none;
}

.widget_product_categories ul li ul,
.widget_categories ul li ul,
.widget_pages ul li ul{
    padding: 0 0 0 0.7rem; 
    list-style: none;
}

.widget select,
.widget img{
    max-width: 100%;
}

.widget_calendar table{
    width: 100%;
    text-align: center;
}

.widget_calendar table tbody td a{
    font-weight: 700;
    background-color: #d35758;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.widget_calendar tfoot{
    background-color: #d46562;
}

.widget_calendar tfoot a{
    color: #fff;
}

.widget_calendar tfoot tr td{
    padding: 0.3rem 0.7rem;
}

.widget_calendar tfoot tr .pad{
    padding: 0;
}

.widget_calendar tfoot tr #next{
    text-align: right;
}

.widget_calendar table caption{
    text-align: center;
    background-color: #a7524b;
    color: #fff;
    padding: 0.3rem;
}

.widget_recent_comments .recentcomments{
    padding: 0 0 0.5rem;
}

.widget_recent_comments .recentcomments .comment-author-link{
    font-weight: 700;
}

.widget_recent_comments .recentcomments .comment-author-link a{
    color: #000;
    font-size: inherit;
}

.widget_rss ul{
    background-color: #f9f9f9;
    padding: 1rem;
}

.widget_rss ul li{
    padding: 0 0 0.8rem;    
}

.widget_rss ul li .rss-date{
    font-weight: 500;
    display: block;
}

.widget .tagcloud{
    font-weight: 500;
}

.widget .search-form,
.search .content-area .search-form {
    display: flex;
    max-width: 300px;
}

.widget .search-form button,
.search .content-area .search-form button {
    flex: 0;
    height: 38px;
    width: 38px;
    background-color: #a5a5a5;
    border-top: 6px solid #a5a5a5;
    border-right: 0;
    border-bottom: 6px solid #a5a5a5;
    border-left: 6px solid #a5a5a5;
}

.widget .search-form input[type="search"],
.search .content-area input[type="search"] {
    margin-right: 0;
    flex: 1;
    max-width: 172px;    
}

.content-area .widget .search-form input[type="search"],
.shop-content .widget .search-form input[type="search"],
.search .search-form input[type="search"] {
    background-color: #f1f1f1;
}



.shop-content .widget_rss ul{
    padding: 1rem !important;
}

.shop-content .widget_recent_comments .recentcomments .comment-author-link,
.shop-content .widget_rss ul li .rss-date {
    float: none !important;
}

.footer-widgets a:hover{
    color: #ddd;
}

.footer-widgets .widget_calendar tfoot {
    background-color: #737070;
}

.footer-widgets .widget_calendar table caption {
    text-align: center;
    background-color: #2b2b2b;
    color: #fff;
    padding: 0.3rem;
}

.footer-widgets .widget_rss ul {
    background-color: #f9f9f91c;
}

.footer-widgets .widget_rss ul li a,
.footer-widgets .tagcloud a {
    color: #ffb4b4d4;
}

.footer-widgets .widget_rss ul li a:hover,
.footer-widgets .tagcloud a:hover {
    color: #ff9191d4;
}

.footer-widgets .widget_recent_comments .recentcomments .comment-author-link,
.footer-widgets .widget_recent_comments .recentcomments .comment-author-link a {
    color: #f1b7b7;
}

.no-sidebar .sidebar-1{
    display: none;
}

.no-sidebar .blog-area{
    flex: 0 0 100%;
    max-width: 100%;
}

.no-sidebar-footer .footer-widgets{
    display: none;
}


/* Content Adjustments */

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6,
.content-area p{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.content-area .sticky{
    background-color: #fbed350d;
    padding: 2rem;
    border: 1px dashed #f1dc3d;
}

.content-area ul,
.comment-body ul{
    padding: 0 0 0 1rem;
    list-style: square;
}

.page .content-area .woocommerce ul{
    padding: 0;
    list-style: none;
}

.content-area ol,
.comment-body ol{
    padding: 0 0 0 1rem;
}

.content-area ul li,
.comment-body ul li,
.content-area ol li,
.comment-body ol li{
    font-size: 1.15rem;
}

.content-area blockquote,
.comment-body blockquote,
.content-area q,
.comment-body q{
    background-color: #f5f5f5;
    border-left: 5px solid #000;
}

.content-area blockquote p,
.comment-body blockquote p{
    margin: 0;
    padding: 1rem;
}

.content-area q,
.comment-body q{
    margin: 0;
    padding: 0.5rem;
    display: inline-block;
}

.content-area table,
.comment-body table{
    width: 100%;
    margin: 0 0 1rem;
    font-size: 1.15rem;
}

.content-area table thead,
.comment-body table thead,
.comment-body table tbody tr:first-child,
.page .content-area table tbody tr:first-child{
    background-color: #D2335B;
    color: #fff;
}

.page .content-area .woocommerce table tbody tr:first-child{
    background-color: transparent;
    color: initial;
}

.comment-body table tbody tr:first-child th,
.content-area table tbody tr:first-child th{
    border: none;
}

.content-area table thead th,
.comment-body table thead th {
    padding: 0.5rem 1rem;
    vertical-align: middle;
    border: 1px solid #D2335B;
}

.content-area table tbody th,
.comment-body table tbody th,
.content-area table tbody td,
.comment-body table tbody td{
    padding: 0.4rem;
    vertical-align: middle;
    border: 1px solid #ececec;
    text-align: center;
    font-weight: 500;
}

.content-area table tbody tr:hover,
.comment-body table tbody tr:hover{
    background-color: #f5f5f5;
}

.comment-body table tbody tr:first-child:hover{
    background-color: #D2335B;
}

.content-area dl,
.comment-body dl {
    font-size: 1.15rem;    
}

.content-area dt,
.comment-body dt {
    font-weight: bold;
    padding: 0.5rem;
    background: #333;
    color: #fff;    
}

.content-area dd,
.comment-body dd {
    margin: 0;
    padding: 0.5rem;
}

.content-area address,
.comment-body address{
    font-size: 1.15rem;
    font-style: italic;
}

.content-area code,
.comment-body code{
    font-size: 0.95rem;
    font-style: italic;
}
.content-area img{
    max-width: 100%;
    height: auto;
}

.content-area .wp-caption.alignleft {
    margin: 5px 20px 10px 0;
}

.content-area .more-link,
.post-password-form input[type="submit"] {
    background-color: #D2335B;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    padding: 0.558em 1em;
    font-weight: 700;
    border-radius: 3px;
    display: inline-block;
}

.content-area .inner-pagination{
    font-weight: 700;
}

.comment-body ul{
    padding: 0 0 0 1.5rem !important;
    list-style: square !important;
}

.comment-body ol{
    padding: 0 0 0 1.5rem !important;
}

.comment-body > ul,
.comment-body > ol{
    margin: 0 0 1rem 0;
}

.comment-body ul li,
.comment-body ol li{
    font-size: 1.15rem;
    background-color: transparent !important; 
    padding: 0 !important;
}

.comment-body ol {
    list-style: decimal !important;
}

#comments .pingback{
    font-size: 1.15rem;
    padding: 0;
}

.gallery-item dt{
    padding: 2rem;
}

.gallery-item img{
    border: 2px solid #fff !important;
}


/* General */

embed, iframe, object {
    max-width: 100%;
}

button, input, optgroup, select, textarea {
    background-color: #F6F6F6;
    padding: 5px 15px;
    border: 1px solid #e2e2e2;  
    max-width: 100%;  
}

a{
    color: #d35758;
}

a:hover {
    color: #af4142;
    text-decoration: none;
}

p, ul li a, .nav-links a, .nav-links span{
    font-size: 1.15rem;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.bypostauthor {
  display: block;
}


/* Media Queries */

/********/

/* If the widget container or a parent has dir="rtl" */
.language-switcher-widget:dir(rtl) {
  direction: rtl;
  text-align: right;
}

/* If it's LTR */
.language-switcher-widget:dir(ltr) {
  direction: ltr;
  text-align: left;
}

/*
.dropdown-menu {

    background-color: gray;

}*/

/***********/
/*
.main-navigation .dropdown:hover>.dropdown-menu,
.main-navigation .dropup:hover>.dropdown-menu {
    display: block;
}*/
/*
.main-menu > ul li a,
.navbar-light .navbar-nav .nav-link{  
   
    color: white;
    text-decoration: none;
    padding: 7px 15px 20px;
}

.main-menu ul li a.nav-link:first-child{ 
    padding-left: 0 !important;
}

.main-menu ul li ul{
    background-color: #000;
}

.main-menu ul li ul li{
    margin: 0;
}

.main-menu ul li ul li a{
    padding: 0.5rem;
    color: #fff;
}
*/
/***********/

/* global box sizing */
*, *::before, *::after {
  box-sizing: border-box;
}
/******************************/

/****************************/
.main-navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* ⬅️ تأكيد الاتجاه لليسار */
  background-color: transparent;
  margin-top: 0;
  padding: 0;
  width: 100%;
}


/* Reset Bootstrap defaults */
.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Top-level menu */
.main-navigation > div > ul {
  display: flex;
  justify-content: flex-start; /* ⬅️ يحرك المينيو لليسار */
  width: 100%;
}



/* Menu items */
.main-navigation li {
  position: relative;
}

/* Links */
.main-navigation a {
 
  color: #fff;
  font-weight: 400;
  padding: 6px 10px;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: #fae697;
}

.main-navigation .menu {
  display: flex;
  flex-direction: column;
}

.main-navigation .menu li {
  position: relative; /* for submenu positioning */
}

.main-navigation .menu a {
  display: block;
  padding: 5px 7px; /*10px 15px;*/
  text-decoration: none;
  color: #FFF;
  font-weight: 300;
 white-space: nowrap;
}

.main-navigation .menu a:hover,
.main-navigation .menu .current-menu-item > a {
  color: #fae697;
}

/* hide all submenus by default */
.main-navigation .menu ul {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  background-color: #14789B;
  min-width: 160px;
  z-index: 1000;
}

.main-navigation .menu li:hover > ul {
  display: block;
}

/* Submenu items (level 2, 3, 4...) styling */
.main-navigation .menu ul li a {
  padding: 8px 12px;
  color: #fff;
}

.main-navigation .menu ul li a:hover {
  background-color: #444;
}

/* Positioning nested submenus (so level 3, 4 appear to the right) */
.main-navigation .menu ul ul {
  top: 0;
  left: 100%;
}

/* --- Responsive: on larger screens make nav horizontal --- */
@media (min-width: 960px) {
  .main-navigation {
    flex-direction: row;
    align-items: center;
  }
  .main-navigation .menu {
    flex-direction: row;
  }
  .main-navigation .menu li {
    /* no float needed with flexbox */
  }
  .main-navigation .menu a {
    padding: 5px 7px;
  }
}

  .main-navigation li:hover > .dropdown-menu {
    display: block;
  }


/* Dropdown links */
.main-navigation .dropdown-menu a {
  padding: 8px 14px;
  display: block;
  color: #fff;
}

.main-navigation .dropdown-menu a:hover {
  background: rgba(255,255,255,.1);
}

/* Third level */
.main-navigation .dropdown-menu .dropdown-menu {
  top: 0;
  left: 100%;
}

/*******************/
/*
*/

.custom-logo-fallback {
  max-width: 100%;
  height: auto;
}



/*********/




/****
.hero-slider__slide {
  /* ارتفاع ثابت يمكنك تغيّره */
/****  height: 950px;
  /* إذا تريد أن تغطي الصورة الخلفية كامل العنصر: */
/***  background-size: cover;
  background-position: center;
}

/* إذا تحتاج لتغيير الارتفاع على شاشات أصغر */
/****@media (max-width: 768px) {
  .hero-slider__slide {
    height: 600px;
  }
}*****/


/* أزل أي margin / padding غير مرغوب في الموبايل */
body, html {
  margin: 0;
  padding: 0;
}

/* تأكد من أن brand-wrapper يغطي عاليا وكامل العرض */
.brand-wrapper {
  width: 100%;
  padding: 0; /* أزل إذا هناك padding */
  margin: 0;  /* أزل أي margin من الأعلى أو الأسفل */
  background-color: #0D3B66; /* لون الخلفية كما لديك */
  /* إذا تحتاج، اضبط ارتفاع للشعار: */
  min-height: 60px; /* عدّل الرقم حسب ما تراه مناسبًا في الموبايل */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* تأكد من أن الشعار لا يسبب فراغ إضافي */
.brand img.custom-logo-fallback {
  display: block;
  max-width: 100%;
  height: auto;
}

/* تأكد من تعامل الهيدر مع الحدود على الموبايل */
@media (max-width: 768px) {
  .site-header {
    padding-top: 0; /* إن كان هناك padding من الأعلى */
    margin-top: 0;  /* إن كان هناك margin */
  }

  .top-bar .container {
    padding-left: 5px;
    padding-right: 0;
  }
  
  
  
    .main-navigation > div > ul {
    flex-direction: column;
    align-items: flex-start;
  }

  .main-navigation .dropdown-menu {
    position: static;
    box-shadow: none;
    background: transparent;
  }

  .main-navigation .dropdown-menu a {
    padding-left: 20px;
  }
}

/*  صورة منتجات المتجر في حال اختفائها نفعله */

.woocommerce-product-gallery {
  opacity: 1 !important;
}

/****************style fancy**************************/

/* Sidebar Styles */
.sidebar {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.sidebar h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #333;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 8px;
}

.sidebar .widget {
    margin-bottom: 20px;
}

.sidebar .widget p {
    font-size: 1em;
    line-height: 1.6;
    color: #666;
}

/* RTL Support */
html[dir="rtl"] .sidebar {
    text-align: right;
}

html[dir="rtl"] .sidebar h3 {
    border-bottom: none;
    border-top: 2px solid #e0e0e0;
    padding-top: 8px;
    margin-bottom: 15px;
}


/*************FlexSlider*****************/

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/********** My Adds FlexSlider start *********/
  .containerr {
  width: 100%;
   height: 500px;
position: relative;
  overflow: hidden;

  display: flex;
  justify-content: center;  /* horizontal centering */
  
  align-items: center;      /* vertical centering */
  text-align: center; /* center text and button */
  

 /* padding: 0.5em; /* optional, for some breathing space */
background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
   
  }
  
  /* Mobile / small devices: default */
.slide-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 70vh;
  min-height: 400px;
}

  /* Tablets / medium screens */
@media (min-width: 768px) {
  .slide-item {
    min-height: 450px;
  }
}

/* Small desktops / large screens */
@media (min-width: 992px) {
  .slide-item {
    min-height: 600px;
  }
}

/* Big desktops / extra-large screens */
@media (min-width: 1200px) {
  .slide-item {
    min-height: 700px;
  }
}



  
  .containerr--narrow {
    max-width: 960px;
  }
  .containerrr {
       margin:0px;
  width: 100%;
   height: 500px;
display: block;
  justify-content: center;  /* horizontal centering */
  
  align-items: center;      /* vertical centering */
  text-align: center; /* center text and button */
  

  padding: 0.5em; /* optional, for some breathing space */
    
  }
  
  .containerrr--narrow {
    max-width: 960px;
  }
  
  .slick-dots {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    top: 15px;
    /**/
    direction: rtl;
    /**/
  }
  
  @media (min-width: 960px) {
  
    .slick-dots {
      top: 50px;
    }
  }
  
  .slick-dots li {
    list-style: none;
    display: inline;
  }
  
  .slick-dots li button {
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
    background-color: gray; /*rgba(255, 255, 255, .5);*/
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    border-radius: 50%;
    border: none;
    margin: 0 4px;
    padding: 0;
    outline: none;
    transition: background-color .3s ease-out;
    cursor: pointer;
  }
  
  .slick-dots .slick-active button {
    background-color: #FFF;
  }
  
  /***/
/* Correct alignment for the arrows if used */
.slick-prev {
  left: 10px;
  right: auto;
}

.slick-next {
  right: 10px;
  left: auto;
}
/***/


/* Title styling */

.containerrr .slider-title {
   
  font-family: 'Seaweed Script';
  font-size: 2rem;
  margin: 3.0em 0;
  color: #fff;
}

/* Subtitle styling */

.containerrr .subtitle {
  font-size: 1.5em;
  margin: -3.0em;
  color: #fff;
}
/* Button styling + positioning */

.containerrr a.brand-link {
  display: inline-block;
  background-color: #D2335B;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 0.35em 0.5em;
  font-size: 1.2em;
  text-decoration: none;
  position: relative;
  top: 0;  /* reset, in case of previous positioning */
   margin: 3.0em;
  transform: none;
}






/********** My Adds FlexSlider end *********/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    height: 500px;
  margin: 0 0 10px;
 background: #fff;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
/*
@-moz-document url-prefix("https://rassma.com/") {
  .loading .flex-viewport {
    max-height: none;
  }
}*/
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(1, 1, 1, 0.8); 
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: gray; /* rgba(0, 0, 0, 0.8); */
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/******/

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/***** <p></p> ****/

.responsive-text {
  /* make the paragraph block take full width (but not exceed a max for readability) */
  box-sizing: border-box;
  width: 100%;
  max-width: 300px;  /* adjust as you like */
  margin: 0 auto;    /* centers the block, adds equal left/right margins */
margin-bottom: 1rem;    /* centers the block, adds equal left/right margins */
  /* padding inside so text doesn’t touch edges on narrow devices */
  padding: 0 1rem;

  /* ensure long words or URLs wrap instead of overflow */
  overflow-wrap: break-word;
  word-wrap: break-word;       /* fallback for older browsers */ 
  word-break: break-word;
  /* optionally: word-break if you have very long unbroken text */
  /* word-break: break-all; */

  /* setup readable text: line-height, font-size can be responsive */
  font-size: 1rem;
  line-height: 1.6;
  
  /* text alignment — left by default, or justify if you want full-width text */
  text-align: left;
 background-color:rgba(0, 0, 0, .68); 
}
/* Example media query: for larger screens, increase padding and maybe font-size */
@media (min-width: 480px) {
    
  .responsive-text {
      max-width: 450px;  /* adjust as you like */
    padding: 0 1rem;
    font-size: 1.25rem; /* ~17px if base is 16px — adjust as needed */
    background-color:rgba(0, 0, 0, 0.5); 
  }
}
/* Example media query: for larger screens, increase padding and maybe font-size */
@media (min-width: 768px) {
    
  .responsive-text {
      max-width: 800px;  /* adjust as you like */
    padding: 0 0.8rem;
    font-size: 1.5rem; /* ~17px if base is 16px — adjust as needed */
    background-color:rgba(0, 0, 0, 0.3);
  }
}

/****** revised code .responsive-tex for learn only ****/

.responsive-tex {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;       /* max width for wide screens */
  margin: 0 auto 1rem auto;
  padding: 0 1rem;

  overflow-wrap: break-word;   /* allow long words/URLs to wrap */
  word-wrap: break-word;       /* fallback */
  word-break: break-word;

  line-height: 1.6;
  font-size: 1rem;
  text-align: left;
}

/* For smaller screens: keep fluid but maybe restrict width/padding differently */
@media (max-width: 600px) {
  .responsive-tex {
    max-width: 100%;    /* allow full available width */
    padding: 0 1rem;    /* minimal padding for readability */
    font-size: 1rem;    /* adjust if needed */
  }
}

/* Flex-context fix: ensure paragraph can shrink correctly inside flex containers */
.responsive-tex {
  min-width: 0;    /* important if parent uses flex */
}


/***** <p></p> ****/

/*** بداية حركة الصفحة الرئيسية من أسفل لأعلى Top ↑   ***/ 
.toc-jump, .a8c-docs-entry__content .toc-jump {
    font-size: 13px;
    min-width: 50px;
    text-align: right;
}
.a8c-docs-action-link:not([disabled]), a:not([disabled]), button:not([disabled]), input[type=button]:not([disabled]), input[type=reset]:not([disabled]), input[type=submit]:not([disabled]) {
    cursor: pointer;
}

.a8c-docs-action-link, a {
    color: #a66915;
    text-decoration: underline;
}

.a8c-docs-action-link, [tabindex], a, area, button, input, label, select, summary, textarea

 {
    touch-action: manipulation;
}

.a8c-docs-action-link, a {
    background-color: transparent;
}
/* Start Proceed to Checkout  */
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

.wc-block-components-button:not(.is-link) {
    background-color: #27ae60;
    border-radius: 4px;
}

/* End Proceed to Checkout */

.toc-header, .a8c-docs-entry__content .toc-header {
    border-top
: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
    padding-top: 19px;
    text-indent: -34px;
}
/*** نهاية حركة الصفحة الرئيسية من أسفل لأعلى Top ↑   ***/
/*** بداية برجراف وصف المنتج ***/
.text-flow img {
  float: left;
  margin-right: 25px;
  margin-bottom: 15px; /* good spacing on mobile too */
}

/* Mobile / small screens */
@media (max-width: 767px) {
  .text-flow img {
    float: none;
    display: block;
    margin: 0 auto 15px;
    max-width: 100%; /* fit screen */
    height: auto;
  }
}

/*** نهاية برجراف وصف المنتج ***/

/* ================================
   HEADER MENU + SEARCH (ONE LINE)
================================ */

/* Search wrapper */
.site-header__menu .search2 {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Search form */
.search2 form {
    width: 100%;
    max-width: 500px;
}

/* REMOVE overriding Bootstrap utility */
.search2 .d-md-flex {
    justify-content: initial; /* أو احذف السطر كله */
}

/* DON'T override Bootstrap classes */
.search2 .text-center {
    margin-top: 25px;
}

/* Menu links */
.main-navigation li {
    list-style: none;
}