/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.outer {
  background: #b4b4b4;
  opacity: 0.9;
  margin: 10px auto;
  padding: 10px;
  border-radius: 7px 7px 0px 0px;
  text-align: center;
}

.outer.yosemite {
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f6f6 0%, #dadada 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f6f6 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6f6f6 0%,#dadada 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6f6f6 0%,#dadada 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f6f6 0%,#dadada 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #b4b4b4;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #f9f9f9;
  border-radius: 50%;
  margin: 0 4px 0 0;
}

.dot.red {
  background: #FF6057;
  border: 1px solid #E14640;
}

.dot.amber {
  background: #FFBD2E;
  border: 1px solid #DFA123;
}

.dot.green {
  background: #27C93F;
  border: 1px solid #1DAD2B;
}

.form-container {
  padding: 20px;
  background: white;
  border-radius: 0 0 7px 7px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .outer {
    width: 90%;
  }
  .form-container {
    padding: 15px;
  }
}




/* CSS button 55 woo transalte */
.button-55 {
  align-self: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
  border-style: solid;
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 1rem;
  line-height: 23px;
  outline: none;
  padding: .75rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-55:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.button-55:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}

button.button-55.flag-button-Extra {
    font-size: large;
}

button.button-55.flag-button-Extra:hover svg {
    fill: aliceblue;
    transition: 1s;
}

button.button-55.flag-button {
    font-size: large;
}

button.button-55.flag-button:hover svg {
    fill: aliceblue;
    transition: 1s;
}