/*
Theme Name: OceanWP Child 02
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 3.6.1
Updated: 2024-10-06

*/


a.pmpro_btn.pmpro_btn-renew.pmpro_btn-select {
    background: #fb0000;
}

.dmm_login>a>span{
	background: #0072bc;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

.dmm_payment_methods {
    display: flex;
    align-items: center;
    gap: 20px;
}

label.dmm_payment_title {
    font-size: 20px !important;
}



#afm {
    width: 100% !important;
    min-width: 300px !important;
}

/* Footer menu text and bullets color */
#footer-menu ul {
    list-style-type: disc; /* Ensures bullet points (you can change to circle or square if needed) */
    list-style-position: inside; /* Keeps bullets inside the list */
}

#footer-menu ul li {
    color: #ffffff; /* Changes the bullet color to white */
}

#footer-menu a {
    color: #ffffff; /* White color for the menu links */
    text-decoration: none; /* Optional: removes the underline if you don't want it */
}

/* Ensure hover effects for the menu links */
#footer-menu a:hover {
    color: #13aff0; /* Light gray on hover, change if needed */
}
/* Ensure hover effects for the menu links */
#footer-menu a:hover {
    color: #13aff0; /* Light gray on hover, change if needed */
}

.dmm_services {
    font-family: 'Helvetica Neue', sans-serif;
    color: #333;
    background-color: #ffffff;
    border-radius: 8px;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
	align-content:center;
	align-items:center;
}

.dmm_services:hover {
    border-color: #00558d; /* Hover border color */
}

.dmm_services h2 {
    font-size: 2.5em;
    color: #222;
    text-align: center;
    margin-bottom: 20px;
}

.dmm_services .service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0;
}

.dmm_services .service:last-child {
    border-bottom: none;
}

.dmm_services .service h3 {
    font-size: 1.8em;
    color: #555;
}

.dmm_services .service p {
    font-size: 1em;
    color: #777;
    margin: 10px 0 0;
}

.dmm_services .service-icon {
    font-size: 40px;
    color: #f8b400; /* Luxurious gold color */
    margin-right: 20px;
}

.dmm_services img {
    width: 100%; /* Adjust width as necessary */
    height: auto; /* Maintain aspect ratio */
    transition: transform 0.3s ease, filter 0.3s ease; /* Smooth transition for scale and filter */
}

.dmm_services img:hover {
    transform: scale(1.05); /* Slight zoom effect */
    filter: brightness(0.8); /* Darken the image slightly */
}

.dmm_services .button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    background-color: #007bff; /* Primary color for the button */
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.dmm_services .button:hover {
    background-color: #0056b3; /* Darker shade for hover effect */
}

.dmm_text {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #ffffff; /* Text color set to white */
    line-height: 1.6;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dmm_text h1,
.dmm_text h2,
.dmm_text h3 {
    color: #ffffff; /* Header text color set to white */
    margin-bottom: 10px;
    font-weight: 700;
}

.dmm_text h1 {
    font-size: 2.5em;
}

.dmm_text h2 {
    font-size: 2em;
}

.dmm_text h3 {
    font-size: 1.5em;
}

.dmm_text p {
    margin-bottom: 15px;
    font-size: 1.1em;
}

.dmm_text ul {
    list-style: none;
    padding: 0;
}

.dmm_text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.dmm_text ul li::before {
    content: '✔'; /* Checkmark for a luxurious touch */
    position: absolute;
    left: 0;
    color: #ffffff; /* Checkmark color set to white */
}

.dmm_text a {
    color: #ffffff; /* Link color set to white */
    text-decoration: none;
    font-weight: 800;
}

.dmm_text a:hover {
    text-decoration: underline; /* Underline on hover */
}


/* Ensure that both the image and caption are part of the clickable link */
.dmm_services .wp-caption a {
    display: inline-block; /* Ensure anchor wraps both the image and caption as a block */
    position: relative; /* Keep positioning so figcaption stays correctly aligned */
    text-decoration: none; /* Remove default link underline */
    color: inherit; /* Make sure the caption text keeps its color styling */
}

/* Style for image captions within .dmm_services */
.dmm_services .wp-caption {
    position: relative; /* Allow absolute positioning for the caption */
    display: inline-block; /* Make sure the image and caption behave as a block element */
    text-align: center; /* Center align the caption text */
}

/* Center the caption over the image */
.dmm_services .wp-caption figcaption {
    position: absolute; /* Position the caption relative to the image */
    top: 50%; /* Move the caption halfway down the container */
    left: 50%; /* Move the caption to the center horizontally */
    transform: translate(-50%, -50%); /* Adjust the positioning to truly center it */
    color: #fff; /* Caption text color */
    font-size: 18px; /* Larger caption text size */
    font-weight: bold; /* Make the caption bold */
    font-style: normal; /* Ensure the caption text is not italic */
    background-color: rgba(0, 0, 0, 0.5); /* Add a semi-transparent background to the caption */
    padding: 10px; /* Padding around the caption text */
    border-radius: 5px; /* Optional: round the edges of the caption box */
    pointer-events: none; /* Allow the caption itself not to interfere with clicking */
}

/* Make sure the image has a proper display */
.dmm_services .wp-caption img {
    display: block;
    width: 100%;
    height: auto; /* Maintain image's aspect ratio */
}


/* Style for the page title */
.title {
  font-size: 3rem !important;
  font-family: 'Arial', sans-serif !important;
  font-weight: 300 !important;
  color: #333 !important;
  text-align: center !important;
  margin-top: 50px !important;
  letter-spacing: 2px !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  opacity: 0 !important;
  animation: fadeIn 1.5s ease forwards !important;
}

.title::before {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  height: 4px !important;
  background: #333 !important;
  bottom: 0 !important;
  left: -100% !important;
  transition: left 0.5s ease !important;
}

.title:hover::before {
  left: 0 !important;
}

.title:hover {
  color: #555 !important;
  transform: translateY(-5px) !important;
}

/* Animation for the title on page load */
@keyframes fadeIn {
  0% {
    opacity: 0 !important;
    transform: translateY(30px) !important;
  }
  100% {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}


/* Minimal and Responsive Contact Form CSS */
.contact_form {
    width: 100%;
    max-width: 1200px; /* Limits maximum width for readability */
    margin: 0 auto; /* Centers the form */
    padding: 20px;
    background-color: #f9f9f9; /* Light background for minimal feel */
    border-radius: 8px; /* Subtle rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Soft shadow for elevation */
    font-family: 'Arial', sans-serif;
    font-size: 16px; /* Comfortable font size */
    line-height: 1.6; /* Spacing for better readability */
    color: #333; /* Darker text for better contrast */
    box-sizing: border-box;
}

/* Input and Textarea Styling */
.contact_form input,
.contact_form textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.contact_form input:focus,
.contact_form textarea:focus {
    border-color: #007bff; /* Highlight on focus */
    outline: none;
}

/* Responsive Layout */
@media (max-width: 768px) {
    .contact_form {
        padding: 15px; /* Reduced padding for smaller screens */
    }
    
    .contact_form input,
    .contact_form textarea {
        font-size: 14px; /* Adjust font size for smaller devices */
    }
}

/* Button Styling */
.contact_form button {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.contact_form button:hover {
    background-color: #0056b3; /* Darker shade on hover */
}


.image-box {
    height: auto;
    display: block;
    margin: 0 auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

@media (min-width: 768px) {
    .image-box {
        max-width: 75%;
    }
}

@media (min-width: 1024px) {
    .image-box {
        max-width: 50%;
    }
}
	
	
	li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1212 {
    padding: 10px;
    margin: 10px;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-266 {
	padding: 10px;
    margin: 10px;
}
	
	li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-263 {
		padding: 10px;
    margin: 10px;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-264 {
	padding: 10px;
    margin: 10px;
}
	
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-265 {
	padding: 10px;
    margin: 10px;
}
	
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-268 {
	padding: 10px;
    margin: 10px;
}
	
	ul.megamenu.col-2.sub-menu {
    width: 900px !important;
}
	
form.wpcf7-form.init {
    background-color: #ffffff;
    padding: 15px; /* Reduced padding */
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    width: 90%; /* Make form responsive */
    max-width: 600px; /* Limit the width on larger screens */
    display: flex;
    flex-direction: column;
    margin-bottom: 0px; /* Reduced margin */
    color: #0172bb;
    font-size: 13px; /* Slightly reduced font size */
    border: 1px solid #ddd;
    height: auto; /* Allow height to adjust dynamically */
}

input[type="submit"] {
    background-color: white;
    border: none;
    padding: 8px; /* Reduced padding */
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px; /* Slightly smaller font size */
    color: white; /* Set the text color to white */
}

textarea {
    height: 70px; /* Adjust height to make the Μήνυμα field smaller */
}

/* Disable hover background and keep white text */
input[type="submit"]:hover {
    background-color: white; /* No background color change on hover */
    color: white; /* Keep the text color white on hover */
    border: none; /* No border change */
}

/* Mobile-friendly adjustments */
@media (max-width: 600px) {
    form {
        padding: 10px; /* Adjusted padding for smaller screens */
        width: 100%; /* Use full width for smaller screens */
    }
    input[type="text"],
    input[type="email"],
    textarea {
        padding: 6px; /* Further reduced padding */
        font-size: 12px; /* Slightly reduced font size for mobile */
    }
    textarea {
        height: 80px; /* Adjusted height for smaller screens */
    }
    input[type="submit"] {
        padding: 8px; /* Slightly reduced padding */
        font-size: 13px; /* Smaller font size for smaller screens */
    }
}