@import "bootstrap.min.css";
@import "sonj-components.css";
@import "cards.css"; 
@import "fontawesome.min.css";
@import "faq.css";

html { font-size: 100%; 
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;  
     }
.h2title{
	color: #006699;
}

a {
	color: #0056B3;
}

p > a, h5 > a {
	font-weight: 500;
}

.gray-bg {
    background-color: #f2f3fa;
}
.alert-orange-bg {
    background-color: #ffdb99;
	color:#000;
	border: 2px solid #D55E2D;
}
#spotlight .alert.alert-orange-bg a,#spotlight .alert.alert-orange-bg a:visited {color:#000!important;text-decoration:underline;}
strong {font-weight: 500;}
ul.check 
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.check {
  margin: 2em 0;
}

ul.check li {
  margin: 1em;
  margin-left: 3em;
}

ul.check li:before {
content: '✔';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #333;
}

.link {
  font-size: 0.45em;
}
.text-blue {color:#0f4060}
.bg-blue-dark {background-color:#0f4060; color:#fff;}
.bg-blue-dark-btn {background-color:#006699; color:#fff;}
.bg-blue-dark-btn:hover {text-decoration: underline; color: white;}
.bg-blue {background-color:#006699;color:#fff;}
.bg-light-blue {background-color:#e5f0f4;}
.bg-off { background-color: transparent !important;}
a.a-link {text-transform: uppercase; color:#fff;}
a:hover {

  text-decoration: underline;
}

#rightContent a.btn,#rightContent .card-title a:link {  text-decoration: none!important;}          
.bg-blue-dark-btn a:link { color: #fff!important;}   
.btn{padding-left:1rem; padding-right:1rem;}
.btn-white {text-transform: uppercase;color:#006699;background-color:#fff;border-color:#fff;}
.btn-white:hover {text-transform: uppercase;color:#0f4060;background-color:#fff;border-color:#0f4060; text-decoration: underline;}
.btn-blue {text-transform: uppercase;color:#fff!important;background-color:#00679c;border-color:#00679c; padding-left:2.5rem; padding-right:2.5rem;}

a.btn-blue  {text-transform: uppercase;color:#fff!important;text-decoration: none!important;}
.btn-blue-lang {text-transform: uppercase;color:#fff;background-color:#00679c;border-color:#00679c; font-weight: 600;padding-left:2.5rem; padding-right:2.5rem;}
 .btn-blue-lang:hover {text-transform: uppercase;color:#fff;background-color:#006699;border-color:#00679c; font-weight: 600;padding-left:2.5rem; padding-right:2.5rem;}
  .btn-blue:hover {text-transform: uppercase;color:#fff;background-color:#006699;border-color:#006699;text-decoration: underline;}
.border-blue-dark {border-left:7px solid #006699;}
.border-dark {border-right:1px solid #006699;}
.border-btm-dark {border-bottom:7px solid #006699;}
#spotlight .spots {
  background-size: cover;
background-repeat: no-repeat;
}
.card-title a{
  color: #fff;
  margin: 0;
  
}
 .card-title h5{
   font-size: 1.1em;
 }
 #tcs .card-text {line-height:normal;}            
div.hr {
  height: 1.5rem;
  background: #00679c;
}
div.hr hr {
  display: none;
}
.list-group.list-group-horizontal-md {
    display: flex;
    flex-direction: row;
}

.list-group.list-group-horizontal-md .list-group-item {
    margin-bottom: 0;
    margin-right: 0;
    border-right-width: 0;
  border:none;
  background-color: transparent!important;
}
@media (max-width: 575.98px) { 
.border-dark {border-right:0 none;}
  .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { 
.border-dark {border-right:0 none;}
   .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}
}