/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

@import url("../thestory/style.css");


.page-id-8 #section-4
{
background-color:#ffffff !important;
}

.page-id-8 #section-1
{
display:none;
}

.page-id-8 #section-3 .full-bg-image
{
background-size: initial !important;
}


.page-id-8 #content-container .section-full-width .section-boxed {
    margin-bottom: 0px !important;
}

.page-id-8 .section-boxed div.col.nomargin p
{
margin-bottom: 0px !important;
}

.page-id-8 .section-boxed div.col.nomargin
{
margin-bottom: 0px !important;
}

.page-id-8 .section-boxed div.col.nomargin img
{
margin-bottom: 0px !important;
}

.page-id-8 #section-4 div.section-boxed .cols-wrapper.cols-2 img
{
margin-top :0px;
margin-bottom: 10%;
}


.page-id-8 p.cs-small-title.cs-element.cs-animate
{
    max-width: 400px;
    text-align: center;
    font-size: 28px !important;
    font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    line-height: 1.2;
}

  .page-id-8 h2.cs-title.cs-element.cs-animate
{
 max-width: 400px;
 text-align: center;
font-size: 80px !important;
    font-family: "Arial Black";
    letter-spacing: -4px;
font-weight: bold;
}


.form-id-160 input
{

    border: solid 2px #f571b3;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
}

.form-id-160 textarea
{
    border: solid 2px #f571b3;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
}

.page-id-5 .content-slider-wrapper p.cs-small-title
{
max-width:300px;
text-align:center;
 font-size: 30px !important;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    opacity: 1;
    left: 0px;
    font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    line-height: 1.2;
}

.page-id-5 .content-slider-wrapper h2
{
    max-width: 300px;
    text-align: center;
    font-size: 64px !important;
    font-weight: 700;
    font-style: normal;
    text-transform: lowercase;
    opacity: 1;
    left: 0px;
    font-family: "Arial Black";
    letter-spacing: -4px;
}

.page-id-5 #section-5
{
background-image:url('http://myvivasmile.com/wp-content/uploads/2017/01/vivasmile-Texture-2.jpg');
}

.page-id-5 .custom-page-content #section-1
{
display:none;
}

#nav_menu-2 li
{
  padding: 0px;
  border-bottom: 0px;
  text-align: center;
}

#section-1, #section-7
{
  background-image: url("http://uassistme.net/vivasmile/wp-content/uploads/2017/01/vivasmile-Texture-2.jpg");
  background-repeat: repeat;
}

#section-5 .full-bg-image
{
  background-image: url("http://uassistme.net/vivasmile/wp-content/uploads/2017/01/vivasmile-Texture-1.jpg") !important;
  background-repeat: repeat;
  background-size: initial;
}

#div-price
{
  height: auto !important;
}

#div-price2{
  height: auto !important;
}

#div-price2 span
{
  font-size: 25px !important;
}

#join
{
  font-size: 250%;
}

.cs-content-right p
{
  text-align: right;
}

.cs-content-right h2
{
  text-align: right;
}

#div-price, #div-price2
{
  width: 30%;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  margin-left: 10%;
  min-height: 411px;
  height: 450px;
}

#price-theme
{
  margin-bottom: 40px;
  margin-top: 0px;
}



.section-boxed .button
{
  border: solid 1px #ffffff;
}

.wpsw-social-links li a
{
  margin-top: 40px;
}

.wpsw-social-links li a span
{
  width: 15px;
  height: auto;
}

#learn_join, #learn_price
{
  width: 80%;
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
}

#ami
{
  width: 80%;
  margin-right: 3%;
  text-align: center;
}

#content-container .section-boxed{
  margin-top: 0px;
}

.cs-content-left> h2
{
  visibility: hidden;
}

.cs-content-left> a
{
  visibility: hidden;
}


.content-slider-wrapper .full-bg-image
{

}

#wp-social-widget-2
{
  margin-left: 20%;
}

.form-submit > .ccf-submit-button
{
  color: white;
  background-color: #f571b3;
}

@media screen and (min-width: 750px)
{
  #learn_join, #learn_price, #ami
  {
    text-align: center;
    width: auto;
    text-align: center;
  }

  #wp-social-widget-2
  {
    margin-left: auto;
  }

  #learn_price
  {
    margin-left: 40.5%;
  }

  #learn_join
  {
    margin-left: 43%;
  }

  #ami
  {
    margin-left: 55%;
  }

  .cs-content-left> h2
  {
    visibility:visible;
  }

  .cs-content-left> a
  {
    visibility:visible;
  }

}

@media screen and (max-width: 520px)
{
  /*#section-6> .full-bg-image
  {
    background-repeat: no-repeat;
    background-size: contain;
    height: 50%;
    margin-top: 40%;
  }

  #section-6 .nomargin
  {
    position: top;

  }*/

    /* COLUMNS - Making all columns Fullwidth */
    /*#section-2{
      background-color: #f571b3 !important;
    }*/

    #section-6
    {
      background-color: #f571b3 !important;
    }

    /*#section-4
    {
      background-color: #e7c22f !important;
    }*/

    .col {
      clear: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      max-width: 99% !important;
      width: 99% !important;
    }

  #section-6 .nomargin>h1
  {
    text-align: center !important;
  }


  #section-6 .nomargin>h4
  {
    text-align: center !important;
  }

  #section-6 .nomargin h4>span
  {

    color: #ffffff !important;
  }

  #section-6 .nomargin h1>span
  {

    color: #ffffff !important;
  }





  #section-4 .nomargin>h1
  {
    text-align: center !important;
  }


  #section-4 .nomargin>h4
  {
    text-align: center !important;
  }

  .page-id-5 #section-4 .nomargin h4>span
  {

    color: #ffffff !important;
  }

  .page-id-5 #section-4 .nomargin h1>span
  {

    color: #ffffff !important;
  }



  #section-2 .nomargin>h1
  {
    text-align: center !important;
    color: #e7c22f !important;
  }


  #section-2 .nomargin>p
  {
    text-align: center !important;
    color: #ffffff !important;
  }


  #section-6 .full-bg-image
  {
    background-image: url("") !important;
  }

  #section-4 .full-bg-image
  {
    background-image: url("") !important;
  }

  #imgSmile, #imgJoin
  {
    display: block !important;
  }

  .form-submit > .ccf-submit-button
  {
    width: 90%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
  }

  #slider-container .full-bg-image
  {
    background-position: center right !important;
  }

  #div-price2 span
  {
    font-size: 25px;
  }

  #wp-social-widget-2 span {
    padding-top: 5px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 5px;
    width: 30px;
    height: 10px;

}
}

@media screen and (max-width: 768px)
{
  #section-2 .full-bg-image
  {
    background-image: url("") !important;
  }


  /*#section-2{
    background-color: #f571b3 !important;
  }*/

  #section-2 .nomargin
  {
    width: 100%;

  }

  #section-2 img
  {
    float: none;
  }

  #section-2 .nomargin>h1
  {
    text-align: center !important;
    color: #e7c22f !important;
  }


  #section-2 .nomargin>p
  {
    text-align: center !important;
    color: #ffffff !important;
  }

}

@media screen and (max-width: 1000px)
{

}

@media screen and (max-width: 520px)
.page-id-8 #section-4 .nomargin h1>span
{
    color: #ebce59 !important;
}

.page-id-8 #section-3 div.cols-wrapper.cols-2
{
margin-bottom: 10%;
}

}