body {
    font-family: Montserrat, sans-serif;
}
.content {
    min-height: 300px;
}
.large-icon {
    font-size: 13em !important;
}
.contact .contact-address {
    padding: 0 1.5rem;
}
.navbar .mod-languages {
    padding-bottom: 0.425rem;
    padding-top: 0.425rem;
}
.lang-inline {
    list-style: outside none none;
    margin: 0;
}
.lang-inline > li {
    display: inline;
    margin-left: 8px;
}
.login {
    margin: 0 auto;
    max-width: 330px;
    padding-top: 1em;
}
.tags.inline {
    padding-left: 0;
}
.tags.inline li {
    display: inline;
}
.item-image {
    margin-bottom: 20px;
}

.autocomplete-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.autocomplete-suggestion {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.autocomplete-suggestion.active, .autocomplete-suggestion:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

/* header styles */

header a.navbar-brand {
    display:inline-block;
    height:100%;
    position:relative;
    width: 7rem;
}
header a.navbar-brand img {
    position:absolute;
    left:-16px;
    top:-20px;
    height: 7rem;
    overflow-y: visible;
/*     background-color: var(--white); */
/*     border-radius: 0 50% 50% 0; */
}
@media (max-width: 991px) {
    header a.navbar-brand img {
        position:absolute;
        height:3.5rem;
        top: -14px;
        right: -32px;
        left: unset;
        border-radius:50% 0 0 50%;
    }
}

.collapse.show li.nav-item:last-child {
    border-bottom: 1px solid #ccc;
}

/* homepage styles */
.bluesky {
        background-image: url(../images/sky.jpg);
        background-position:center;
        background-repeat: no-repeat;
        background-size: cover;
}

/* jumbotron styles */
.jumbotron {
    background-image: url('../images/summer_clouds-1170x150.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: bold;
}
.jumbotron .whitebg {
    background-color: rgba(255,255,255,.6);
    color: #000;
}
.jumbotron .label-warning {
    display:none;
}
.logo {
    display:block !important;
    text-align:center;
    margin-bottom: 10px;
}
.jumbotron .ads h3.single_content_title, .jumbotron h3.single_content_title br {
    display:none;
}
.jumbotron .box {
    padding: 20px;
}
.logo img {
    height:200px;
}

body.clouds div.body > div.content > .jumbotron {
    background-image: url('../images/summer_clouds-1170x150.png');
}

body.rio div.body > div.content > .jumbotron {
    background-image: url('../images/rio-de-janeiro-1170x350.jpg');
    background-position: top right;
}

body.paris div.body > div.content > .jumbotron {
    background-image: url('../images/paris-1170x350.jpg');
    background-position: 100% 30%;
    padding-top: 100px;
}

body.hongkong div.body > div.content > .jumbotron {
    background-image: url('../images/hong-kong-1170x350.jpg');
    background-position: center right;
}

body.sidney div.body > div.content > .jumbotron {
    background-image: url('../images/sydney-1170x350.jpg');
}

body.denver div.body > div.content > .jumbotron {
    background-image: url('../images/denver-1170x350.jpg');
    background-position: 100% 10%;
}

body.chart div.body > div.content > .jumbotron {
    background-image: url('../images/plottingchart-1170x350.jpg');
    background-position: 100% 50%;
}

body.default div.body > div.content > .jumbotron {
    background-image: none;
    background-color:#bbb !important;
    padding-bottom:0px;
    padding-top:0px;
}

div.body > div.content > .jumbotron h1, 
div.body > div.content > .jumbotron h2 {
    text-align:right;
    text-transform:uppercase;
    text-shadow:1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 3px 3px 3px #000;
}

.jumbotron h3 {
    margin: 10px;
}

.smalltitle {
    text-transform:uppercase;
    text-align:center;
}

@media (max-width: 991px) {
    div.body > div.content > .jumbotron {
        display:none;
    }
    .hidesmall, #aside {
        display: none;
    }
    .showsmall {
        display: block;
    }
/*    .navbar-collapse {
        background-color: var(--white);
        margin: 0px -50px;
        padding: 0px 50px;
    }
    header.navbar {
        background-image: url('../images/scottipc-background-home.jpg');
        background-size: cover;
    }
    header.navbar button.navbar-toggler {
        background-color: #fff;
        border-radius: 5px;
    }*/
}

/* color utility */
.color {
    color: var(--color);
}

/* top menu fixes */
header .dropdown-divider {
	height:auto;
	border-top: none;
	margin: 0px;
}

/* extra top menus */
.hidelarge {
    display: none;
}
@media (max-width: 991px) {
    .hidelarge {
        display: inline-block;
    }
}
.hidesmall {
    display: inline-block;
}
.showsmall {
    display: none;
}
@media (max-width: 1140px) {
    .hidemid {
        display: none;
    }
}
@media (max-width: 991px) {
    .hidesmall, #aside {
        display: none;
    }
    .showsmall {
        display: block;
    }
}

/* sticky menus */
.sticky {
    position: -webkit-sticky; /* Safari */
    position:sticky;
    top: var(--stucktop,56px);
}
#aside .sticky li.active {
    border: 0px;
}
#aside .nav-pills a.nav-link {
    color:#0062aa;
}
#aside .nav-pills .nav-link.active,
#aside .nav-pills .show > .nav-link,
#aside .nav-pills li.current a.nav-link {
    color: #fff;
    background-color: #0062aa;
}
.sticky.stuck {
    margin-top: 0;
}

/* horizontal rules */
hr {
	border: 0;
	border-top: 1px solid #ebebeb; /* light gray */
	/* margin: 50px 0; WAY too much margin, default of 20 */
	position: relative;
}
hr:before {
	background-color: #fff; /* white */
	padding-right: 0;
	position: absolute;
	top: -20px;
	transform: translateX(-50%);
}
hr.paper-plane, hr.globe, hr.compass {
    font-size: 25px;
    padding-right: 0;
    text-align:center;
}
.paper-plane:before,
.globe:before,
.compass:before {
	color: #008851; /* green */
        background-color:transparent; /* or all the HR elements have an icon with a white square behind them */
	font-family: 'FontAwesome';
	margin-right: 5px;
}
.paper-plane:before {
	content: '\f1d8';
}
.globe:before {
	content: '\f0ac';
}
.compass:before {
	content: '\f14e';
}

/* footer */
.footergreen {
	padding: 20px 0;
	color:var(--white);
	background-color:var(--green);
	background-image:url('../images/map-background.png');
	background-position: top center;
	background-repeat: no-repeat;
	padding: 100px 0 73px 0;
    overflow:hidden;
}
.footergreen h1, .footergreen h2, .footergreen h3, .footergreen h4 {
	text-transform: uppercase;
	font-weight:bold;
}
.footergreen div.col-sm-4 {
    display: grid;
    place-items: center;
    align-items: baseline;
}
.footergreen h3 {
	color:var(--yellow);
}
.footergreen a {
	color:var(--white);
}
.footergreen ul.menu a:before {
	content: "> ";
}
.footergreen label.element-invisible {
	display:none;
}

.ctct-embed-signup p {
    overflow:hidden;
}

/* buttons */
.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .btn-default {
	border-radius: 10px;
}

/* accordions */
.accordion-heading a.accordion-toggle {
    background: #088751 none !important;
    display:block !important;
    padding:15px 10px !important;
    margin: 2px 0px;
    color: #fff;
}
.accordion-heading a.accordion-toggle.collapsed span.fa-fw:before {
    content: "\f196";
}
.accordion {
    margin-bottom: 20px;
}

/* article styles */
.pull-left.item-image img {
    margin-right: 20px;
}
.pull-right.item-image img {
    margin-left: 20px;    
}
p.readmore {
    text-align:right;
    display:block;
}

/* forms */
.form-control, .chzn-container {
    max-width: 600px;
}

/* RAM (Repeat, Auto, Minmax) */
.ram {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--ramwidth,45%),1fr));
}

.chosen-container.chosen-container-single,
.chzn-container.chzn-container-single {
    width: 300px !important; /* or any value that fits your needs */
}