/* change bg in posts and pages */
.floating-link,
.blog-post-item,
.site-branding,
.site-title,
.single-page-wrapper 
.entry-content,
.site,
.site-header,
.custom-header,
.site-branding-text
{
    background: transparent !important;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('https://monitoreverything.link/wp-includes/fonts/Roboto-Thin.woff2') format('woff2'), /* Modern Browsers */
    url('https://monitoreverything.link/wp-includes/fonts/Roboto-Thin.woff') format('woff');   /* Legacy Browsers */
    font-weight: 300; /* Specify the font weight */
    font-style: bold; /* Specify the font style */
}

/* Change the color of the header */
.site-title {
    #444; 
    font-size: 32px;
    font-family: 'Roboto Thin', sans-serif; 
	background-color: transparent;
    font-weight: 600;
    padding: 20px; /* Add padding to improve readability */
    display: inline-block; /* Ensures proper spacing and alignment */
}

.site-title a:hover {
    color: #4e7ca0;
    font-family: 'Roboto Thin', sans-serif; 
}



/* Hyperlinks style */
a {
    color: #444; 
    font-family: 'Roboto Thin', sans-serif;  
    text-decoration: none;
    transition: color 0.1s ease;
    font-weight: 600;
}

/* Hover effect */
a:hover {
    color: #4e7ca0; /* Dark pastel blue text color on hover */
}

a:focus, a:active {
    outline: none;
    color: #4e7ca0;
}

/* remove unwanted elements*/
.site-description,
.to-top,
.main-navigation {
    display: none;
}

.single-page-wrapper 
.entry-content {
    padding: 10px;
}

/* Adjust page and post content width */
.page-wrapper,
.single-page-wrapper,
.post-content,
.entry-content{
    //    padding: 10px;
    margin: 0 auto; /* Center the content */
}

.tiled-gallery__item > img {
    display: block;
    height: auto;
    margin: 0;
    max-width: calc(100% - 300px); /* Adjusted to accommodate the 150px border on each side */
    object-fit: cover;
    object-position: center;
    padding: 0;
    width: calc(100% - 0px); /* width: calc(100% - 300px); Adjusted to accommodate the 150px border on each side */
    border: 20px solid #f2e9d8; /* Adding a 150px white border around each image */
}


.site-branding
 {
    padding: 0px;
}

.single-page-wrapper .entry-content {
    padding: 0px;
    max-width: 95%;
}

#content-wrap.container {
    padding: 0px;
}

/* Define default font size */
.top_left_link, 
.top_right_link, 
.instagram_link,
.from_men, 
.left_bottom, 
.right_bottom, 
.central_footer, 
.floating-link {
    font-size: 18px; /* Default font size */
}

/* Adjust font size based on browser width */
@media screen and (max-width: 1200px) {
	.top_left_link, 
	.top_right_link, 		
	.instagram_link, 
	.from_men, 	
	.left_bottom, 
	.right_bottom, 	
	.central_footer,
	.floating-link {
        font-size: 14px; /* Font size for smaller screens */
    }
}

@media screen and (max-width: 768px) {
    .top_left_link,
		.top_right_link, 
		.instagram_link, 
		.from_men, 
		.left_bottom,
		.right_bottom, 
		.central_footer, 
		.floating-link {
        font-size: 11px;/* Font size for even smaller screens */
    }
}

.final-tiles-gallery .loading-bar {
    display: none;
}

.from_men {
    position: fixed;
    top: 45vh;
    z-index: 999;
    transform: translateX(-43%) rotate(90deg);
    transform-origin: center;
}

.instagram_link {
    text-align: left;
    position: fixed;
    top: 45vh;
    right: 5px; 
    transform-origin: center;
    z-index: 998; 
    transform: translateX(30%) rotate(-90deg);
}

.top_right_link {
    position: fixed;
    padding-right:4px; 
    top: 2%;
    right: 5px; 
    z-index:999;
}

.top_left_link {
    position: fixed;
    top: 2%;
    left: 8px;
    z-index:999;
}

.left_bottom,  
.right_bottom {
    position: fixed;
    bottom: 8px;
    z-index: 999;
}

.left_bottom {
    left: 8px;
}

.right_bottom {
    right: 8px;
}

.central_footer {
    position: fixed;
    bottom: 5px;
    z-index: -10;
    width:100%;
    text-align: center;
}

/* Dropdown Styles */
.dropdown {
    text-color: f783434;  
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    text-align: right;
    min-width: 300px;
    z-index: 1; 
    right: 0px;
    //transform: translateX(-50%);
}

.dropdown-content a {
    // color: black;
    padding: 4px 4px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    text-color: #4e7ca0;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    text-color: #4e7ca0;
}

@media screen and (max-width: 769px) {/* Dropdown Styles */
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        text-align: right;
        min-width: 250px;
        z-index: 8; 
        left: -60%;
        transform: translateX(-70%);
    }

    .dropdown-content a {
        // color: black;
        padding: 4px 4px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content a:hover {
        text-color: #4e7ca0;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropbtn {
        text-color: #4e7ca0;
    }
}

/* PC Browser */
@media screen and (min-width: 769px) {
    .gallery-wrapper-large {
        display: block;
    }

    .gallery-wrapper-small,
    .gallery-wrapper-landscape {
        display: none;
    }
}

/* Phone Portrait */
@media screen and (max-width: 900px) and (orientation: portrait) {
    .gallery-wrapper-small {
        display: block;
    }

    .gallery-wrapper-large,
    .gallery-wrapper-landscape {
        display: none;
    }
}

/* Phone Landscape */
@media screen and (max-width: 900px) and (orientation: landscape) {
    .gallery-wrapper-landscape {
        display: block;
    }

    .gallery-wrapper-large,
    .gallery-wrapper-small {
        display: none;
    }
    table, td, th, .top_left_link, .top_right_link, .instagram_link, .from_men, .left_bottom, .right_bottom, .central_footer, .floating-link {
        font-size: 11px;/* Font size for even smaller screens */
    }
    .site-title {
        padding: 5px;
        font-size: 20px;
    }
    .central_footer {
        z-index: 0;
    }
}

.gallery-wrapper-large {
    margin: auto;
    //max-width: 1100px;
}

.gallery-wrapper-small {
    margin: auto;
}

.gallery-wrapper-landscape {
    margin: auto;
    width: 70%;
}

/* Styles for the hover modal */

/* artist statment modal*/
.artist_statement {
    text-align: center;
    width = 100%;
}

.hover-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, 0.5); /* 50% opacity black background */
    overflow: auto;
}

.modal-content {
    background-color: rgba(249, 248, 246, 0.99);
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 85%;
    //min-height: 400px;
}

/* Close button */
.close {
    color: #444;
    float: right;
    font-size: 50px;
    font-weight: bold;
    text-decoration: none;
}

.close:hover,
.close:focus {
    color: #4e7ca0;
    cursor: pointer;
}

/* Show modal when modal ID is targeted */
.hover-modal:target {
    display: block;
}

/*woocommerce*/
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    margin: 0;
    background: #eeeee4;
}

.woocommerce-loop-product__title {
    display: none;
}

.entry-header {
    //	display: none;
}

/* Disable hover effect on WooCommerce product images */
.woocommerce ul.products li.product a img {
    pointer-events: none;
}

.woocommerce span.onsale,
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
 //   display: none;
}

/* Hide comments on WordPress post pages */
.comments-area {
    display: none;
}

/* Hide product description on WooCommerce product pages */
.woocommerce-product-details__short-description {
    //display: none;
}

@media screen and (min-width: 768px) {
.entry-title {
		//display: none;
    float: right;
    text-align: left;
    min-width: 48%;
}
}

#tab-description {
   display: none;
}

.woocommerce-tabs.wc-tabs-wrapper  {
    display: none;
}

.woocommerce.columns-3 {
    max-width: 95%;
    margin: 0 auto; /* Center the content */
}

/* Remove border and styling around WooCommerce container */
.blog-post-item {
    border: none;
    outline: none;
    box-shadow: none;

    /* Add any additional reset styles here */
}

.post-navigation {
    display: none;
}

/* Hide related products on WooCommerce product pages */
.related.products, .sku_wrapper, .posted_in {
    display: none;
}

/* Change background color of Add to Cart button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.single_add_to_cart_button,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce #respond input#submit.single_add_to_cart_button.button.alt,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt,
.woocommerce #respond input#submit.single_add_to_cart_button.alt,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt {
    background-color: #4e7ca0;
    border-color: #4e7ca0;
    color: #fff; /* Text color */
    text-decoration: none; /* Remove text decoration */
    box-shadow: none; /* Remove box shadow */
}

/* Change background color of Add to Cart button on hover */
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.single_add_to_cart_button:hover,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
.woocommerce #respond input#submit.single_add_to_cart_button.button.alt:hover,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt:hover,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt:hover,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt:hover,
.woocommerce #respond input#submit.single_add_to_cart_button.alt:hover,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt:hover,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt:hover,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt:hover {
    background-color: #37556e;
    border-color: #37556e;
}

/* Change background color of Add to Cart button on click */
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit.single_add_to_cart_button:active,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active,
.woocommerce #respond input#submit.single_add_to_cart_button.button.alt:active,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt:active,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt:active,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.button.alt:active,
.woocommerce #respond input#submit.single_add_to_cart_button.alt:active,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt:active,
.woocommerce button.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt:active,
.woocommerce input.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.alt:active {
    background-color: #3f6e94; /* Lighter shade */
    border-color: #3f6e94; /* Lighter shade */
    color: #fff; /* Text color */
}

.woocommerce-variation-add-to-cart-disabled, .wc-variation-selection-needed, .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed
{
    background-color: #4e7ca0;
    border-color: #4e7ca0;
    color: #fff; /* Text color */
    text-decoration: none; /* Remove text decoration */
    box-shadow: none; /* Remove box shadow */
}

.woocommerce-Price-amount.amount {
    color: #444 !important;
}

.woocommerce {
    color: #444 !important;

    /* Remove dotted border around hyperlinks in WooCommerce dropdowns */
    .woocommerce select:focus,
    .woocommerce select:active {
        outline: none;
    }

    /* Style for the floating link */
    .floating-link {
        position: fixed;
        top: 1.3%; /* Adjust as needed */
        left: 0.5%; /* Adjust as needed */
        z-index: 9999; /* Ensure it's above other content */

        padding: 7px; /* Adjust as needed */
        border-radius: 2px; /* Rounded corners */
        text-decoration: none; /* Remove underline */
    }

    /* Remove outline on WooCommerce Add to Cart button */
    .woocommerce #content input.button:focus,
    .woocommerce-page #content input.button:focus,
    .woocommerce #respond input#submit:focus,
    .woocommerce-page #respond input#submit:focus,
    .woocommerce a.button:focus,
    .woocommerce-page a.button:focus,
    .woocommerce button.button:focus,
    .woocommerce-page button.button:focus,
    .woocommerce input.button:focus,
    .woocommerce-page input.button:focus {
        outline: none !important;
    }

    /* Disable magnify symbol of product images */
    .woocommerce-product-gallery__trigger {
        display: none !important;
        //right: -40px !important;
    }

    .woocommerce-product-gallery {
        pointer-events: none !important;
    }
}

.quantity input[type="number"] {
    background-color: #eeeee4;
    outline: none !important;
    height: 37px;
}

/* Target the WooCommerce dropdown menu */
.woocommerce select,
.woocommerce-page select {
    /* Set background color of dropdown options */
    background-color: #EEEEE4;
}

/* Add background images to pages *
 * 
 */
.page-id-180 {
    background-image: url('https://monitoreverything.link/wp-content/uploads/2024/04/000010840004-copy-3.jpg');
    background-size: cover;
    background-position: center-bottom;
    background-repeat: no-repeat;
}

.page-id-276 {
    background-image: url('https://monitoreverything.link/wp-content/uploads/2025/03/OWS-BACKDROP-IMAGE-scaled.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home {
    background-image: url('https://monitoreverything.link/wp-content/uploads/2025/03/OWS-BACKDROP-IMAGE-scaled.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}