@charset "utf-8";

/*
  Contact Page CSS
      Author: Ana Botto
      Date: 11/14/2023

      Filename:   ab_styles_contact_print.css

*/


/* HTML and Body styles */

html {
   font-family: 'BC Alphapipe RB';
   background-image: linear-gradient(white,rgb(235,217,199));
  }

body {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 100vh;
      margin: 0;
	  line-height: 1.2em;
     }

/* form styles */

        form {
            border: 1px solid #ccc;
            padding: 20px;
            width: 100%;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            margin-top: 40px;
			margin-bottom: 20px;
        }

        fieldset {
            border: none;
            margin: 0;
            padding: 0;
			float: center;
			text-align: center;
			font-family: "bc-alphapipe", sans-serif;
			font-size: .8em;
        }

        .formRow {
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
			flex-direction: column;
			align-items: center;
        }

        .formRow > div {
            flex: 1;
        }

        label {
            display: block;
            margin-bottom: 5px;
        }
  

        input,
        textarea {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
        }

        textarea {
            resize: vertical;
			
        }

		legend {
		  font-size: 20px;
		  color: black;
		  flex: 0 0 100%;
		  font-family: "bc-alphapipe", sans-serif;
		  font-weight: 200;
		  font-style: italic;
		  text-align: center;
		  border-radius: 50px;
		  margin-bottom: 20px;
		  padding: 15px;
		  width: 80%;
		  text-decoration: underline wavy #C4D4D4 4px;
		}

       #countryBox, #emailBox, #nameBox {
			font-family: "bc-alphapipe", sans-serif;
		}

		.optGroup {
			border: none;
			float: center;
			text-align: center;
			font-family: "bc-alphapipe", sans-serif;
			flex-direction:row;

		}
		#message, #submit {
			border: none;
			float: center;
			text-align: center;
			font-family: "bc-alphapipe", sans-serif;

		}

 		#currentDateInput {
				border: none;
				background-color: transparent;
			 	font-family: "bc-alphapipe", sans-serif;
			 	text-align: center;
   			 }

/* Submit Button Styles */

		button {
			background: transparent;
			border: none;
			display: block;
			margin: 5px auto;
			cursor: pointer;
			border-radius:20px;
		}
/* Header styles */


header > img {
	width: 30%;
	max-height: 200px;
	max-width: 400px;
}

header {
	width: 100%;
	display: flex;
  	justify-content: space-between;
  	align-items: flex-end;
}



/* Footer Styles */

footer {
   	width: 100%;
	background: rgba(0, 0, 0, 0.82);
	border-radius: 10px;
	padding: 20px 20px;
}
footer h1 a {
	color: rgb(198,104,101); 
	font-family: "bc-alphapipe",sans-serif;
	font-weight: 300;
	font-size:1.4em;
	}
/* Footer Nav Styles */

footer nav {  
      
   -moz-column-width: 100px;
   -webkit-column-width: 100px;
    column-width: 100px;

   -moz-column-gap: 5px;
	-webkit-column-gap: 5px;
	column-gap: 5px;
   
    
    padding: 20px 10px;
	border-radius: 10px;
	margin-left: 50px;
  
}

footer ul {
   margin: 0;
   padding: 0;
   border: 0;
}

/* bottom Nav images Styles */

.bottomnav ul li:first-of-type {
	margin: 0;
	padding: 36px 0 36px 84px;
	list-style: none;
	background-image: url("images/instagram.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 4vw;
}

.bottomnav ul li:nth-of-type(2) {
	margin: 0;
	padding: 36px 0 36px 84px;
	list-style: none;
	background-image: url("images/fiverr.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 4vw;
}

.bottomnav ul li:last-of-type {
	margin: 0;
	padding: 36px 0 36px 84px;
	list-style: none;
	background-image: url("images/linkedin.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 4vw;
}

.bottomnav a {
	color:transparent;
}

#instagram {text-indent:-90px;}
#fiverr {text-indent:-80px;}
#linkedin {text-indent:-90px;}
.top_nav {
	display:none;
}

a#navicon {
	display: none;
}