/* your styles go here */

body {
  overflow-x: hidden;
}

p {
  font-size: 16px;
}

h2 {
  text-transform: capitalize;
  letter-spacing: 1px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.box-image-text .image {
  min-height: 200px;
  max-height: 200px;
}

.box-simple {
  min-height: 230px;
}

.videoWrapper {
  width: 560px;
  max-width: 90%;
  margin: 30px auto;
  position: relative;
  height: 0;
}

.video47 {
  padding-bottom: 47%; /* 56.25% for 16:9 */
}

.video56 {
  padding-bottom: 56.25%; /* 56.25% for 16:9 */
}

.video64 {
  padding-bottom: 64%; /* 56.25% for 16:9 */
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*img {
  max-width: 95%;
  max-height: 500px;
  display: block;
  margin: 20px auto;
}*/

#brand-heading {
  line-height: 10px;
  font-size: 18px;
  display: inline-block;
  color: #ff9900;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.title {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.title h1 {
  color: #ff9900;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 46px;
  letter-spacing: 0.08em;
}
@media (max-width: 991px) {
  .title h1 {
    font-size: 36px;
  }
}

.title h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.10em;
}


.adsense-row {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  height:25px;
  overflow:hidden;
}

.parent-ad-container {
  height: 600px;
  margin: 20px auto;
}

.ad-container {
  width:90%;
  margin-bottom: 20px;
  min-width: 120px;
  padding: 0;
  max-width: 400px;
  overflow: hidden;
}

.ad-left{
  margin-left:10%;margin-right:0;
}

.ad-right{
  margin-right:10%;margin-left:0;
}

@media (max-width: 991px) {
  .title h2 {
    font-size: 16px;
  }

  .parent-ad-container {
    height: auto;
  }

  .ad-container {
    width:90%;
    max-width: 90%;
    padding: 0;
    overflow: hidden;
  }

  .ad-left,.ad-right {
    margin: 10px auto;
  }

  .ad-left {
    max-height: 100px;
  }
}

@media (max-width: 600px) { /*For link ads specifically, at around 600px it changes to multiple rows...*/
  .adsense-row {
    height:auto;
    overflow:hidden;
  }
}

.addthis {
  margin: 10px auto;
  margin-bottom: -10px;
}

#application-row {
  margin-bottom: 10px;
}

@media (max-width: 1000px) {
  .navbar-brand {
    display: none;
  }
}

@media (max-width: 768px) {
  .navbar-brand {
    display: inline-block;
  }
}


/*Flexbox*/

.actors-gallery {
  width: 95%;
  margin: 20px auto;
  padding: .5vw;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: flex;
  color: #e0ded5;;
}
.actors-gallery>div {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: 300px;
  margin: .5vw;
  overflow-x: hidden;
}

.actor-container {
  width: 95%;
  margin: 10px auto;
}

.actors-gallery>div img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  margin: 10px auto;
}
@media screen and (max-width: 400px) {
  .actors-gallery>div { margin: 0; }
  .actors-gallery { padding: 0; }

}

.actor-sample {
  display: block;
  width: 90%;
  margin: 3px auto;
}

.actor-name {
  font-size: large;
  text-transform: uppercase;
  font-weight: bold;
}

.actor-about {
  margin-top: 20px;
}

.actors-gallery div .highlight {
  color: lightskyblue;
}

.tooltip-inner {
  white-space:pre-wrap;
  text-align: left;
}

p.bubble
{
  font-size: large;
  text-align: center;
  padding:20px;
  margin: 20px auto;
  background-color: whitesmoke;
  border: 2px solid #ff9900;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
}

.bubble-container {
  margin-top: 30px;
  max-width: 450px;
  padding: 0 20px;
  text-align: center;
  margin: 30px auto;
}