/*fix size of logo and provide a bigger one, so it doesn't look blurry on retina*/
.navbar-brand>img {
  width: 50px;
}


header .intro-text .intro-heading {
  /*text-transform: uppercase !important;*/
  font-size: 1.5em !important;
  padding-top:30px;
  padding-bottom:30px;
}



@media (min-width: 768px) {
  header .intro-text .intro-heading {
    /*text-transform: uppercase !important;*/
    font-size: 2.5em !important;
  }
}



/* some custom stuff for the blog START */

.catchy{
  padding-top: 20px;
  padding-bottom: 20px;
}

.catchy-big{
  columns: #555555;
  font-size: 4em;
  line-height: 1.1;
}

.catchy-mid{
  columns: #555555;
  font-size: 3em;
  line-height: 1.1;
}


.sponsor-cat{
  columns: #555555;
  font-size: .7em;
  text-align: left;
  padding-bottom:5px;
  
}


.catchy-small{
  columns: #555555;
  font-size: 1em;
  text-align: right;
  
}

.imgpost{
  padding-top: 20px;
  padding-bottom: 40px;
  text-align:center;
}

.postcaption{
  font-size: 0.8em;
  

}

/* some custom stuff for the blog END */


#footer{
  background-color: #333;
}

img.platinum{
  margin-right:40px;
}


/*hero fixes*/
header#hero {
  background-image: url(../img/artwork/marmot.png);
  background-size: 220px;
  background-repeat: no-repeat;
  background-position: right 50px bottom 50px;
  padding: 50 50 50 50px;
}

header#hero .heading h1 {
  border-bottom: none;
  line-height: 1.2;
}

header#hero .overlay {
  background: none;
}




.intro-subtitle {
  color:#e9e9e9 !important;
  border-top: solid 5px #467fbf;
  font-size: 4rem !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.intro-subtitle a{
  color: #fff;
}

/*blue subpage header (instead of grey pattern*/
#heading-breadcrumbs {
  background: rgba(33,101,182);
  /*background: url(/img/artwork/marmot-user.png) center center repeat;*/
}

#heading-breadcrumbs h1 {
  color: #fff
}


/* KEYNOTES STUFF */

.kn {
	color: #0B6EC7 !important;
  text-transform: uppercase;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight:400;
  font-size: 15px;
}

.kn-main{
  color: #0B6EC7;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 2em;
}

.kn-sub{
  color: #333;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
}

/* button CSS, applied links with */
.custom-btn {
  background-color: #2165B6;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5px;
  padding: 15px 32px;
  text-align: center;
  color: white;
  display: block;
  margin: 0 auto;
  width: fit-content;
  float: left;
}

b.speaker{
  color: #0B6EC7;
}

/* button CSS, applied automatically to markdown links with double square brackets, e.g. [[link]](url) */
.custom-btn {
  background-color: #2165B6;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5px;
  padding: 15px 32px;
  text-align: center;
  color: white;
  display: block;
  margin: 0 auto;
  width: fit-content;
  float:left;
}


.table-striped{
  font-size: 12px;
}

.countdown{
  padding-inline-start: 0px !important;
}

.firstel{
 padding-left: 0px !important; 
}

.cdelement{
  padding: 0.5em;
}


.slide{
  position:relative;
  min-height: 300px;
  box-shadow: 0px 1px 2px;
}

.slide-headline{
  background-color:#0B6EC7;
  font-size: 24px;
  padding: 12px;
  color: #fff;
  font-weight: 700;
  
}

.slide-logo{
  background-color:#0B6EC7;
  padding-right: 24px;
}

.slide-text{
  background-color:#0B6EC7;
  padding: 12px;
  padding-bottom: 24px;
  font-size: 14px;
  color: #f3f3f3;
}

.text-box{
  width:50%;
  min-height: 120px;
}

.text-box-intro{
  width:100%;
  padding-bottom:12px;
}

.guest{
  display: flex;
}

.intro-guest-text{
  width: 20%;
  font-size:11px;
  padding:5px;
}

.slide-line{
  background-repeat: repeat-x;
  background-image: url('../img/artwork/slidebg.png');
  min-height: 40px;
}

.slide-footer{
  background-color: #fff !important;
  padding-left: 12px;
  padding-bottom: 15px;
  font-size: 24px;
  color: #0B6EC7;
}

.slide-marmot{
  z-index: 1;
  background-repeat: no-repeat;
  position:absolute;
  top:70px;
  left:350px;
}

#marmot-welcome{
  z-index: 1;
  background-repeat: no-repeat;
  position:absolute;
  top:90px;
  left:350px;
}


.social{
  padding-bottom:36px;
}

.session-title{
  font-weight: bold;
  
}

.session-odd{
  background-color:lightgray;
}

.moo:hover{
  background-color: #0B6EC7;
  color: #fff;
}