/**
* Theme Name: Uptime Child
* Description: This is a child theme of Uptime, generated by Merlin WP.
* Author: <a href="http://www.tommusrhodus.com/">Tom Rhodes</a>
* Template: uptime
* Version: 1.0.11
*/


@import url('../uptime/style.css');

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

::-webkit-scrollbar {
display: none;
}

.playables_container {
  width: 750px;
  height: 578px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

.playables_preview_window {
  width: 325px;
  height: 578px;
  border-radius: 25px;
  background-image: linear-gradient(23deg, #6c4fed, #b44cd2 50%, #df4d9e 100%);
  float: left;
  position: relative;
  z-index: 1;
}

.playables_grid {
  margin-left: 10px;
  float: left;
  width: 350px;
  height: 578px;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: repeat(5, 1fr);
  overflow-y: scroll;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.playables_grid_item {
  border-radius: 25px !important;
  width: 325px !important;
  height: 85px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  transition: transform 0.4s;
  color: #FFFFFF !important;
  font-family: 'Montserrat';
}

.card__face--front {
  transition: transform 0.5s;
}

.card__face--front:hover {
  transform: scale(1.05);
}

.playables_item_logo {
  height: 35px !important;
  }
  
 .playables_item_icon {
  height: 80px !important;
  float: left !important;
  border-radius: 5px !important;
 }
 
 .playables_item_information {
   float: left !important;
   margin-left: 15px !important;
 }

.playables_item_information h3 {
   color: #FFFFFF !important;
   font-size: 1.17em !important;
 }

 
 .playables_item_body_text {
   font-size: 13px;
   text-align: left !important;
 }
 
 .playables_item_body_text_company_name {
   font-weight: bold;
   font-size: 15px;
 }

.playablesFrame {
	z-index: 2;
	position: relative;
}
 
 .scene {
   width: 325px !important;
   height: 110px !important;
   perspective: 2000px !important;
   margin-bottom: 30px !important;
 }
 
 .playableCard {
  width: 100% !important;
  height: 100% !important;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.playableCard.is-flipped {
  transform: rotateY(180deg);
}

.card__face {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

.card__face--back {
  background: linear-gradient(45deg, rgba(86,0,182,1) 29%, rgba(220,0,255,1) 100%);
  font-size: 12px;
  transform: rotateY(180deg);
}

.example {
  width: 100%;
  -webkit-columns: 3 50px;
  -moz-columns: 3 50px;
  columns: 3 50px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-column-rule-width: 1px;
  -moz-column-rule-width: 1px;
  column-rule-width: 1px;
  -webkit-column-rule-color: #ffffff;
  -moz-column-rule-color: #ffffff;
  column-rule-color: #ffffff;
  margin-top: 15px;
  vertical-align: middle;
  text-align:center;
  margin-bottom: 10px;
}
.example-dotted {
  -webkit-column-rule-style: dotted;
  -moz-column-rule-style: dotted;
  column-rule-style: dotted;
}

.playables-widget {
	text-align: center;
	align-items: center;
}

.playable_item_link {
	height: 110px !important;
}

.playables_grid_container {
	position: relative;
	float: left;
}

.playables_grid_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 400px;
  height: 20px;
  background: linear-gradient(white, rgba(255, 255, 255, 0.001)); /* transparent keyword is broken in Safari */
}
.playables_grid_container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  height: 20px;
  background: linear-gradient(rgba(255, 255, 255, 0.001), white); /* transparent keyword is broken in Safari */
}

.mv_badge {
  position: absolute;
  top: 10px;
  right: 20px;
  background: rgba(145, 74, 250, 0.84);
  height: 25px;
  min-width: 40px;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom:5px;
  color: #FFFFFF;
  font-family: 'Montserrat';
  font-size: 12px;
  vertical-align: middle;
  transition: transform 0.4s;
  cursor: pointer !important;
  z-index: 3;
}

.navbar {
	border-bottom: 0px !important;
}

.mv_badge:hover {
  transform: scale(1.1);
}

.mv_badge_icon {
  position: relative;
  top: 3px;
  cursor: pointer !important;
}

.lds-ring {
  display: inline-block;
  left: 125px;
  top: 250px;
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 1;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
 z-index: 1;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
 z-index: 1;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
	z-index: 1;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
	z-index: 1;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
	  z-index: 1;
  }
  100% {
    transform: rotate(360deg);
	  z-index: 1;
  }
}

.nav-sub-item {
	padding-left: 60px;
}

#home-sp-row > * {
    margin: 30px 0;
}

.elementor-element-e611bee h3 {
   font-size: 25px !important;
 }

.pricingSubheading {
	margin-top: 10px;
	font-size: 0.875rem;
	font-weight: 600;
}

.bg-playable {
	background-color: #3d54db;
}

.bg-playable:hover {
	background-color: #3d54db;
}

.type-testimonial.col-md-6 .card-img-top {
	height: 176px !important;
}

.hp_vid_button {
    width: 17em !important;
    border-radius: 30px !important;
    align-content: center !important;
    color: #3d54db !important;
    /* fill: #3d54db; */
    background-color: white !important;
    border-color: #3d54db !important;
}

.hp_vid_button:hover {
    color: #fff !important;
    background-color: #3d54db !important;
}

.hp_vid_icon_glyth {
    font-size: 35px !important;
    padding-right: 10px !important;
}

.pulse {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    animation: pulse 2s infinite;
  }
  .pulse:hover {
    animation: none;
  }
  
  @-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }


@media (max-width: 800px) {
	.hp_vid_button_text {
		font-size: 15px;
	}	
}

/**
.casestudylogo {
	height: 6rem !important;
}
*/