/*

Theme Name: Decibel

Theme URI: https://decibel.wolfthemes.com

Description: A Wordpress Theme for the Music Industry

Version: 1.9.9

Author: WolfThemes

Author https://wolfthemes.com

Tags: post-formats, sticky-post, translation-ready

License: GNU General Public License

License URI: licence/GPL.txt



The main theme stylesheet can be found in the css/main.css file.

If you want to edit the main stylesheet, be sure that the "minified CSS" theme option is not checked



For any CSS customization, it is strongly recommended to use a child theme

see https://codex.wordpress.org/Child_Themes



You will find a child theme template in your theme package

*/



@font-face{

    font-family: 'Gravity';

    src: url('https://rainforestkayaking.com/v3//wp-includes/fonts/Gravity-Book.ttf') format('truetype'),

    url('https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Book.eot') format('embedded opentype'),

    url('https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Book.otf') format('OpenType'),

    url('https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Book.woff') format('woff');

    font-weight: 400;

}



@font-face{

    font-family: Gravity;

    src: url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Bold.ttf) format(truetype),

    url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Bold.eot) format(embedded opentype),

    url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Bold.otf) format(OpenType),

    url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Bold.woff) format(woff);

    font-weight: 700;

}



@font-face{

    font-family: Gravity;

    src: url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Light.ttf) format(truetype),

    url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Light.eot) format(embedded opentype),

    url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Light.otf) format(OpenType),

    url(https://rainforestkayaking.com/v3/wp-includes/fonts/Gravity-Light.woff) format(woff);

    font-weight: 100;

}



body, html {

    font-family: 'Gravity' !important;

    font-weight: 400;

}



code{

    font-family: Gravity !important;

}



h1, h2, h3, h4, h5, h6 {

    font-family: Gravity !important;

    font-weight: 400;

}



p {

    font-family: Gravity !important;

    font-weight: 400;

    margin: 0px 0px !important;

}

.beautifulmoment{

 height: 700px !important;

 background-size: cover !important;

}

.widget{

display: inline-block;

width: 100%;

min-height: 150px;

text-align: center;

}

.widget ul li {

list-style-type: none !important;

}

.width-div {

display: inline-block;

vertical-align: middle;

}



@media only screen and (min-width: 481px){

.sub-header p{

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 700 !important;

    color: white !important;

}



.site-footer{

    background-color: #1d1d1d;

    padding: 20px 0;

}



.wolf-row-inner{

    padding: 0px 0px;

}



.book-now{

    position: fixed;

    right: 30px;

    top: 150px;

    z-index: 999;

    color: transparent !important;

    background: transparent !important;

    display: none;

}



#aboutus:active .book-now{

    background-image: url(https://rainforestkayaking.com/v3/wp-content/uploads/2016/04/rainforest-kayaking-book-now-anchor.png);

    width:106px;

    height:113px;

}



.booknow{

    float: right;

}



#navbar-container{

    background: #000000 !important;

    opacity: 0.8 !important;

    text-align: center!important;

}



#navbar{

    float: none !important;

}



#navbar-container .nav-menu li a{

    font-weight: 400 !important;

    font-size: 1.25em !important;

    font-family: Gravity !important;

}



.current-menu-item a span{

    border-bottom: 2px solid #15976e;

    padding-bottom: 5px !important;

}



.wolf-mailchimp-email{

    border-radius: 0px !important;

}



.wolf-mailchimp-form .wolf-mailchimp-submit{

    display: none !important;

}



input[type=text] {

    background: transparent !important;

    border-color: #ffffff !important;

    color: #ffffff !important;

}



.findoutmore{

    margin-left: 32% !important;

    margin-bottom: 20px !important;

    padding: 0px 19px !important

    padding-bottom: 40px;

}



#navbar-mobile{

    background-color: #333637 !important;

}

.vc_custom_1460344014664{

    margin-left: 13.5% !important;

    margin-top: 3% !important;

}

.vc_custom_1460348078817{

padding-right: 80px !important;

padding-left: 80px !important;

}

.vc_custom_1460348668175{

padding-right: 80px !important;

padding-left: 80px !important;

}

.vc_custom_1460348676183{

padding-right: 80px !important;

padding-left: 80px !important;

}

.vc_custom_1460348682156{

padding-right: 80px !important;

padding-left: 80px !important;

}

.packages_padding{

padding-right: 80px !important;

padding-left: 80px !important;

}



.vc_custom_1461058944296{

padding-right: 80px !important;

padding-left: 80px !important;

}

.mobile{

display: none;

}



ul li{

 list-style-type: circle !important;

}



.testi{

border-bottom: 3px solid #000000;

border-width: 40%;

}



.our-story-img{

 width: calc(80% - 20px);

}



/*contact form*/

.form { 

  display:block;

  background-color: #fff;

  padding: 50px;

  padding-bottom: 60px;

}



.form:after { 

  content:''; 

  display:block; 

  height:0; 

  clear:both; 

  visibility:hidden; 

  overflow:hidden; 

  margin-bottom:10px;

}



#left { 

  width: 47%; 

  float: left; 

  margin-right:6%;

}



#right { 

  width: 47%; 

  float: left;

}



#left input {

  background-color: #fff !important;

  color: #000 !important;

  background: #fff !important;

  border-color: #ccc !important;

  margin: 0;

  border: 2px solid #ccc;

  height: 40px;

  width: 99%;

}



#left select {

  background-color: #fff;

  border: 2px solid #ccc;

  color: #000;

  height: 40px;

  width: 99%;

}

#right select {

  background-color: #fff;

  border: 2px solid #ccc;

  color: #000;

  height: 40px;

}

#right input {

    background-color: #fff !important;

    color: #000 !important;

    margin: 0;

    border: 2px solid #ccc;

    height: 40px;

}



#right input[type=text]{

border-color: #ccc !important;

}



#left p {

    color:#15976e;

    margin-bottom:-25px;

    

}

#right p {

    color:#15976e;

     margin-bottom:-30px;

}

#right .wpcf7-submit {

    background-color: #15976e !important;

    float: right;

    margin-top: 22px;

    height: 40px;

    color: #fff;

}

div.wpcf7-validation-errors {

    color: #fff;

}

.verticalLine {

border: 1px solid #ccc;

    height: 507px;

    position: absolute;

    margin-left: 45%;

}

#right textarea {

  border: 2px solid #ccc;

  height: 173px;

  color: #000;

} 

keygen, select {

  border-radius: 0px;

}

/*contact form*/

footer p{

 font-size: 9px !important;

}

.menu-semi-transparent.has-header-image #mobile-bar{

background-color: #333637 !important;

}

.wolf-linked-image .wolf-linked-image-caption{

font-size: 2.6em !important;

}





}

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

#right input[type=text]{

 background-color: #ffffff !important;

}

    .booknow{

        width: 20%;

    }

    .book-now{

        right: 5px;

        top: 55px;

       display: none;

    }

    .mobile-img{

        width: 60%;

    }

    .menu-semi-transparent.has-header-image #mobile-bar{

        background-color: #333637 !important;

    }

    body, html{

        font-family: Gravity !important;

        font-size: 1rem !important;

    }

    code{

        font-family: Gravity !important;

    }

    .mobile-content{

        text-align: center;

        font-size: 12px;

    }

    .wolf-row-inner{

        padding: 0px 5% !important;

    }

    .findoutmore{

        margin-left: 0px !important;

    }

    .sub-header p{

        font-size: 18px !important;

    }

    #sb_instagram.sbi_fixed_height{

        width: 100% !important;

    }

    #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item{

        width: 96px !important;

        height: 100px !important;

        padding-right: 10px;

        padding-top: 10px;

        paddding-bottom: 10px;

    }

#sb_instagram .sbi_photo{

height: 100px !important;

}

#sb_instagram.sbi_col_3 #sbi_images .sbi_item{

margin: 10px 0 0 0 !important;

}

    input[type=text] {   

        width: 60%;

    }

    #right input[type=text] {   

        width: 100%;

    }

    .vc_custom_1460344014664{

        margin-left: 0 !important;

    }

footer p{

font-size: 7px !important;

width: 80% !important;

}

.vc_custom_1460348078817{

padding-right: 10% !important;

padding-left: 10% !important;

}

.vc_custom_1460348668175{

padding-right: 10%!important;

padding-left: 10%!important;

}

.vc_custom_1460348676183{

padding-right: 10%!important;

padding-left: 10%!important;

}

.vc_custom_1460348682156{

padding-right: 10%!important;

padding-left: 10%!important;

}

.packages_padding{

padding-right: 10%!important;

padding-left: 10%!important;

}

.vc_custom_1461058944296{

padding-right: 10%!important;

padding-left: 10%!important;

}

.mobile{

 margin-bottom: 20px;

}

.desktop{

display: none;

}

ul li{

 list-style-type: circle !important;

}

.beautifulmoment{

 height: 200px !important;

 background-size: cover !important;

}

.testi{

border-bottom: 3px solid #000000;

border-width: 40%;

}

.email{

border-right: none;

}

#left input {

  background-color: #fff !important;

  color: #000 !important;

  background: #fff !important;

  border-color: #ccc !important;

  margin: 0;

  border: 2px solid #ccc;

  height: 40px;

  width: 99%;

}

.faq-submit{

 margin: 50px 0px 80px 0px;

}

.menu-semi-transparent.has-header-image #mobile-bar{

background-color: #333637 !important;

}



.our-story{

width: 89%;

}

.widCOE, .widEXC {

margin-left: 0 !important;

}



@media only screen and (min-width: 500px) and (max-width: 900px){

 .verticalLine{

margin-left: 40% !important;

}

.our-story{

width: 81%;

}

}



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

.vc_col-sm-4{

width: 100% !important;

}