// Navigation

.navbar-item.is-mega {
	position: static;

	.is-mega-menu-title {
		margin-bottom: 0;
		padding: .375rem 1rem;
	}
}

.card:hover .card-content h3 a {
  color: black;
  transition: .5s;
}

.card-image {
    overflow: hidden;
}

.card-image figure {
    background: #eee;
}

.card-image figure img {
    transform: scale(1) rotate(0deg);
    transition: .5s;

	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;

}

.card-image figure:hover img {
	align: 0 auto;
    transform: scale(1.1) rotate(-3deg);
    transition: .5s;
    opacity: .55;
}

// Slider

.fg-slider {
	height: 600px;
}
.fg-slider p {
	color: #fff;
}
.fg-content a {
	color: #fff;
}

// Icons

.media .icon-left:hover, .media:hover .icon-left{
    background-color: transparent;
    color: #E7AA73;
    transform: scale(1.2);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.icon-left {
    font-size: 30px;
    line-height: 35px;
    width: 70px;
    height: 70px;
    padding: 18px;
    text-align: center;
    border-radius: 35px;
    background-color: #E7AA73;
    color: #ffffff;
    border: solid 1px #E7AA73;
    margin-right: 1rem;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    transition: all 0.2s ease-in-out;
}


.icon-left a {
  color: #ffffff;
}

.icon-left a:link {
  color: #ffffff;
}

.icon-center {
    font-size: 41px;
    line-height: 41px;
    width: 82px;
    height: 82px;
    padding: 10px;
    margin: 0.2em auto;
    text-align: center;
    border-radius: 0px;
    color: #0973ba;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}


.icon-center i {
  font-size: 54px;
  transition: all 0.2s ease-in-out;
}

.icon-center i:hover {
  font-size: 58px;
  color: #535353;
  transition: all 0.2s ease-in-out;
}


.columns {
    margin-left: .5rem;
    margin-right: .5rem;
}




#to-top {
  display: inline-block;
  background-color: #02C4A7;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 40px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#to-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 50px;
  color: #fff;
}
#to-top:hover {
  cursor: pointer;
  background-color: #333;
}
#to-top:active {
  background-color: #555;
}
#to-top.show {
  opacity: 1;
  visibility: visible;
}




body {
	background-color:       #DAF8FA; // #17426f;
	color: 			#787878;
}

/* underline link URLs */
p a[href] {
  text-decoration: underline;
}

p {
	text-align:			left;
}

a:link {
	color:			#17426f;
//	text-decoration:		none;
}

a:visited {
	color:			#17426f;
	text-decoration:		none;
}

a:hover {
	color:			#06adc0;
	text-decoration:		none;
//	background:			#06adc0;
}

a:active {
	color:			#06adc0;
	text-decoration:		none;
}

a:focus {
	color:			#06adc0;
	text-decoration:		none;
}

.navbar {
	background-color: #17426f !important;
}

figure {
	float: left; margin: 0px 15px 15px 0px;
}