/* lundp styles
-------------------------------------------------- */

/* 01B7DC */
html {
position: relative;
min-height: 100%;
}


section  a {color: #007bff;}
section  a:hover,section  a:active {color: #007bff;}
section  a:link, section  a:visited {color: #007bff;}

section  a.btn {color: #fff;}


body {
padding-top: 74px;
margin-bottom: 120px; /* Margin bottom by footer height */
padding-bottom: 20px;
}

@media (min-width: 992px) {
body {
padding-top: 76px;
}


ul.navbar-nav li {
background-image: url(/assets/sqgrey.png);
background-repeat: no-repeat;
background-position: 0.3em 0.9em;
padding-left: 0.9em;
}	
ul.navbar-nav li.active {
background-image: url(/assets/sqblack.png);
background-repeat: no-repeat;
background-position: 0.3em 0.9em;
padding-left: 0.9em;
}	
}




.nav-link img.flag {
border:0;
width:18px;
height:18px;
padding:0;
margin:0;
}
.nav-link.active img.flag {

}
nav.navbar, .navbar-dark {
background:#f5f5f5!important;
font-size:1.1em;
font-weight:bold;
}

.navbar-dark {
border-bottom: 1px solid #e1e1e1;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #111!important; 
/*background:#ccc;*/
}


.navbar-dark .navbar-nav .nav-link {
color: #aaa;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #111!important;
}



button:focus {

/*
outline-color:  #fff;
outline: 1px dotted;
outline: 5px auto -webkit-focusring-color;
*/
outline: none !important;
box-shadow: none;

}

.navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(11,11,11, 1.5)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler.navbar-toggler {
  border-color: rgb(11,11,11);
} 




h1 {font-size:2.1em;
    font-weight: bold;
    color: #FFBB00;
	font-family:arial;
	line-height:1.4em;
	margin:15px 0 15px 0;
}
h2 {font-size:1.5em;
    font-weight: bold;
    color: #333;
	font-family:arial;
	line-height:1.1em;
	margin:-15px 0 15px 0;
	padding:0;
}
h3 {font-size:1.3em;
    font-weight: bold;
    color: #111;
	font-family:arial, helvetica, arial, sans-serif;
	line-height:1.3em;
	margin:15px 0 5px 0;
	padding:0;
}
h4.card-title {
font-size:1.3em;
    font-weight: bold;
    color: #111;
	font-family:arial;
	line-height:1.1em;
	margin:-5px 0 5px 0;
	padding:0;
}
p.card-text {
line-height:1.3em;
}
.portfolio-item {
margin-bottom: 30px;
}



/* Sticky footer styles
-------------------------------------------------- */

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120px; /* Set the fixed height of the footer here */
}
footer.bg-light{
line-height:2em;
font-size:0.9em;

/*
background:#e7e7e7!important;
border-top: 1px solid #dddddd;
*/

color: #7e7e7e!important;
background: #3a3a3a!important;
background-color: #3a3a3a!important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
color: #e8e8e8;
}


p.text-white{
color:#777!important;
}

footer.bg-light a {
color: #ccc; 
}







.nav-link {text-transform:uppercase;font-size:1.2em;font-weight:bold;}
li a.nav-link:link,li a.nav-link:visited {color:#F4F2ED}
li a.nav-link:hover,li a.nav-link:active {color:#fff!important}
li.active a.nav-link {color:#fff!important}
li.nav-item {padding:0 0.4em 0 0.1em;}


.logo {
font-family:arial;
font-size:2.9em!important;
font-weight:bold;
color:#111;
margin:0 0 15px 0;
}

.menulogo {
font-family:arial;
font-size:1.2em!important;
font-weight:bold;
color:#111;
}

/*

.logo span.circle {
  height: 0.6em;
  width:0.6em;
  background-color: #FFBF00;
-moz-border-radius: 50%;
-webkit-border-radius:50%;
border-radius:  50%;
  display: inline-block;
  margin:0 0.1em 0 0.1em;
}


.menulogo span.circle {
  height:0.6em;
  width: 0.6em;
  background-color: #FFBF00;
-moz-border-radius: 50%;
-webkit-border-radius:50%;
border-radius:  50%;
  display: inline-block;
  margin:0 0.1em 0 0.1em;
}

*/





.logo span.circle {
  background-color: #FFBF00;
  border-radius: 50%;
  color: black;
  display: inline-block;
  height: 50px;
  font-weight: bold;
  font-size: 1.2em;
  width: 50px;
  margin:0 0.1em 0 0.1em;
}


.menulogo span.circle {
  background-color: #FFBF00;
  border-radius: 50%;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  height:0.6em;
  width: 0.6em;
  margin:0 0.1em 0 0.1em;
}

.circle span  {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.circle span i {
  vertical-align: middle;
  padding: 2px 6px 4px 4px;
  color: #ffffff;
}


ul.blue
{
list-style-type: none;
padding: 0px;
margin: 0px;
margin-top: 1em;
margin-bottom: 0.5em;
}
ul.blue  li
{
background-image: url(/assets/sqgold.png);
background-repeat: no-repeat;
background-position: 0.1em 0.3em;
padding-left: 1.5em;
}			


.img-hover:hover {
opacity: 0.8;
}