/*
Theme Name: NineZeroSeven
Theme URI: http://www.webcreations907.com
Author: webcreations907
Author URI: http://themeforest.net/user/webcreations907
Description: Great theme with options and features to build AWESOME sites. ~ If you need support please use the <a href="http://support.webcreations907.com/">Theme's Support Forum</a>
Version: 4.0.27
Text Domain: ninezeroseven
License: GNU General Public License
License URI: license.txt
Tags: black,white,orange,custom-background,custom-colors,featured-images,full-width-template,theme-options,translation-ready,left-sidebar,right-sidebar
*/

/************************************************************************
* WARNING: If you add override styles here it will get overwritten 
* when you update the theme to newer versions. 
*
* You should use the Custom CSS field in the Theme Options panel, or 
* use a child theme which you'll find a starter child theme in the 
* download pack.
*
* You can find all css files in assets/css/ folder of the theme.
*************************************************************************/


body {
   font-size: 16px;
	color: #450059;
}

h1, h2, h3, h4 {
	color:#450059;
	font-weight:bold;
	}

p {font-family: 'Roboto Slab';
   font-size: 16px;
	color: #450059;
margin-bottom:15px;
}

textarea {
	font-size:14px;
}

li {
   font-size: 16px;
	color: #450059;
margin-bottom:3px;
}

h2 {
    font-size: 44px;
    margin-bottom: 20px;
}

.clear {
	clear:both;
}

sub, sup {
    font-size: 60%;
}

sub {
    bottom: 0;
}
#contact-form .btn,
.btn {
    background-color: #9628a1;
    border: none;
    border-radius: 2px;
    border-bottom: 3px solid #450059;
    text-align: center;
    color: #FFF;
    font-family: 'roboto';
    font-weight: bold;
    float: left;
	margin-right:10px;
margin-top:25px;
    color: #FFF;
    font-size: 18px;
    text-transform: lowercase;
    font-weight: bold;
    display: block;
}

.btn a{
    color:#FFF;
	font-size:18px;
	text-transform:lowercase;
	font-weight:bold;
	display:block;
	padding:12px 20px;
}

.btn a:after {
	content: '.';
	}

.btn:hover,
.btn:active,
.btn:focus,
#contact-form .btn:hover,
#contact-form .btn:active,
#contact-form .btn:focus {
    background-color: #450059;
    border-bottom: 3px solid #9628a1;
}

.btn a:active,
.btn a:focus {
	color:#Fc3;
}

.testimonial-text {
    font-size: 26px;
    line-height: 36px;
    font-style: italic;
    font-family: 'Roboto';
    max-width: 800px;
    margin: 0 auto;
    font-weight: bold;
    text-shadow: 1px 1px 3px #450059;
	float:none;

}

.testimonial {
border-top:none;
    border-bottom: 5px solid #450059 !important;
}

.full-color-bg {
	border-bottom:none;
}


/*** HEADER ***/

.header-welcome .wpb_column {
    height: 100%;
position:absolute;
}

.header-welcome {
	min-height:700px;
}

.header-welcome .wpb_wrapper,
.header-welcome .wpb_text_column,
.header-welcome #home-content{
    height: 100%;
}

.header-welcome #home-content{
	position:relative;
}

.header-welcome #home-content-right {
    background-image: url(/images/home-fizz.png);
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 99;
    max-height: 695px;
    margin-left: -105px;
}

.header-welcome #welcome-image {
    background-image: url(/images/hello-logo.png);
    height: 380px;
    width: 570px;
    background-size: contain;
    background-repeat: no-repeat;
}


.header-welcome #home-content-left {
    position: absolute;
    left: 36%;
    top: 5%;
    height: 95%;
    z-index: 9999;
}

.header-welcome #welcome-text {
    margin-left: 100px;
    text-align: left;
    width: 430px;
    margin-top: -30px;
}



.header-welcome h2 {
	color:#450059;
	font-weight:normal;
	font-family:'Roboto Slab';
	font-size:18px;
    line-height: 28px;
	margin-top:15px;
	}

#scroll-top{
    background-image: url(/images/scroll-down.png);
    background-size: contain;
    height: 250px;
    width: 250px;
    right: 0;
    position: absolute;
    bottom: 0;
    margin-bottom: -30px;
}

#scroll-top a {
	display:block;
}

.menu-bar-wrapper, .menu-bar-wrapper.is-sticky {
    border-bottom: 5px solid #450059;
}

.wbc_menu > li > a {
	font-weight:bold;
	font-size:21px;
	text-transform:lowercase;
}

.wbc_menu > li > a:after {
	content: '.';
}

header.header-bar {
	z-index:99999999999 ;
}

.site-logo-title.has-logo {
    padding: 8px;
}

/*** ABOUT ***/

.about-fizz {
 min-height:800px;
}

#about-content{
    float: left;
    max-width: 40%;
    text-align: left;
    margin-left: 5%;
    margin-top: 5%;
}

#about-content p{
	color:#450059;
}

/*** SHOW TEXT ***/


.the-show {
	min-height:700px;
}

.the-show #show-content {
    margin-top: 80px;
}

.the-show #show-text{
	float: left;
    text-align: left;
    width: 380px;
    margin-left: 210px;
}

.the-show #show-text li {
font-family: 'Roboto Slab';
}

.the-show #show-price {
    float: left;
    text-align: right;
    width: 300px;
	margin-left:30px;
}

.the-show #new-price {
    color: #46015a;
    font-weight: bold;
    font-size: 40px;
	float:right;
	width:100%;
}

.the-show #old-price {
clear:both;
       color: #46015a;
    font-weight: bold;
    font-size: 17px;
    text-decoration: line-through;
    margin-top: -10px;
}

#facebook-deal {
    background-image: url(/images/facebook-discount.png);
    background-size: cover;
    height: 300px;
    width: 300px;
    position: absolute;
    top: -150px;
    right: 330px;
}

.the-show #show-price h3 {
    margin-top: 20px;
    font-size: 34px;
}

.the-show .btn {
    float: right;
    margin-left: 10px;
    margin-top: 25px;
	margin-right:0;
}

.extras-panel {
	min-height:800px;
}


#extras-text h2 {
	text-align:left;
}


#balloons, #facepainting {
    float: left;
    width: 350px;
    margin-left: 40px;
    text-align: left;
}

#extras-text {
	float:left;
}
#extras-text h4{
    float: left;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 25px;
    max-width: 180px;

}

#extras-text h4#advanced-balloons,
#extras-text h4#full-face {
    margin-left: 10px;
}

#extras-text #facepainting h4 {
	max-width:120px;
}

.extra-price {
	color:#450059;
	font-weight:bold;
    float: left;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 10px;
font-size: 25px;
	clear:left;
}

#extras-text h5{
    clear: left;
    margin-left: 69px;
    color: #450059;
    font-style: italic;
    line-height: 9px;
    font-size: 15px;
    margin-bottom: 7px;
}

#extras-text h6 {
    font-size: 13px;
    margin-left: 63px;
    line-height: 16px;
    color: #450059;
}
#extras-text #facepainting h6 {
    clear: left;
}

#extras-text i {
    font-size: 15px;
    line-height: 12px;
    top: -6px;
    position: relative;
}


.booking-form {
	min-height:800px;
}

.booking-form h2 {
	text-align:left;
}

#booking-form-left,
#booking-form-right {
    width: 42.5%;
    float: left;
	margin-left:5%;
}

#booking-form .label, #contact-form .label {
    float: left;
    width: 150px;
    color: #450059;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    padding: 10px;
	clear:left;
}

#booking-form-left .field,
#contact-form .field  {
    float: left;
}


#booking-form-left input,
#booking-form-left select,
#contact-form input,
#contact-form select {
    max-width: 300px;
    margin-bottom: 8px;
    border: 1px solid #f69fff;
	font-size:14px;
	padding:7px 10px;
	border-radius:2px;
	width:100%;

}

#booking-form h3 {
text-align: left;
    clear: left;
    font-size: 32px;
    padding-top: 20px;
    margin-bottom: 5px;

}

.item-description,
.item-cost {
    float: left;
    width: 210px;
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Roboto Slab';
}

.item-description{
clear:left;
}

.item-cost {
    width: 70px;
    text-align: right;
}

.item-line {
    max-width: 280px;
    display: table;
	margin-top:5px;
}

#cost-facepainting {
	    border-bottom: 1px solid #9628a1;
}

#cost-total .item-cost,
#cost-total .item-description {
 font-size:21px;
    margin-top: 5px;
    font-weight: bold;
}

#confirm {
	margin-top:40px;
}

textarea {
    max-width: 465px;
    height: 120px;
    border: 1px solid #f69fff;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 2px;
    font-family: 'Roboto';
}

#fizz-image-contact {
    background-image: url(/images/contact-fizz.png);
    height: 608px;
    width: 410px;
    margin-left: -50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 99;
}

#contact-form {
    margin-left: 360px;
	margin-top:20px;
    max-width: 410px;
}

#contact-form .label {
color: #FFF;
    font-family: 'Roboto Slab';
    padding: 5px 2px;
    float: left;
    width: 80px;
}

#contact-form .field {
    max-width: 260px;
}

#contact-form .item-line {
    max-width: 340px;
}

#contact-form textarea {
    width: 330px;
	height:200px;
}

#contact-form h2 {
    color: #FFF;
    text-align: left;
}

#contact-buttons {
    position: absolute;
    bottom: 0;
}

.contact-button {
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    height: 80px;
    width: 200px;
    padding: 15px;
	color:#FFF;
    text-align: left;
}

.contact-button  h4{
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 28px;
}

#confirm .btn,
#contact-form .btn  {
	float:right;
    padding: 12px 20px;
    max-width: 125px;
}


#phone-contact {
	left:500px;
    background-color: #9628a1;
}

#email-contact {
	left:730px;
    background-color: #00af3f;
}

#facebook-contact {
	left:960px;
     background-color: #FFC107;
}


#phone-contact {
    left: 500px;
}

.contact-panel {
	min-height:800px;
}

.contact-panel .wpb_wrapper,
.contact-panel .vc_column-inner,
.contact-panel .wpb_column,
.contact-panel .wpb_wrapper {
    position: inherit;
}

#contact-buttons {
	margin-left:310px;
}

#contact-buttons a {
	color:#FFF;
}

.contact-panel div.wpcf7-validation-errors {
    border: 2px solid #9628a1;
    float: right;
    width: 300px;
    margin-right: 10px !important;
    margin-top: -12px;
	color:#fff;
}

.full-width-section {
	max-height:810px;
}


.about-fizz .vc_column_container>.vc_column-inner,
.the-show .vc_column_container>.vc_column-inner, 
.extras-panel .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 3015px;
    padding-right: 3015px;
    margin: -60px -3000px -20px;
    padding-top: 60px;
    padding-bottom: 20px;
    background-image: url(/images/sparkle-background.png);
    min-height: 800px;
	width:initial;
}

@media (max-width: 1199px){

.header-welcome #home-content-right {
    width: 490px;
    bottom: 0px;
    height: 660px;
}

.the-show #show-text {
    margin-left: 110px;
}

#balloons, #facepainting {
    float: left;
    width: 330px;
    margin-left: 20px;
    text-align: left;
}

#booking-form-left input, #booking-form-left select{
    max-width: 240px;
}

.the-show #show-text {
    margin-left: 200px;
}


#facebook-deal {
    right: 140px;
}

.header-welcome #welcome-image {
    background-image: url(/images/hello-logo.png);
    height: 310px;
    width: 450px;
}



}

@media (max-width: 992px){

.header-welcome #home-content-right {
    width: 450px;
    bottom: 0px;
    height: 595px;
}

.header-welcome #welcome-text {
    margin-left: 110px;
    text-align: left;
    width: 300px;
}

.header-welcome #welcome-text h1 {
    font-size: 26px;
}

.header-welcome h2 {
    color: #450059;
    font-weight: normal;
    font-family: 'Roboto Slab';
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.wbc_menu > li > a {
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn {
	clear:left;
	margin-top:10px;
}

#about-buttons {
	margin-top:10px;	
}

.the-show #show-text {
    margin-left: 80px;
    width: 330px;
}

.the-show #show-price {
    width: 270px;
}

.the-show #show-price .btn {
	clear:none;
}

#balloons, #facepainting {
    float: left;
    width: 270px;
}

#booking-form-left {
	margin-left: 0;
    width: 51%;
}

#booking-form .label{
    width: 123px;
    font-size: 15px;
    padding: 10px 0;
}

#booking-form-right {
    width: 43%;
}

.about-fizz {
    min-height: 700px;
}

#fizz-image-contact {
    background-image: url(/images/contact-fizz.png);
    height: 498px;
}

#contact-form {
    margin-left: 190px;
    margin-top: 0px;
    max-width: 380px;
}

#contact-buttons {
    margin-left: 129px;
    z-index: 9999;
}

.contact-button {
    margin-left: 10px;
    width: 185px;
    padding: 10px;
}

.testimonial-text {
    font-size: 23px;
    line-height: 32px;
    max-width: 680px;
}

#facebook-deal {
    right: 120px;
}

}

@media (max-width: 768px){

p, li {
    font-size: 14px;
}

.container {
    max-width: 500px;
}

.about-fizz,
.about-fizz {
	max-height:600px;
}

.header-welcome #welcome-image {
    background-image: url(/images/hello-logo.png);
    height: 310px;
    width: 400px;
    margin-top: -20px;
    margin-left: -118px;
}

.header-welcome #home-content-right {
    width: 400px;
    bottom: 0;
    height: 485px;
    margin-left: -155px;
}

.about-fizz {
    min-height: 620px;
}

#about-content {
    float: left;
    max-width: 47%;
    text-align: left;
    margin-top: -60px;
    margin-left: -10px;
}

.the-show #show-content {
    margin-top: 35px;
}

.header-welcome #welcome-text {
    margin-top: -60px;
    margin-left: 35px;
    text-align: left;
    width: 268px;
}

#facebook-deal {
    right: 130px;
    top: 220px;
}

.the-show {
    min-height: 560px;
}

.the-show #show-text {
    margin-left: 0;
    width: 270px;
}

.the-show #show-price {
    width: 140px;
    margin-left: 30px;
}

.the-show .btn {
    margin-top: 10px;
}
.the-show #show-btn-extras {
	margin-top:20px;
}

.extras-panel {
    min-height: 820px;
}

#balloons, #facepainting {
    width: 350px;
    margin-left: 10px;
}

#extras-text {
    margin-top: -50px;
}

#facepainting {
    margin-top: 30px;
}

.booking-form {
    min-height: 1110px;
}

#booking-form-left {
    margin-left: 0;
    width: 100%;
}

#booking-form-right {
    width: 100%;
    margin-left: 0;
}

div.wpcf7-validation-errors {
    margin-right: 140px !important;
}

#fizz-image-contact {
    height: 260px;
}

#contact-form {
    margin-left: 0;
    margin-top: -40px;
    max-width: 380px;
}

.contact-button {
    padding: 7px 15px;
    width: 1000%;
    height: 70px;
}

}


@media (max-width: 490px){

p, li {
    font-size: 14px;
}

.container {
    max-width: 320px;
}

.testimonial-text {
    font-size: 16px;
    line-height: 22px;
    margin: -15px 0 -20px;
}

.header-welcome #welcome-image {
    margin-left: -108px;
    height: 260px;
    width: 310px;
}

.header-welcome #home-content-right {
    height: 320px;
    margin-left: -85px;
}

.header-welcome #welcome-text {
    margin-top: -70px;
    margin-left: -100px;
    text-align: left;
    width: 290px;
}

#scroll-top {
    height: 200px;
    width: 200px;
    bottom: 130px;
    margin-bottom: 0;
}



.about-fizz {
    min-height: 550px;
}

#about-content {
    float: left;
    max-width: 78%;
    text-align: left;
    margin-top: -60px;
    margin-left: -10px;
}

.the-show #show-text {
    margin-left: -19px;
    width: 300px;
    margin-top: -50px;
}

.the-show {
    min-height: 560px;
}

.the-show #show-price {
    width: 300px;
    margin-left: -40px;
    margin-top: 0px;
    clear: left;
}

.the-show #show-btn-extras {
    margin-top: 10px;
}

.extras-panel {
    min-height: 840px;
}

#balloons, #facepainting {
    width: 300px;
    margin-left: 0px;
}

#extras-text {
    margin-left: -20px;
}


.booking-form .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
    width: 290px;
}
#booking-form .label {
	padding-bottom:2px;
}

#booking-form-left .field, #booking-form-left input, #booking-form-left select {
    max-width: 290px;
	clear:both;
}

.booking-form {
    min-height: 1330px;
}

#facebook-deal {
    right: 0;
    top: 390px;
}

.contact-panel .vc_column_container>.vc_column-inner {
padding-left: 0;
    padding-right: 0;
    width: 290px;
}

#contact-form textarea {
    width: 290px;
    height: 180px;
}

#contact-form {
    margin-top: -50px;
}

.contact-panel {
    min-height: 870px;
}

#contact-buttons {
    margin-left: 109px;
}
}