/* site css here */
.dept-text-2 {
    color: #041e42;
    font-family: 'Open Sans Bold', sans-serif, verdana, helvetica, "Helvetica Neue", Arial;
    font-size: 1.15em;
    word-spacing: -.095em;
    letter-spacing: -.05em;
    line-height: 1.25em;
}

div.formContent {
  width: 280px;
}

div.formContent input.textField {
  display: block;
  margin: 8px 0 8px 0;
  font-size: 14px;
  padding: 2px;
  width: 260px;
}

div.formContent fieldset {
  border: 1px solid #ccc;
  background-color: #BE1E2D;
  padding: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div.formContent input[type='submit']{
  padding: 4px;
  float: right;
  margin-top: 12px;
}

input[type=checkbox] {
  margin-right: 12px;
}

input[type=text] {
  margin-bottom: 12px;
}

div.formContent label {
  color: #fff;
}



a.btn2 {
  background: #529CD1 url(http://www.uakron.edu/dotAsset/d8fa7f22-e96f-492b-bd1a-afd57230a689.png) no-repeat right 10px center;
  color: #fff;
  display: inline-block;
  font-family: Oswald, Arial, sans-serif;
  font-size: 1.5em;
  padding: 1em 60px 1em 1em;
  text-transform: uppercase;
}
a.btn2:hover {
  background: #4187b9 url(http://www.uakron.edu/dotAsset/d8fa7f22-e96f-492b-bd1a-afd57230a689.png) no-repeat right 10px center;
}
a.boxed {
  border: 1px solid #f1af45;
  padding: .5em;
}
a.boxed:hover {
  background: #f1af45;
  color: #fff;
}



/* Apply the background to the body or a specific container */
body {
  background-image: url('/exl/images/clouds-in-the-background.png'); /* Set the correct path */
  background-repeat: repeat; /* Repeat the image to fill the screen */
  background-size: 400px 400px; /* Adjust this based on your desired size */
  background-position: top left; /* Align it to start from the top left */
}

/* To ensure the cards have a transparent background, add this: */
.card {
  background-color: rgba(255, 255, 255, 0.8); /* White background with some transparency */
  border: none; /* Optional: Remove border to have a cleaner look */
}

/* Optional: Adjust padding/margins to control the layout */
.card-deck {
  margin-bottom: 20px;
}


/* Apply the cloud background to the entire card section */
.card-section {
  background-image: url('/path/to/clouds-in-the-background.png'); /* Path to your cloud image */
  background-repeat: repeat; /* Repeats the cloud image */
  background-size: 400px 400px; /* Adjust the size of the clouds */
  background-position: top left; /* Positions clouds starting from top left */
  padding: 20px; /* Adds some spacing inside the section */
  border-radius: 10px; /* Rounds the corners of the section */
  background-color: rgba(255, 255, 255, 0.85); /* White overlay for text readability */
}

/* Optional: Styling for the card-deck */
.card-deck .card {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow to the cards */
  border: none; /* Removes the border from cards */
}

.card-deck .card-body h4 {
  font-size: 1.25em;
  color: #750000; /* Adjust color to match theme */
}

/* Optional: Adjust spacing between cards for readability */
.card-section .card {
  margin-bottom: 20px;
}