a:link{color:rgba(245, 220, 145, 0.9)}
a:visited{color:rgba(245, 220, 145, 0.8)}
a:hover{color:rgba(240, 240, 243, 0.5)}
a:active{color:#304b4b}

/*menu styles*/

.globalnavbar a:link{color:rgba(240, 240, 243, 0.9)}
.globalnavbar a:visited{color:rgba(240, 240, 243, 0.9)}
.globalnavbar a:hover{color:rgba(240, 240, 243, .5)}
.globalnavbar a:active{color:rgba(240, 240, 243, 0.9)}
.globalnavbar {background: rgba(56, 59, 157, 0.8); line-height: 0; font-family: 'Libre Franklin', sans-serif; margin-bottom: 2.5em;}
.globalnav li {background: rgba(56, 59, 157, 0.8)}
.globalnav li a {padding: .5em; font-family: 'Libre Franklin', sans-serif;}


.smallpush {margin-top: 2.5em;}
.smallerpush {margin-top: 1em;}
.slightpush {margin-top: .3em;}
.smallpull {margin-bottom: 2.5em;}
.push {margin-top: 5em;}
.restrain {max-width: 14%;}
.intro {font-family: serif; font-size: 1.2em;}
.homeaction {background: rgba(21, 56, 161, .8); padding: .5em; font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 1em; line-height: 1.5em;}
.homeaction h2 {font-family: 'Felipa', serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 2em; line-height: normal;}
.upperfoot {background: rgba(56, 59, 157, 0.8);}
.copyright-line {font-size: .8em; background: rgba(56, 59, 157, 0.9); color: #f6f5f5}
.bordered {border: 1px dotted black}
.felipa {font-family: 'Felipa', serif;}
h1.felipa {color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 3em; background: rgba(223, 223, 219, 0.1)}
h2, h5 {color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 2em;}
p {font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 1em; line-height: normal;}

.redalert {color: #ff0000;}
.greenalert {color: #f7ff05;}
.bluealert {color: #fcfcff;}
.orangealert {color: #ffae00;}

.diary {background: rgba(56, 59, 157, 1);}
.diary p {font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: .8em; line-height: normal;}

.show-for-sr {width: 10px!important; height: 10px!important; border-radius:0%!important;}
.orbit-bullets li{width: 10px!important; height: 10px!important; border-radius:0%!important;}

.contents  {margin-top: 5em;}
.contents p {font-size: 1.1em; line-height: 1.5em; margin-bottom: 2em; text-align: justify;}
.contents li {font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 1em; line-height: normal;}
.actionbox {padding-bottom: 2em;}
.formbacker {background: rgba(0, 65, 255, 0.2)}
label {font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: .8em; line-height: normal;}
.corner {border-radius: 3px;}
.photo-caption {font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: .8em; line-height: normal;}
.formbacker img {padding-top: 1em;}

.upperfootbrand {background: rgba(56, 59, 157, 1); border: 1px, 0, solid #ffffff; color: aqua; }

.footernav {}
.footernav ul li {list-style: none; font-family: 'Libre Franklin', sans-serif; }
.footernav ul li {font-size: .9em; padding-bottom: .5em; line-height: normal;}
.footnavlabel {color: #f6f5f5}
.footernavstripe {border-top: 1px solid #f6f5f5; border-bottom: 1px solid #f6f5f5;}

/*------------------------------------*\
	GALLERY PAGE
\*------------------------------------*/

/* just for clearing floats */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/** Fullscreen Masonry Control  **/

#content {
	/*width: 980px;*/
	/*width: 95%;*/
	width: auto;
	margin: 0 auto;
}

.item {
	display: block;
	float: left;
	width: 210px;
	margin: 5px;
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	transition: left .4s ease-in-out, top .4s ease-in-out .4s;
/* 	font-size: .7em; */
}

.featured {
	width: 420px;
}

.item img {
	width: 220px;
	height: auto;
	border: .05em solid #ece7e7
}

.featured img {
  width: 420px;
  height: auto;
}

.sticky-footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
}

.gallery-caption {font-family: 'Libre Franklin', sans-serif; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: .9em; display:block; line-height: 1.5em;}




.content-box-a {
	    -webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
		animation-delay: -2s;
        animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */

}
@keyframes fadein {
    from {
        opacity:.1;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:.1;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:.1;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:.1;
    }
    to {
        opacity: 1;
    }
}


/*media queries*/
/* Small only */
@media screen and (max-width: 39.9375em) {
	.smallscreenmarg {margin-bottom: 5em;}
	h1.felipa {color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 2em; background: rgba(223, 223, 219, 0.1); margin-bottom: 2em;}
	h2.felipa {color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 1.3em;}
	h5.felipa {color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 1.3em;}
	.contents p {font-size: 1em; line-height: 1.3em; margin-bottom: 2em; text-align: justify;}

}
/* Medium and up */
@media screen and (min-width: 40em) {
	.smallscreenmarg {margin-bottom: 5em;}
/* 	h1.felipa {color: #red; text-shadow: 1px 1px 0px #000000; font-size: 1em;} */
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.smallscreenmarg {margin-bottom: 5em;}

}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}