/* http://designshack.net/articles/css/joshuajohnson-2/ */
/* Border tricks notes http://www.entheosweb.com/tutorials/css/borders.asp */

 @import url(https://fonts.googleapis.com/css?family=Questrial);
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body {
font-size: 1.6em;
overflow-y: scroll; /* This is required for the zoom effect */
overflow-x: hidden; /* This is required for the zoom effect */
font-family: 'Century Gothic', 'Questrial', CenturyGothic, AppleGothic, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Questrial', sans-serif;  
font-family: 'Century Gothic', 'Questrial', CenturyGothic, AppleGothic, sans-serif;
color: rgba(25,61,106,1); /* This is the blue for the logo */
font-weight: 400;  
}
img {
width: 100%;  
}
header {
background-color: rgba(255,255,255,1);  
}
footer {
font-size: 0.8em;
text-align: center;  
}

ol,ul {
  list-style:none;
}
.wrapper {
position: relative; 
}

section h1 {
background-color: rgba(25,61,106,1);
color: rgba(255,255,255,1);
padding: 0.5em 0.5em;
display: inline-block;
position: relative;
left: 0;
bottom: 1.50em;
font-size: 1.8em;
}
section p {
 text-align: justify;
 color: rgba(25,61,106,1);
 padding: 0 12px;
}
section h3 {
  padding: 0 0 0 10px;
  margin: 6px 0 4px 0;
}

#links p {
 text-align: left; 
}

#spacer {
position: relative;
top: -2em;  
}
label {
color: rgba(25,61,106,1); 
}
/*section h1:before {
  content: " [ ";

}
section h1:after {
  content: " ] ";
}*/

/* The starting CSS styles for the enter animation */
.main.ng-enter {
  transition:0.25s linear all;
  opacity:0;
}

 The finishing CSS styles for the enter animation 
.main.ng-enter.ng-enter-active {
  opacity:1;
}
/* now the element will fade out before it is removed from the DOM */
.main.ng-leave {
  transition:0.25s linear all;
  opacity:1;
}
.main.ng-leave.ng-leave-active {
  opacity:0;
}



/* Bootstrap Mods */
nav.navbar {
min-height: 85px; 
margin-bottom: 20em;
font-family: 'Century Gothic', 'Questrial', CenturyGothic, AppleGothic, sans-serif;
text-transform: ;
font-size: 1.2em;
}
.nav > li {
margin-top: 16pt;
}
.nav > li > a {
padding: 10px 15px;  /* padding between menu items */
}

.nav > li > a:hover,
.nav > li > a:focus {
background-color: rgba(25,61,106,1); /* Andrea's blue to match logo */
color: rgba(255,255,255,1);

}
#logo img {
position: relative;
top: -20px;
left: -10px;
}
.navbar-brand a:hover {
text-decoration: none;

}
.navbar-toggle {
background-color: lightGrey;
}
.icon-bar {
background-color: rgba(25,61,106,1); /* Andrea's blue to match logo */
}

/* Effect 1: Brackets */
/*.cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
margin-right:0;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}

.cl-effect-1 a::after {
margin-left: 4px;
content: ']';
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
transform: translateX(-30px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}*/

/*END Bootstrap MOds */
.btn-primary {
  color: #fff;
  background-color: rgba(25,61,106,1);
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: rgba(25,61,106,1);
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgba(25,61,106,1);
  border-color: #204d74;
}

/* GA Personal Mods */




hr {            /* https://css-tricks.com/examples/hrs/ */
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(220,20,60, 0.2), rgba(0, 0, 0, 0));
}

.visitorcounter {
background:;
color: rgba(220, 20, 60, 1.0);
color: crimson;
}
 
.border {
  border: 1px solid #555;
}
.border_top {
  border-top: 1px dotted rgba(91,91,91,0.2);  
}
.border_bottom {
  border-bottom: 1px dotted rgba(91,91,91,0.2);  
}
.border_left {
  border-left: 1px dotted rgba(91,91,91,0.2);  
}
.border_right {
  border-right: 1px dotted rgba(91,91,91,0.2);  
}

.transparency {
  background:#7f7f7f;
  background:rgba(255,255,255,0.8)
}

.border-temp {
border: solid 2px green;
}
.bg-red {
  background: rgba(131,14,22,1); /* Tina hex codes */
}
.bg-grey {
    background: grey;
}

.bg-green {
    background: #34cb48; /* Tina hex codes */
}

.bg-yellow {
    background: #ffff00; /* Tina hex codes */
}
.bg-black {
    background: black;
}
.bg-blue {
    background: #0000ff; /* Tina hex codes */
}
.bg-pink {
    background: pink;
}
.bg-orange {
    background: orange;
}
.bg-gold {
background-color: #FFEEB5;
/* For WebKit (Safari, Chrome, etc) */
background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
}


/*################### Tinted Backgrounds #######################*/

.tint1 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.1);
}

.tint2 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.2);
}

.tint3 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.3);
}

.tint4 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.4);
}

/*########### MEDIA QUERy ###############*/
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) { 

} /* END 320px */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px)and (max-device-width : 480px) {

} /* END Smartphones (portrait and landscape) ----------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 360px)and (max-device-width : 640px) {

} /* END Smartphones (portrait and landscape) ----------- */

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

} /* END   iPhone 4 ----------- */

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : portrait) {
section h1 {
background-color: rgba(25,61,106,1);
bottom: 2.5em;
}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}
/* ###########################End media queries  #################### */
/*SSSSSSSSSSSSSSSSSSSSSSSSSSS  Slider styling  SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS*/

#carousel-generic img {
margin-left: auto;
margin-right: auto;
}

 .carousel.fade { 
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

/*SSSSSSSSSSSSSSSSSSSSSSSSSSS  END Slider styling  SSSSSSSSSSSSSSSSSSSSSSSSSSSSSS*/