/* Custom page CSS-------------------------------------------------- */
header {    /*margin-top: 50px; /*1.5%;*/}
body {    background-image: url(/img/gearsDarkened.svg);    background-position: top left;    background-size: cover;    background-repeat-x: no-repeat;    background-repeat-y: repeat;}
html {    /* Margin top by nav height */    margin-top: 50px;    /* Padding bottom by footer height - Margin doesn't work with firefox */    padding-bottom: 60px;}
.header {    text-align: center;    font-weight: bold;}hr {    border-color: #006cb8;}
/* Custom typographic styles-------------------------------------------------- */
.lead-secondary {    font-size: 14pt;}.text-white {    color: #FFF;}
a.mail{    /*color:black;*/    color:inherit;}
/* Custom component styles-------------------------------------------------- */
.margin-nav {    margin-top: 50px;}
.margin-footer {    margin-bottom: 60px;}
.spacer-sm {    height: 20px;}
.spacer-md {    height: 50px;}
.spacer-lg {    height: 70px;}
.cover-button {    
	margin-top: 5vh;    
	border-color: #006cb8;    
	color: #006cb8;    
	background-color: #FFF;/*rgba(0,108,184,0.9);    */
	/*background:    repeating-linear-gradient(        45deg,        #DDD,        #DDD 20px,        #FFF 20px,        #FFF 40px    );*/
}
.cover-button:active {    
	color: #006cb8;    
	background-color: #DDD; /*rgba(0,108,184,0.9);    */
	/*background:    repeating-linear-gradient(        45deg,        #FFF,        #FFF 20px,        #DDD 20px,        #DDD 40px    );*/
}
.cover-button:focus {    
	color: #006cb8;
}
.cover-button:hover {    
	color: black;
}
.page-button {    margin-top: 5vh;    border-color: #006cb8;    color: white;    background-color: rgba(0,108,184,0.9);    background:    repeating-linear-gradient(        45deg,        #004ca8,        #004ca8 20px,        #006cb8 20px,        #006cb8 40px    );}.page-button:visited {    color: #FFF;}.page-button:hover {    color: #00CCFF;}.page-button:active {    background-color: rgba(0,108,184,0.9);    background:    repeating-linear-gradient(        45deg,        #006ca8,        #006ca8 20px,        #004cb8 20px,        #004cb8 40px    );}.page-button:focus {    color: white;}.panel-custom-header-text {    color: white;    font-size: 14pt;    /*font-weight: 600;*/}.panel-custom-header-text:hover {    color: white;    text-decoration: underline;    font-size: 14pt;    /*font-weight: 600;*/}.panel-custom-header {    height: 60px;    border-radius: 12px 12px 0px 0px;    border-bottom: ridge;    border-bottom-width: 4px;    border-color: #004ca8;    padding: 20px;    padding-left: 32px;    padding-right: 32px;    color: white;    font-weight: 600;    background:    repeating-linear-gradient(        45deg,        #004ca8,        #004ca8 20px,        #006cb8 20px,        #006cb8 40px    );}.panel-custom {    overflow: auto;    height: 145px;    padding: 20px;    padding-left: 32px;    padding-right: 32px;    color: white;    font-weight: 600;    background:    repeating-linear-gradient(    135deg,        #004ca8,        #004ca8 20px,        #006cb8 20px,        #006cb8 40px    );}.panel-custom-code>pre>code {    min-height: 325px;}.blockquote-center {    padding-right: 10px;    padding-left: 10px;    border-right: 5px solid #007fd9;    border-left: 5px solid #007fd9;}.blockquote-right {    padding-right: 15px;    padding-left: 25px;    border-right: 5px solid #007fd9;    border-left: 0;}.container .text-muted {    margin: 20px 0;}.project-header {    height: 250px;    /*background-color: #006CB8;    opacity: 0.8;*/    color: white;    background:    repeating-linear-gradient(        45deg,        #004ca8,        #004ca8 20px,        #006cb8 20px,        #006cb8 40px    );}/* Bootstrap component customization styles-------------------------------------------------- */.btn-default {    /*background-color: #006CB8;    color: #FFFFFF;    border-radius: 8px;*/}.list-group {    padding-left: 15px;}pre {    padding: 0;}/* Sticky footer styles--------------------------------------------------*/html {    position: relative;    min-height: 100%;}.footer {    text-align: center;    position: fixed;    bottom: 0;    width: 100%;    /* Set the fixed height of the footer here */    height: 60px;    background-color: lightgrey;    z-index: 100;    /*blue rule at the top*/    border: solid;    border-width: 1px 0px 0px 0px;    border-color: #007fd9;}.footer-mobile {    text-align: center;    position: absolute;    bottom: 0px;    /*position: relative;    bottom: -60px;*/    width: 100%;    /* Set the fixed height of the footer here */    height: 60px;    background-color: lightgrey;    z-index: 100;    /*blue rule at the top*/    border: solid;    border-width: 1px 0px 0px 0px;    border-color: #007fd9;}.footer-text {    color: #222;}.footer-icon {    height: 16px;    width: 16px;}/* Utility styles-------------------------------------------------- *//*    Logo Blue: #006CB8    Logo Red: #B80000 #EE0000    Water Mark Grey: #EDEDED*/.logoFirst{    color: #000000;}.logoLast{    color: #006CB8;}