/**
    Theme Name: Rolex Lanolin
    Theme URI: https://rolexlanolin.com/
    Author: Intelegain Technologies
    Author URI: https://intelegain.com/
    Description: Custom theme based on Astra for Rolex Lanolin.
    Version: 1.0.0
    Requires at least: 5.3
    Tested up to: 6.8
    Requires PHP: 5.6
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: rolexlanolin
    Domain Path: /languages
    Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
    AMP: true

    Astra WordPress Theme, Copyright 2020 WPAstra.
    Astra is distributed under the terms of the GNU GPL.

    Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
    Underscores is distributed under the terms of the GNU GPL v2 or later.

    Normalizing styles have been helped along thanks to the fine work of.
    Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

    Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
    IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
    Source: http://keyamoon.com/

    Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
    Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

    Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

    Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
    https://fontawesome.com/v5.15/icons/store?style=solid
    https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
    https://fontawesome.com/v5.15/icons/pen-square?style=solid
    https://fontawesome.com/v5.15/icons/user-tie?style=solid
    https://fontawesome.com/v5.15/icons/user-tie?style=solid

    Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
    https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
    https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

    Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
    https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
    https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
    https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

    The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

    For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

    Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
    Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

    Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
    Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

    /* Note: The CSS files are loaded from assets/css/ folder. */

/* Certificate section homepage */
        .carousel-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            max-width: 100%;
            overflow: hidden;
        }
 
        /* Default (desktop) swiper width = 75% */
        .swiper {
            width: 52%;
            max-width: 1400px;
            padding-top: 50px;
            perspective: 1250px !important;
        }
 
        /* Default slide width for desktop */
        .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 190px !important;
            overflow: hidden;
            border-radius: 12px;
            transition: transform 0.3s ease;
            user-select: none;
            transform: scale(0.9);
        }
 
        .swiper-slide-active {
            transform: scale(1.05);
            z-index: 2;
            margin-right: 15px !important;
            margin-left: 10px !important;
        }
 
        /* Keep mobile view full width and original scaling */
 
        @media (max-width: 1450px) {
 
            .swiper-slide {
                width: 215px;
            }
			.rolex-owl-carousel .owl-nav button.owl-next {
				position: absolute;
				right: 0 !important;
				top: 20% !important;
			}
			.rolex-owl-carousel .owl-nav button.owl-prev {
				position: absolute;
				left: 0 !important;
				top: 20% !important;
			}
        }
 
        @media (max-width: 992px) {
            .swiper {
                width: 100%;
            }
 
            .swiper-slide {
                width: 215px;
            }
        }
 
        @media (max-width: 768px) {

          .picture img{
            width: 100% !important;
          }
            .swiper-slide {
                width: 180px !important;
            }
			.rolex-owl-carousel .owl-nav button.owl-next {
				position: absolute;
				right: 0% !important;
				top: 25% !important;
			}
			.rolex-owl-carousel .owl-nav button.owl-prev {
				position: absolute;
				left: 0% !important;
				top: 25% !important;
			}
        }
 
        @media (max-width: 480px) {
            .swiper-slide {
                width: 150px;
            }
        }
 

        .picture {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .picture img {
            display: block;
            width: 90%;
            height: 100%;
            object-fit: cover;
            filter: blur(3px);
            transition: filter 0.4s ease;
            user-select: none;
            -webkit-user-drag: none;
        }

        .swiper-slide-active .picture img {
            filter: blur(0);
        }

        .swiper-button-prev,
        .swiper-button-next {
            position: static !important;
            background: transparent;
            border: none;
            width: auto;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .swiper-button-prev:after,
        .swiper-rtl .swiper-button-next:after {
            display: none;
        }

        .swiper-button-next:after,
        .swiper-rtl .swiper-button-prev:after {
            display: none;
        }

        .nav-arrow {
            width: 40px;
            /* Adjust as needed */
            height: 40px;
            object-fit: contain;
            user-select: none;
            -webkit-user-drag: none;
        }

        #certificate-title {
            transition: opacity 0.3s ease;
        }

/* Timeline section homepage */

    .az-img-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }

    .az-img-wrap-last {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }

    .az-img-wrap::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 60%;
      width: 80%;
      height: 1px;
      border-top: 2px dashed #ccc;
    }

    .az-img-wrap-last::after {
      content: "";
      position: absolute;
      top: 50%;
      left: -19%;
      height: 1px;
      border-top: 2px dashed #ccc;
    }

    .az-img-wrap img {
      width: 70px !important;
      margin: 0 auto;
      z-index: 2;
    }

    .az-img-wrap-last img {
      width: 70px !important;
      margin: 0 auto;
      z-index: 2;
    }

    .az-carowsel-desc p {
      color: #fff;
    }

    .owl-carousel .owl-dots {
      display: flex !important;
      justify-content: center;
      width: 100%;
      gap: 5px;
      margin-top: 15px !important;
    }

    .owl-carousel button.owl-dot {
      border: 1px solid grey !important;
      border-radius: 50%;
      height: 10px;
      width: 10px;
    }

    .owl-carousel button.owl-dot.active {
      background: #fff !important;
      border: 1px solid #fff !important;
      border-radius: 50%;
      height: 10px;
      width: 10px;
    }

    .owl-carousel .owl-nav {
      display: flex !important;
      justify-content: space-between;
    }

    .owl-carousel .owl-nav button.owl-prev {
      position: absolute;
      left: -5%;
      top: 35%;
    }

    .owl-carousel .owl-nav button.owl-next {
      position: absolute;
      right: -5%;
      top: 35%;
    }

    .az-img-wrap,
	.az-img-wrap-last {
	  position: relative; /* Ensures text positions relative to image container */
	}

	.az-img-text {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%); /* Centers text */
	  color: #333; /* Text color */
	  font-size: 14px;
	  font-weight: bold;
	  text-align: center;
	  pointer-events: none; /* So clicks pass through to image if needed */
	  z-index:99;
	}

	.owl-carousel{
		display:block !important;
	}

/* Product page Table */
/* Search & Filter Container */
.products-search-filter {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

/* Search Input with Icon */
.products-search-filter input {
    flex: 1;
    padding: 10px 14px 10px 38px; /* left padding for icon */
    border: 1px solid #ccc;
    border-radius: 8px; /* smaller radius */
    outline: none;
    font-size: 15px;
    background: url('/wp-content/uploads/2025/08/Icon.png') no-repeat 12px center / 16px auto; /* replace with your search icon */
	background-color:#fff;
	width: 50%;
	color: #666 !important;
}

/* Dropdown */
.products-search-filter select {
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    outline: none;
    font-size: 15px;
	width: 50%;
	color: #666 !important;
}

.form-control:focus, .form-select:focus{
	box-shadow: none !important;
}

/* Focus states */
.products-search-filter input:focus,
.products-search-filter select:focus {
    border-color: #0095DA;
}

/* Table Wrapper */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
}

/* Table Base Styling */
#productsTable {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: transparent;
	border: none;
}

/* Table Headings */
#productsTable thead th {
    background: transparent;
    color: #0095DA;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding: 12px 10px;
	border: none;
}

/* Table Rows */
#productsTable tbody tr {
    background: rgba(255, 255, 255, 0.85); /* transparent white */
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Table Cells */
#productsTable tbody td {
    padding: 12px 10px;
    border: none;
}

#productsTable tbody td.product_title{
	font-size: 18px;
	font-weight: 500;
}

#productsTable tbody td.trade_name .trade_style{
	padding: 2px 8px;
    background-color: #EAEEF9;
    border-radius: 2px;
}  

#productsTable tbody td.trade_name{
	font-size: 14px;
}

#productsTable tbody td.industry_name{
	font-size: 14px;
	font-weight: 500;
}

/* Table Wrapper for Mobile Scroll */
.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

/* Show a thin scrollbar only when needed */
.table-wrapper::-webkit-scrollbar {
  height: 6px; /* scrollbar height */
}

.table-wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

/* Hover Effect */
#productsTable tbody tr:hover {
    background: rgba(249, 249, 249, 0.95);
    transition: background 0.2s ease;
}

@media (max-width: 768px) {
  .table-wrapper {
    overflow-x: scroll;
  }
	#productsTable tbody td.product_title{
		font-size: 16px;
		line-height: normal;
		font-weight: 500;
	}

	#productsTable tbody td.trade_name{
		font-size: 14px;
		line-height: normal;
	}
	
	#productsTable tbody td.industry_name{
		font-size: 14px;
		font-weight: 500;
		line-height: normal;
	}
}

.elementor-element.blog_banner{
	width:1240px !important;
}

/* Pagination Container */
.blog_grid .elementor-pagination {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Page numbers & arrow buttons default */
.blog_grid .elementor-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: #fff;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

/* Active (current page) */
.blog_grid .elementor-pagination .page-numbers.current {
    background: #29AAF3;
    color: #fff;
    border-color: #29AAF3;
    font-weight: 600;
}

/* Hover effect */
.blog_grid .elementor-pagination .page-numbers:hover {
    background: #29AAF3 !important;
    color: #fff !important;
    border-color: #29AAF3 !important;
    font-weight: 600;
}

/* Arrow icons box (prev/next) */
.blog_grid .elementor-pagination .page-numbers.prev,
.blog_grid .elementor-pagination .page-numbers.next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: #fff;
    color: #333;
    font-size: 16px;
}

/* Arrow icons */
.blog_grid .elementor-pagination .page-numbers.prev i,
.blog_grid .elementor-pagination .page-numbers.next i {
    font-size: 16px;
    color: inherit; /* inherit the color of parent */
}

.blog_content a{
	color: #29AAF3 !important;
}

.blog_content a:hover{
	color: #29AAF3 !important;
	text-decoration: underline !important;
}

.blog_title a{
	font-weight: 500 !important;
}
.contact_form button{
    width: 100%;
    padding: 18px 9px;
    font-size: 22px;
    font-weight: 600;
}
.contact_form input, .contact_form select, .contact_form textarea, .contact_form input::placeholder, .contact_form select::placeholder, .contact_form textarea::placeholder{
   	font-size: 16px;
	color: #333;
}
.contact_form .wpforms-container .wpforms-field.wpforms-field-textarea{
	padding: 10px 0px;
}
.contact_form .wpforms-container .wpforms-field {
    position: inherit;
	padding: 5px 0px;
}
.contact-box {
  display: flex;
  align-items: flex-start; /* aligns top of text with icon */
  gap: 10px; /* space between icon & text */
  color: #fff; /* text color (match your theme) */
  font-size: 15px;
  line-height: 1.5;
}

.contact-text strong {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
}
.footer_links .menu-item a{
	padding: 05px 0px 05px 0px !important;
}
nav.elementor-nav-menu--dropdown .elementor-nav-menu a{
	justify-content: end !important;
}
nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
	background-color:#29AAF3 !important;
}
div.wpforms-container .wpforms-form textarea{
	resize:none !important;
}
.about-head {
    color: #29AAF3;
}