@charset "utf-8";
/* CSS Document */

/* underlines the link into the navigation page */
.this-cu {
    text-decoration: underline;
}

/* sets the sizing of the box to border */
* {box-sizing: border-box;}

.cu-body-class {
    padding-bottom: 40px; /* any content will be placed 40px from borders */
}

/*titles of the form*/
.cu-titles {
    margin: 0;
    padding: 0;
}
/*creates 1 column for small screens*/
.cu-column {
	float: left;
	width: 100%;
	margin: 10px;
} 

/*medium to large screns 2 columns*/
@media screen and (min-width: 750px) {
.cu-column {
	float: left;
	width: 45%;
	margin: 10px;
}

/*    clears rows after float*/
.cu-row:after {
  content: "";
  display: table;
  clear: both;
}
    
/*images*/
.cu-image-wrapper {
	width: 100%;
	padding: 20px 0; 
}

.cu-image-wrapper img{
	width: 100%;
}

/*form styling*/
form.fm-contactUs [type=text], select, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 6px;
  resize: vertical;
}

/*    form button*/
form.fm-contactUs input[type=submit] {
  background-color: orangered;
  color: white;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/*    form hover effect*/
form.fm-contactUs input[type=submit]:hover {
  background-color: chocolate;
}

    
.contactUs-container {
	width: 100%;
	margin: auto;
  	border-radius: 5px;
  	background-color: #f2f2f2;
  	padding: 20px;
}

/*****    join mail list section******/
.join-mailList {
	text-align: center;
	padding: 2px;
	margin: 5px;
}

/*    input text of the form*/
form.fm-join-mailList input[type=text] {
  padding: 10px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}
/*form button*/
form.fm-join-mailList button {
  float: left;
  width: 20%;
  padding: 10px;
  background: orangered;
  color: white;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}
/*hover effect*/
form.fm-join-mailList button:hover {
  background: chocolate;
}
/*clearing after form*/
form.fm-join-mailList::after {
  content: "";
  clear: both;
  display: table;
}