.navigation-top {
  display: none;
}
.page-id-212 h1 {
text-align: center;
    font-size: 24px !important;
    color: #333 !important;
    letter-spacing: 1px;
    text-transform: none !important;
}


@media screen and (min-width: 48em) {
.site-content {

    padding-top: 10px;
}
}









@media only screen and (max-width: 505px) {
#menu-item-206 {
    display:none;
  }
  
  .mobile-space-under-1 {
    margin-bottom: 20px;
  }
  
  .spacer-58,
  .spacer-20 {
    height: 10px !important;
  }
  .spacer-20.mobile-zero-height {
    height: 0px !important;
  }
  .navigation-top a {
    color: #333 !important;
  }
  
  
  .custom-header {
    height: 400px  !important;
  
}
  body:not(.title-tagline-hidden) .site-branding:before {
  top: 4px !important;
    right: 10px !important;
  
}
  .site-branding {
    vertical-align: middle !important;
    padding-top: 80px !important;
  }
  .site-branding-text {
width: 100%;
}
.site-title,
  p.site-title {
font-size: 50px !important;
}
    .site-branding-text:after {
  font-size: 20px !important;
    text-align: left !important;
    width: auto !important;
    margin-top: 70px !important;
    right: inherit !important;
}
  .site-description {
        font-size: 18px !important;
  }
  .mobile-full-image, .one-third-img {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
  }
}


@media screen and (min-width: 48em) {
.site-header .navigation-top .menu-scroll-down {
  top: 0px;
  }
}


.facebook-icon-1 a:before {
  content: url(http://thebubbleshow.com.au/wp-content/uploads/2017/02/facebook-icon-white-02.png);
}
li.facebook-icon-1 a {
padding: 0px;
  width: 25px;
    height: 25px;
    /* vertical-align: middle; */
    top: -18px;
    position: absolute;
  margin-left: 10px;
}
li.facebook-icon-1 a:hover {
 background: transparent !important; 
}

.hidden-all {
  display: none;
}


#colophon {
background: url(http://thebubbleshow.com.au/wp-content/uploads/2017/02/Bubble-BG-01.jpg);
      margin-top: 0px;
}
.social-navigation,
.site-info {
  display: none;
}



.testimonial-style-1 {
  margin: 0 auto;
    padding: 10px;
    margin-top: 10px;
margin-bottom: 10px;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - HEADER - - - */
.custom-header-media {
background: url(http://thebubbleshow.com.au/wp-content/uploads/2017/02/Bubbles-48_1600x560-1024x358.jpg);
    background-position: center center;
    background-size: cover;
}
#wp-custom-header.wp-custom-header {
visibility: hidden;
}

.custom-header-media {
height: 400px !important;
  max-height: 400px !important;
}

.site-title,
  p.site-title {
      font-size: 70px;
}
.site-title,
.site-description {
text-shadow: 2px 2px 3px #000;
}
h1.site-title a,
  p.site-title a {
font-family: "Rochester", arial, sans-serif;
    text-transform: none;

    color: white;
}


.site-description {
font-size: 30px;
  opacity: inherit !important;
}

.site-branding-text:after {
  content: "You have done a wonderful show! I still have children's laughing voices in my ears!";
font-size: 24px;
    width: 370px;
    text-transform: none;
    position: absolute;
    right: 120px;
      top: 40px;
    color: white;
  text-shadow: 2px 2px 3px #000;
  text-align: right;
  line-height: 30px;
  font-style: italic;
}



body:not(.title-tagline-hidden) .site-branding:before {
    content: url(http://thebubbleshow.com.au/wp-content/uploads/2017/02/as-seen-on-tv-1b_200x.png); 
    position: absolute;
  top: -140px;
  right: 120px;
}



@media screen and (min-width: 48em)
body, button, input, select, textarea {
    font-size: 16px !important;
}


/*#panel3 {
  background: #a8c6fe;
border-top: 7px solid #008cb4;
    border-bottom: 7px solid #008cb4;
  background: url(http://thebubbleshow.com.au/wp-content/uploads/2017/02/Bubble-BG-01.jpg);
    background-size: 70%;
}*/


#panel2 .wrap {
  padding-bottom: 0px !important;
}
#panel3 .wrap {
padding-top: 0px !important;
}
#panel3 {
  border-top: 0px !important;
}


ul {
 margin-left: 30px; 
}

.one-third-img {
  width: 28%;
    float: left;
  display: inline-block;
  margin-right: 2%;
  margin-left: 2%;
}







.image-circle-style-1 {
width: 300px;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
border-radius: 180px;
border: 8px solid #bc2331;
}





header.entry-header {
  display: none;
  /*visibility: hidden;*/
}

#post-7 header.entry-header {
  text-transform: none !important;
  display: block;
}
.main-navigation a:hover {
    color: #fff;
    background: #a8c6fe;
}

@media screen and (min-width: 67em) {
.navigation-top .wrap {
    padding: 0.75em 2em;
    padding: 0px 2em;
}
}

@media screen and (min-width: 48em) {
  	.page.page-one-column .entry-header,
  	.twentyseventeen-front-page.page-one-column .entry-header,
  	.archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 20px;
    }
}



.last-bit,
.last-bit h2,
.last-bit ul li {
  font-size: 14px;
  color: #555;
  font-style: italic;
}



/*ul {
  list-style: none;
}
ul.red-dot li:before {
content: "•"; color: #bc2331;
  display: inline-block; width: 1em;
  margin-left: -1em
    
}*/



input[type="text"],
input[type="email"],
input[type="date"],
textarea {
  padding: 8px 10px 5px 10px;
}

.custom-name,
.custom-email,
.custom-phone,
.custom-date {
margin-bottom: 10px;
}

#contact-page-forms textarea {
height: 180px;
}
.custom-submit {
text-align: center;
}

.wpcf7-form input[type=submit] {
	background-color: #bc2331;
    border: 0px;
    color: white;
 	padding: 12px 23px 11px 23px;
    font-size: 18px;
	letter-spacing: 1px;
	font-weight: normal;
    line-height: 16px;
  	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;    
	font-family: "Montserrat", arial, sans-serif; 
    margin-bottom: 14px;
    margin-top: 10px;
}


/* - - - on focus (when clicked, cursor inside) - - - */
#contact-page-forms input[type=text]:focus,
#contact-page-forms input[type=email]:focus,
#contact-page-forms textarea:focus {
  box-shadow: 0 0 5px rgba(147, 192, 84, 1);
  border: 1px solid rgba(147, 192, 84, 1);
}




h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
    padding: 0px;
  letter-spacing: 1px !important;
}




p {
  margin-bottom: .8em;
}


.fancy-heading-1 {
font-family: "Rochester", arial, sans-serif;
}
.montserrat {
      font-family: "Montserrat", arial, sans-serif;
}
.red-1 {
  color: #bc2331 !important;
}
.blue-1 {
color: #008cb4 !important;
}


.bold {
  font-weight: bold !important;
}
.italic {
  font-style: italic !important;
}

.size-16 {
  font-size: 16px !important;
}

.size-18 {
  font-size: 18px !important;
}

.size-20 {
  font-size: 20px !important;
}
.size-30 {
  font-size: 30px !important;
}
.size-38 {
  font-size: 38px !important;
}



.availability-contact-box {
 border: 8px solid #a8c6fe;
padding: 10px 20px; 
  background: #d4e3fe;
  clear: both;
  width: 100%;
    margin: 0 auto;
      border-radius: 10px;
}

.full-col {
width: 100%;
display: block;
  clear: both;
}

@media only screen and (min-width: 505px) {
	.one-half-col {
	width: 50%;
	display: inline-block;
	float: left;
	}
	.one-half-col.left-col {
	padding-right: 30px;
	}
  	.one-half-col.right-col {
	padding-left: 30px;
	}
	.two-fifths-col {
	width: 40%;
	display: inline-block;
	float: left;
  	}
	.three-fifths-col {
 	width: 60%;
	display: inline-block;
	float: left;
	}
  	.one-fourth-col {
 	width: 25%;
	display: inline-block;
	float: left;
	}
    .one-fourth-col img {
 	width: 90%;
	}
	.availability-contact-box,
  	.testimonial-style-1 {
	width: 100%;
    text-align: center;
	}
  
}
  
  
.custom-clear {
  clear: both;
}
.clear-none {
  clear: none !important;
}
.center {
  text-align: center;
}
.centered {
  margin: 0 auto;
  text-align: center;
}

.bold {
  font-weight: bold;
}
.spacer-20 {
  height: 20px;
  clear: both;
}
.spacer-40 {
  height: 40px;
  clear: both;
}

.spacer-58 {
   height: 58px;
  clear: both; 
}
@media screen and (min-width: 67em) {
	.navigation-top .wrap {
	background: #bc2331;
	}
}
.navigation-top {
  border-bottom: none;
  border-top: none;
}
.navigation-top a {
  color: white;
}
.wrap,
#primary {
  width: 100%;
  margin: 0 auto;
  max-width: none !important;
}
  
@media screen and (min-width: 48em) {
	.panel-content .wrap {
	padding-bottom: 40px !important;
    padding-top: 50px !important;
	/*padding-bottom: 0px !important;
    padding-top: 0px !important;*/
	}
  }
h2 {
  text-align: center;
    font-size: 24px !important;
    color: #333 !important;
    letter-spacing: 1px;
    text-transform: none !important;
}
h3 {
    font-size: 20px !important;
    color: #333 !important;
  font-weight: bold;
}