/*
Theme Name: Verifo Custom Theme
Template:     twentytwentyfive
Description: Custom styling for the Verifo brand based on the Twenty Twenty-Five theme.
Author: Your Name
Version: 1.0
*/

/* General Styles */
body {
  font-family: 'Roboto', sans-serif;
  color: #2C3E50; /* Dark Blue for text */
  background-color: #F7F9FC; /* Light greyish blue background */
  line-height: 1.6;
}

a {
  color: #1E90FF; /* Bright blue for links */
  text-decoration: none;
}

a:hover {
  color: #16A085; /* Green accent on hover */
}

/* Header Styles */
.site-header {
  background-color: #1E90FF; /* Bright blue */
  color: #FFFFFF;
  padding: 20px;
  text-align: center;
}

.site-title a {
  color: #FFFFFF;
  font-size: 2.5em;
  font-weight: bold;
}

.site-description {
  color: #DFF6FF; /* Light blue */
  font-style: italic;
}

/* Navigation Styles */
.main-navigation {
  background-color: #1E90FF;
  text-align: center;
  padding: 10px 0;
}

.main-navigation a {
  color: #FFFFFF;
  padding: 10px 20px;
  display: inline-block;
  font-size: 1.1em;
  text-transform: uppercase;
}

.main-navigation a:hover {
  background-color: #16A085;
  color: #FFFFFF;
}

/* Button Styles */
button, .button {
  background-color: #16A085;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  font-size: 1em;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

button:hover, .button:hover {
  background-color: #1E90FF;
}

/* Footer Styles */
.site-footer {
  background-color: #2C3E50; /* Dark blue */
  color: #FFFFFF;
  padding: 20px;
  text-align: center;
}

.site-footer a {
  color: #16A085;
}

/* Widget Styles */
.widget {
  background-color: #FFFFFF;
  border: 1px solid #DCE1E6; /* Light border */
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
}

.widget-title {
  color: #1E90FF;
  font-size: 1.5em;
  border-bottom: 2px solid #16A085;
  margin-bottom: 10px;
}

/* Form Styles */
input[type="text"], input[type="email"], input[type="url"], textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #DCE1E6;
  border-radius: 4px;
  margin-bottom: 15px;
}

input[type="submit"] {
  background-color: #16A085;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  font-size: 1em;
  cursor: pointer;
  border-radius: 4px;
}

input[type="submit"]:hover {
  background-color: #1E90FF;
}

/* Custom Blockquote */
blockquote {
  font-style: italic;
  border-left: 5px solid #1E90FF;
  padding: 10px 20px;
  background-color: #F7F9FC;
  color: #2C3E50;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .site-title {
    font-size: 2em;
  }

  .main-navigation a {
    font-size: 1em;
    padding: 10px;
  }

  .widget {
    padding: 15px;
  }
}