/* 
 - tablet 768
 - desktop 850
 ----
 - purple #71027B
*/

.ChooseCamp {
  display: none;
}

@media (min-width: 851px) {

  .ChooseCamp {
    display: block;
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(159, 44, 146, 1)),to(rgba(100, 4, 106, 1)));
    background: linear-gradient(to bottom,  rgba(159, 44, 146, 1) 0%,rgba(100, 4, 106, 1) 100%);
    position: absolute;
    left: 0px;
    top: 10px;
    width: 280px;
    min-height: 115px;
    padding: 15px 20px;
    color: #fff;
    z-index: 99;
  }

  .ChooseCamp select {
    line-height: 1.5em;
  }
}

.CampSelectMobile {
  margin: 0 auto; max-width: 96%;
}

@media (min-width: 851px) {

  .CampSelectMobile {
    display: none;
  }
}

.CampsPage {
  padding-top: 30px; margin: 0 auto; max-width: 96%;
}

.CampsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}

@media (min-width: 851px) {

  .CampsContainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .CampsContainer .CampsContainer-camps {
  
}

  .CampsContainer .CampsContainer-list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
  }
}

.CountiesList {
  display: none;
}

@media (min-width: 851px) {

  .CountiesList {
    display: block;
    padding: 20px;
  }

  .CountiesList .ButtonPurple {
    width: 100%;
    display: block;
    margin-bottom: 7px;
    padding: 4px 6px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
  }
}

/* OVERRIDES */
#masthead { z-index: 11; }


@media (max-width: 850px) {

  .header-wrapper .header-top {
    position: relative;
    background-color: #71027B;
  }
}

#header .header-bottom-nav a {
  color: white;
}

.header-mobile a { 
  position: relative;
}
.header-email:before {
  content:'';
  width: 38px;
  height: 22px;
  
  position: absolute;
  left: 0;
  top: 7px;
  background: url(../images/icon-email-white.png) no-repeat;
}
@media (min-width: 851px) {

  .header-email:before {
    background: url(../images/icon-mail.png) no-repeat;
  }
}

@media (max-width: 1099px) and (min-width: 851px) {

  .header-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .header-contact a {
    margin-left: 0 !important;
  }
}
.header-mobile .header-phone, .header-mobile .header-email {
  padding-left: 45px !important;
}

.header-mobile .header-phone:before, .header-mobile .header-email:before {
  top: 0px;
}

.header-phone:before {
  content:'';
  width: 37px;
  height: 24px;
  background: url(../images/icon-phone-white.png) no-repeat;
  position: absolute;
  left: 0;
  top: 7px;
}

@media (min-width: 851px) {

  .header-phone:before {
    background: url(../images/icon-phone.png) no-repeat;
  }
}

.nav.header-bottom-nav.nav-left.mobile-nav {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-icon.has-icon .hide-for-small {
  display: block !important;
}

.home-boxes .img-inner {
  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes spinanti {
  0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes spinanti {
  0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

.home-boxes .img .img-inner {
  overflow: visible
}

.home-boxes .img .img-inner img {
  z-index: 2;
  position: relative;
}

.home-boxes .img .img-inner:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -25%;
  right: -25%;
  bottom: -15%;
  left: -15%;
  background: transparent url(../images/circle.png) center center no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-animation: spin 25s infinite ease;
          animation: spin 25s infinite ease;
}

.home-boxes .col a {
  position: relative;
  z-index: 3;
}

.home-boxes .col:nth-child(2) .img .img-inner:before {
  top: -15%;
  right: -15%;
  bottom: -10%;
  left: -10%;
  -webkit-animation: spinanti 15s infinite linear;
          animation: spinanti 15s infinite linear;
}

.home-boxes .col:nth-child(3) .img .img-inner:before {
  top: -30%;
  right: -30%;
  bottom: -20%;
  left: -20%;
  -webkit-animation: spin 25s infinite linear;
          animation: spin 25s infinite linear;
  opacity: 0.9;
}

.home-boxes .col:nth-child(4) .img .img-inner:before {
  -webkit-animation: spinanti 30s infinite ease;
          animation: spinanti 30s infinite ease;
  opacity: 0.95;
}

.TableHeading {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7ED83), to(#B19100));
  background-image: linear-gradient(#F7ED83, #B19100);
  border-radius: 5px 5px 0px 0px;
  padding: 8px;
  color: #fff;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center
}

.TableHeading img {
  margin-right: 10px;
}

.camps .products_table {
  width: 100%;
}

.camps table {
  table-layout: fixed;
  width: 100%;
}

.camps table td {
  width: 25%;
  padding: 5px 5px;
  text-align: center;
  vertical-align: middle;
}

.camps form {
  margin: 0;
}

.camps .button {
  margin: 0;
}

.webdesigntuts-workshop table {
  border-collapse: collapse;
  background:#FFF;
  color:#2A2A2A;
  text-align:left;
  // border:1px solid #DDD;
  // box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5);
}

.webdesigntuts-workshop th {
  font-size:18px;
  background:#CCC;
  text-shadow:0 1px 1px #FFF;
  padding:10px;
}

.webdesigntuts-workshop td {
  padding:5px;
  border:1px solid #E3D35D;
  text-shadow:0 1px 1px #DDD;
}

.webdesigntuts-workshop td:hover {
  background: lighten(#F7ED83, 30%);
}

.webdesigntuts-workshop tr:hover {
 background: #fdfbe5;
}


.booking_form input[type="text"]  {
  width: 100%;
}

.ButtonPurple {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B318C2), to(#71017B));
  background-image: linear-gradient(#B318C2, #71017B);
  border-radius: 5px;
  color: white;
  margin-bottom: 0;
}

.ButtonPurple:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#71017B), to(#B318C2));
  background-image: linear-gradient(#71017B, #B318C2);
  color: white !important;
}

.ButtonOrange {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f29f45), to(#ba5415));
  background-image: linear-gradient(#f29f45, #ba5415);
  border-radius: 5px;
  color: white;
  margin-bottom: 0;
}

.ButtonOrange:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ba5415), to(#f29f45));
  background-image: linear-gradient(#ba5415, #f29f45);
  color: white !important;
}

.ContentContainerOuterBg {
  background: url("../images/cover-section.png") no-repeat top right;
  background-size: cover;
  background-position: 50% 50%;
}
.ContentContainer {
  max-width: 1200px; width: 96%; margin: 0 auto; padding: 15px 0;
}
@media (min-width: 851px) {

  .ContentContainer {
    padding: 30px 0;
  }
}

.Forms {
  text-align: center;
}

@media (min-width: 651px) {

  .Forms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .Forms>form {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1rem;
  }
}

.BookingForm {
  width: 100%;
}

.menu-jobs-container a {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B318C2), to(#71017B));
  background-image: linear-gradient(#B318C2, #71017B);
  border-radius: 5px;
  color: white;
  margin-bottom: 0;
}

.menu-jobs-container a:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#71017B), to(#B318C2));
  background-image: linear-gradient(#71017B, #B318C2);
  color: white !important;
}

.menu-jobs-container a {
  width: 100%;
  display: block;
  margin-bottom: 7px;
  padding: 4px 6px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

@media (min-width: 851px) {

  .onlyOnMobile {
    display: none;
  }
}

@media (max-width: 850px) {

  body .header-bottom {/* 
 z-index: 12;
*/
  }
}

@media (max-width: 850px) {

  .header-button-1 .header-button a {
    font-size: 15px;
  }
}

#masthead .top-divider  { border: none; }

@media (max-width: 850px) {

  body #logo {
    position: relative;
    top: auto;
    left: auto;
  }
}
@media (max-width: 850px) {

  body #header #logo img {
    max-height: 90px;
    height: 134px;
  }
}


body table td {
  color: black;
}

.icon-menu:before, .menu-title  {
  color: #71027B;
}

.footer-wrapper a {
  color: rgb(250, 234, 126);
}

@media (max-width: 649px) {

  .smallerOnMobile {
    font-size: 20px;
  }
}

@media (max-width: 399px) {

  .smallerOnMobile {
    font-size: 14px;
  }
}

@media (max-width: 549px) {

  body .home-boxes .button.primary, body .home-boxes .button.secondary  {
    font-size: 16px;
  }
}
.home-boxes>div:nth-child(1) {
  z-index: 5;
}
.home-boxes>div:nth-child(2) {
  z-index: 4;
}
.home-boxes>div:nth-child(3) {
  z-index: 3;
}
.home-boxes>div:nth-child(4) {
  z-index: 2;
}

.credits a {
  color: black;
}

.credits a:hover {
  color: #CDBA65 !important;
}

.social-icons.follow-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 849px) {

  .html.header-button-1 {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
}

@media (max-width: 849px) {

  .html.custom.html_topbar_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

.TotalPrice {
  margin-bottom: 10px; font-weight: bold;
}

.PriceForm {
  position: relative
}

.PriceForm-value {
  position: absolute;
  color: #F6EC00;
  font-size: 32px;
  font-weight: bold;
  top: 104px;
  margin-left: -22px;
  pointer-events: none;
}

.PriceForm--1 .PriceForm-value { 
  color: #FF0006;
}