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

body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
	/*background: url("https://registration.firstam.com/creativeservices/states/FL/HelpfulLinks/JumbotronImage.png") center center / cover no-repeat;*/
}
	
.navbar-brand {
  padding-left: 18%;
  position: relative;
}

/*.dropdown-menu>a:link, .dropdown-menu>a:visited {
  color: darkslategrey!important;
  text-decoration: none;
}*/
	
.jumbotron {
  background: url("https://registration.firstam.com/creativeservices/states/FL/HelpfulLinks/FLSTFlag2.png") center center / cover no-repeat;
  padding: 8% 0;
  margin-top: 108px;
  background-color: #dfdfdf;
}

.nav-link {
  padding: 8px 25px !important;		
	}

.flip-card {
  background-color: transparent;
  width: 200px;
  height: 250px;
  perspective: 1000px;
/*  padding: 20px;
margin: 20px;*/
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #dbdbdb;
  background: url("https://registration.firstam.com/creativeservices/states/FL/HelpfulLinks/greyStripes.png") center center / cover no-repeat;
  color: #2980b9;
  border-color: white;
  border-width: 3px;
  border-style: solid;
}

.flip-card-back {
  background-color: #2980b9; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #2980b9, #02324f);
  color: white;
  transform: rotateY(180deg);
 
}
h1, h5 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #11568b;
}

h2, h3, h4 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #363636;
}
	
/*#frontH2 {
  text-align: center;
  padding: 40% 0 0 0;	
}*/
.frontH2 {
  text-align: center;
  padding: 40% 0 0 0;	
}

.backH2 {
  text-align: center;
  padding: 8% 0 3% 0;
  text-decoration-line: underline;
  text-decoration-thickness: 0.2em;
  color: white;
}
/*#backH2 {
  text-align: center;
  padding: 8% 0 3% 0;
  text-decoration-line: underline;
  text-decoration-thickness: 0.2em;
  color: white;
}*/

.flip-card-back>a:link {
  color: #FFFFFF !important;
  text-decoration: none;
}

.flip-card-back>a:hover {
  color: #FDB945 !important;
  text-decoration: none;
}
	
p {
  line-height: 1.6;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
}
	
body,td,th {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}
	
#DepartmentLinks {
  padding-top: 3%;
}
	
a:link, a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
a:hover {
  color: #FDB945;
  text-decoration: underline;
}

a:active {
  text-decoration: none;
  color: #FFFFFF;
}
	
h5>a:link, h5>a:visited {
  color: #2980b9 !important;
  text-decoration: none;
}
h5>a:hover {
  color: #FDB945 !important;
  text-decoration: underline;
}
	
hr {
  margin: 25px 0;
}

footer{
  padding: 60px 0 60px 0;
  margin-top: 5%;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 8pt;
  color: #11568b;
  background-color: #a4c6ea;
}
footer a:link, footer a:visited, footer a:hover{
  color: #11568b;
}
btn-outline-primary {
  color: cornflowerblue;
}