/*
Theme Name:         Reverie
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            2.0.0
Author:             Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */

    /* ZURB Navi for Foundation */
    dl.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; }
    dl.nav dt, dl.nav dd { float: left; display: inline; }
    dl.nav dt { color: #999; font-weight: normal; }
    dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
     -webkit-border-radius: 12px; -moz-border-radius: 12px; }
    dl.nav dd a:hover { background: #eee; }
    dl.nav dd.current-menu-item a,
    dl.nav dd.current-post-ancestor a,
    dl.nav dd.current-menu-parent a,
    dl.nav dd.current-post-parent a
     { background: #2A85E8; color: #fff; }
 
    /* Foundation-specific presentation CSS by ZURB */
    body { padding-bottom: 60px; width: 100%; background: #fff; border: none; max-width: 100%; }
    div.reverie-header { padding: 20px 0 0 0; }
    div.reverie-header h1 { margin-bottom: 0; padding: 0; height: 15px;}
    div.reverie-header h1 a { color: #181818; }
    div.reverie-header h1 a:hover { color: #181818; }
    div.reverie-header .subheader { margin-bottom: 9px; }
    div.highlight { margin-bottom: 12px; }
    img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
    
    /* Resizing the Blog Post */
    .post-box p { line-height: 21px; font-size: 18px; }
    .post-box h1 { font-weight: normal; font-size: 36px; line-height: 1; margin-bottom: 1.5em; }
    .post-box h2 { font-weight: normal; font-size: 24px; line-height: 1; margin-bottom: 1em; }
    .post-box h3 { font-size: 22px;  }
    .post-box h4 { font-size: 18px;  }
    
    /* Add Divider for Listed Posts */
    .divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }  
    
    /* Add Align Class for Images */
    img.alignright { float: right; margin: 0 0 18px 18px; }
    img.alignleft { float: left; margin: 0 18px 18px 0; }
    img.aligncenter { display: block; margin: 18px auto; }
    
    /* Add HTML5 Caption Class for Images */
    figure.figure { background: #EEE; margin: 0 0 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; }
    figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
    figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
    figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
    
    /* Sidebar Adjustment */
    .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
    
    /* Footer Nav */
    .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
    .footer-nav li { display: block; float: right; padding-left: 10px; margin-bottom: 0; }
    
    /* Breadcrumb Adjustment */
    ul.breadcrumbs li span { padding-left: 12px; }
    ul.breadcrumbs li a { padding-left: 0; }

/*  -------------------------------------------------------
    Customize Foundation Style Pagination for WP-Pagenavi
    ---------------------------------------------------- */ 
    
    div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
    div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; font-size: 1.5rem; margin-left: 5px; }
    div.wp-pagenavi span.pages { padding-left: 0; }
    div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
    div.wp-pagenavi span.unavailable:hover { border-bottom: none; }
    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

    .padder label + textarea { margin-top: 0; }
    .padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
    ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
    
/*  --------------------------
    Tunnel Bear Style
    ----------------------- */
body {
    background: url(images/tunnelbear/bg_texture.jpg);
    font-family: 'RokkittRegular';
    font-size: 18px;
    color: #5b3f2d;
    text-shadow: 0 1px 0  rgba(255, 255, 255, 0.4);
    filter: dropshadow(color=#FFFFFF, offx=0, offy=1);
}

h1, h2, h3{
    font-weight: normal;
    font-family: 'RokkittBold';
    color: #5b3f2d;
    text-shadow: 1px 1px 1px  rgba(255, 255, 255, 0.6);
    filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
}
h4 {
    font-weight: normal;
    color: #5b3f2d; 
    text-shadow: 1px 1px 1px  rgba(255, 255, 255, 0.6);
    filter: dropshadow(color=#FFFFFF, offx=1, offy=1);

}

table tbody tr td {
    font-size: 18px !important;
    padding: 0;
}

p {
    font-size: 18px;
}

a, footer {
    color: #6d6459;
}

a, secret {
    color: #6d6459;
}

a:hover {
    color: #d35700;
}

#content a,
#main a {
    color: #D35700;
}

    #content a:hover,
    #main a:hover {
        text-decoration: underline;
    }

table {
    background: none;
    border: none;
    font-size: inherit;
    color: inherit;
}
table tbody tr td {
    color: inherit;
}

table tbody tr.alt { background: none; }
table tbody tr:nth-child(even) { background: none; }

table.teddy tbody tr td {
    padding: 10px;
    background-color: #e7e3d7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e3c7ac;
}

blockquote{
    font-family: 'RokkittRegular';
    font-size: 18px;
    color: #5b3f2d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    filter: dropshadow(color=#FFFFFF, offx=0, offy=1);
    border-left: 0;
    padding-left: 16px !important;
}

blockquote::before{
    line-height: .1em;
    content: "\201C";
    margin-left: -16px;
    vertical-align: -.35em;
    font-family: 'RokkittBold';
    font-size: 45px;
}

.button {
    font-weight: normal;
}
header a {
    font-family: 'RokkittBold';
    color: #A9A595;
    text-shadow: 1px 1px 2px  rgba(01, 01, 01, 0.75);
    filter: dropshadow(color=#010101, offx=1, offy=1);
}

header a:hover {
    color: #cfcab3;
}

.current_page_item a {
    color: #ffffed;
}

img {
    vertical-align: middle;
}

form label {
    font-size: 18px;
    padding-top: 10px;
}

input {
    color: #5B3F2D;
    font-family: 'RokkittRegular';
    font-size: 18px !important;
}
input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(images/misc/input-bg.png) #fff; }
input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
.images {
}
.largeHeader {
    background: url(images/tunnelbear/bg_wood_centered.jpg) no-repeat center top;
}
.smallHeader {
    background: url(images/tunnelbear/bg_wood_short_centered.jpg) no-repeat center -15px;
}

#container {
    min-height: 500px;
    height: 100%;
    padding-top: 0 !important;
}

#logo {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.navLinks {
    padding-top: 40px;
}
.right {
    float: right;
    text-align: right;
}
.centered-text {
    text-align: center;
}
.page-template-template-nosidebar-php #main ul {
    list-style: circle inside;
    font-size: 18px;
    padding: 1em;
    margin: 0;
    text-indent: -1em;
}

#menu-primary {

}
#menu-primary dd {
    display: inline-block;
    list-style-type: none;
    padding-right: 20px;
}
    
    #menu-primary dd.account_link {
        display: none;
    }

#menu-primary dd:last-child {
    padding-right: 0;
}

.menu {
    display: inline;
}

#header_row {
    position: relative;
}

/* NAV DROPDOWN */
#nav_login {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9990;
    padding-right: 20px;
}

    #nav_login_name,
    #nav_login_link {
        color: #a09876;
        font-size: 15px;
    }

        .nav_login_arrow {
            background-image: url(/static/account/images/sprite_dropdown.png);
            background-position: -2px center;
            display: inline-block;
            height: 22px;
            margin: 0 0 -6px 5px;
            padding: 1px 1px 0;
            position: relative;
            width: 20px;
            z-index: 9999;
        }

        .nav_login_arrow.open {
            background-clip: padding-box;
            background-color: #f0ece0;
            background-position: -35px 0;
            border: 1px solid #9f9781;
            border-bottom: none;
            -webkit-border-radius: 2px 2px 0 0;
            border-radius: 2px 2px 0 0;
            padding: 0;
        }

    #nav_login_dropdown {
        background: #f0ece0;
        background-clip: padding-box;
        border: 1px solid #9f9781;
        -webkit-border-radius: 4px 0 4px 4px;
        border-radius: 4px 0 4px 4px;
        margin: 1px 20px 0 0;
        padding: 25px 15px 15px;
        position: absolute;
        right: 0;
        width: 240px;
        z-index: 9998;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #nav_login_dropdown {
            margin-top: 0;
        }
    }

        #nav_login_dropdown p {
            font-size: 18px;
            text-align: center;
            text-overflow: ellipses;
        }

        #nav_login_dropdown form p {
            margin: 0 0 18px;
            text-align: left;
        }

        .nav_login_name {
            font-family: 'RokkittBold' !important;
        }

        #nav_login_dropdown p {
            margin: 0;
            position: relative;
        }

        #nav_account_login label {
            left: 5px;
            position: absolute;
            top: -1px;
        }

        #nav_account_login .input-text {
            display: block;
        }

        .error_container {
            color: #dc3333;
            display: none;
            font-size: 18px;
        }

        #nav_signin {
            margin: -5px 0 0;
            font-family: RokkittRegular;
            padding: 6px 0;
        }

        #nav_forgot_password {
            font-size: 16px !important;
        }

            #nav_forgot_password a {
                color: #8f796b !important;
            }

        #nav_login_dropdown a {
            color: #D35700;
            font-family: 'RokkittRegular';
            text-shadow: none;
        }

    #nav_login_dropdown.logged_in {
        padding: 15px 0 0;
    }

        #nav_login_dropdown.logged_in p {
            color: #8f796b;
            padding: 0 15px;
            text-align: left;
        }

        #nav_login_dropdown.logged_in ul {
            margin: 10px 0 0;
        }

            #nav_login_dropdown.logged_in li {
                border-top: 1px solid #ddd9cc;
                margin: 0;
            }

            #nav_login_dropdown.logged_in ul a {
                display: block;
                padding: 10px 15px;
            }

            #nav_login_dropdown.logged_in ul a:hover {
                background: #faf6ea;
            }

                #nav_login_signout {
                    -webkit-border-radius: 0 0 4px 4px;
                    border-radius: 0 0 4px 4px;
                }

.beartext {
    font-family: 'RokkittBold';
    font-size: 36px;
    color: #e0dabd;
    text-shadow: 0 2px 2px  rgba(01, 01, 01, 0.5);
    filter: dropshadow(color=#010101, offx=0, offy=2);
    line-height: 42px;
}
#beartext {
    padding-top: 60px;
}
#home_bear {
    padding-top: 20px;
}
#faq_bear {
    padding-top: 40px;
}

.ostext, .infotext, .smalltext, .lighttext, .largeinfotext {
	font-family: 'RokkittBold';
	font-size: 24px;
	color: #5b3f2d;
	line-height: 24px;
	text-shadow: 0 1px 0  rgba(255, 255, 255, 0.6);
	filter: dropshadow(color=#FFFFFF, offx=0, offy=1);

}

.infotext, .smalltext, .lighttext {
	font-size: 18px;
}

.smalltext {
    display: block;
    padding-top: 10px;
}
.lighttext {
	color: #6d6459;
	font-size: 15px;	
	display: block;
	padding-top: 8px;
}

.infobox {
    background: rgba(1,1,1,0.06);
    padding: 15px 0 15px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 
        inset 0 1px 0 rgba(1,1,1,0.56),
        0 0 2px rgba(1,1,1,0.56);
    -webkit-box-shadow: 
        inset 0 1px 0 rgba(1,1,1,0.56),
        0 0 2px rgba(1,1,1,0.56);       
}

.infobox a {
    display: block;
    padding-top: 10px;
    color: #d35700;
}

.infobox a.inline {
    display: inline;
    padding-top: 0;
}

h2.question, .largeLetter {
    font-size: 24px;
    font-family: 'RokkittBold';
    color: #5b3f2d !important;
    text-shadow: 1px 1px 1px  rgba(255, 255, 255, 0.4);
    filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
    margin-bottom: 0.1em !important;
}


.quoterow .infobox {
    margin-left: -15px;
}

.mobile_show {
    display: none;
}

.linebreak {
    padding-top: 20px;
}

.medlinebreak {
    padding-top: 40px;
}

.largelinebreak {
    padding-top: 60px;
}

.doublelargelinebreak {
    padding-top: 30px;
    padding-bottom: 30px;
}
.quotelogo {
    height: 35px;
}

#downloadbutton{
    padding-top: 20px;
}

.columns {
    margin-left: 3.3%;
}
.columns:first-child{
    margin-left: 0;
}

#helprow .columns:last-child {
    margin-left: 1%;
}

.bearheaderrow {
    position: absolute;
    top: 10px;
}

#bearrow {
    padding-top: 25px;
}
#bearrow div.column, .beartextrow div.column {
    margin-left: 30px !important;
}
#bearrow div.column:first-child, .beartextrow div.column:first-child {
    margin-left: 0 !important;
}
#bearrow div.column div.copy {
    margin-top: 10px;
}

.superlinebreak {
    position: relative;
    top: -80px;
}
.mediumlinebreak {
    position: relative;
    top: -40px;
}
.bearshim{
    top: 195px;
}

.tweetrow {
    padding-top: 55px;
}

.twitter .column {
    margin-left: 3.3%;
}
.twitter .column:first-child {
    margin-left: 0;
}

.twitter .four {
    width: 30.87%;
}

.textshim {
    padding-top: 30px;
}

.step1shim {
    top: 68px;
}
.step2shim {
    top: 80px;
}
.footerhr{
    padding-top: 30px;
}
#menu-footer {
    display: inline;
}

.post-box {
    padding-top: 40px;
}
.emailerror {
    color: red;
}
.resetpasswordbutton {
    padding: 7px 15px 8px 15px;
    border: 0;
    margin-top: -3px;
    font-family: 'RokkittBold';
    font-size: 18px;
    color: #FFF;
    text-shadow: 0 -1px 0  rgba(01, 01, 01, 0.6);
    filter: dropshadow(color=#010101, offx=1, offy=1);

    -moz-box-shadow:
        0 2px 0 #383838 !important;
    -webkit-box-shadow:
        0 2px 0 #383838 !important;

    border-radius: 10px;
    -moz-border-radius: 10px;
    background: #505050;
    background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#5C5C5C));
    background: -moz-linear-gradient(top,  #505050,  #5C5C5C);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#5C5C5C');

}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid #b1a68c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.download a.button {
    padding-left: 12px;
    padding-right: 12px;
    width: 290px;
    padding-bottom: 5px;
}

.button {
    font-family: 'RokkittBold';
    font-size: 32px;
    color: #FFF !important;
    text-shadow: 0 1px 0  rgba(01, 01, 01, 0.6);
    filter: dropshadow(color=#010101, offx=1, offy=1);

    -webkit-box-shadow: 0 4px 0 #383838 !important;
    -moz-box-shadow: 0 4px 0 #383838 !important;
    box-shadow: 0 4px 0 #383838 !important;

    border-radius: 10px;
    -moz-border-radius: 10px;
    background: #505050;
    background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#5C5C5C));
    background: -moz-linear-gradient(top,  #505050,  #5C5C5C);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#5C5C5C');

}

a.button:hover, a.resetpasswordbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5B), to(#6D6D6D));
    background: -moz-linear-gradient(top,  #5B5B5B,  #6D6D6D);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B5B5B', endColorstr='#6D6D6D');
    background-image: -webkit-linear-gradient(top, #5B5B5B, #6D6D6D);
    background-image: -moz-linear-gradient(top, #5B5B5B, #6D6D6D);
    background-image: linear-gradient(to bottom, #5B5B5B, #6D6D6D);

    text-decoration: none !important;
}

a.button:active, a.resetpasswordbutton:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#444444));
    background: -moz-linear-gradient(top,  #303030,  #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#444444');    
}

/* ---------------------------
   Tunnel Bear Fonts
   ------------------------ */
@font-face {
    font-family: 'CompleteinHimRegular';
    src: url('css/fonts/complete_in_him-webfont.eot');
    src: url('css/fonts/complete_in_him-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/complete_in_him-webfont.woff') format('woff'),
         url('css/fonts/complete_in_him-webfont.ttf') format('truetype'),
         url('css/fonts/complete_in_him-webfont.svg#CompleteinHimRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RokkittBold';
    src: url('css/fonts/rokkitt-bold-webfont.eot');
    src: url('css/fonts/rokkitt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/rokkitt-bold-webfont.woff') format('woff'),
         url('css/fonts/rokkitt-bold-webfont.ttf') format('truetype'),
         url('css/fonts/rokkitt-bold-webfont.svg#RokkittBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RokkittRegular';
    src: url('css/fonts/rokkitt-regular-webfont.eot');
    src: url('css/fonts/rokkitt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/rokkitt-regular-webfont.woff') format('woff'),
         url('css/fonts/rokkitt-regular-webfont.ttf') format('truetype'),
         url('css/fonts/rokkitt-regular-webfont.svg#RokkittRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans';
    src: url('css/fonts/OpenSans-Regular-webfont.eot');
    src: url('css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('css/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.hide-text {
    height: 0 !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*-- Edits August 2012 --*/
#pull {
    display: none;
}

.page-template-page-full-php h1 {
    text-align: center;
}

.page-template-template-home-php .beartext:after {
    width: 40px;
    height: 30px;
    margin: 0 0 -7px 5px;
    display: inline-block;
    background: url(images/tunnelbear/love.png) no-repeat 0 0;
    content: "";
}

.infobox {
    -webkit-box-shadow: inset 0 1px 2px rgba(1,1,1,0.56);
    -moz-box-shadow: inset 0 1px 2px rgba(1,1,1,0.56);
    box-shadow: inset 0 1px 2px rgba(1,1,1,0.56);
}

h2 {
    line-height: 1em;
}

.bearSubtext {
    margin-top: 5px;
    color: #e0dabd;
    text-shadow: 0 1px 0  rgba(1, 1, 1, 0.5);
}
    
.page-template-template-ios-tos-php .smallHeader {
    background: none;
}

.page-template-template-ios-help_faq-php .largeHeader {
    background: none;
}

.page-template-template-ios-help_faq-php .beartext {
    color: #5B3F2D !important;
}

@media only screen and (max-width: 767px) {     
    .column, .columns {
        position: static;
        margin: 0 !important;
    }
    
    .largeHeader {
        background: url(images/tunnelbear/bg_wood_short_centered.jpg) no-repeat center -20px;
    }
    
    .reverie-header {
        width: 220px !important;
        float: left;
    }
    
    #pull {
        width: 50px;
        float: right;
        display: block;
        margin: -15px 10px 0 0;
        position: relative;
    }

    #nav_login {
        display: none;
    }
    
    header nav ul {
        display: none;
        left: 0;
        position: absolute;
        top: 68px;
        width: 100%;
        z-index: 9999;
    }
    
        header nav ul dd {
            padding: 10px 0 !important;
            width: 100%;
            background: #482809;
            border-bottom: 1px solid #634122;
            text-align: center;
        }

            #menu-primary dd.account_link {
                background: #613912;
                display: block;
            }
        
            header nav ul dd a {
                width: 100%;
                height: 100%;
                display: block;
            }
        
        header nav ul dd:last-child {
            border: none;
        }

    #nav_login_dropdown {
        margin: -2px 0 0;
    }
    
    #beartext {
        padding-top: 20px;
    }
    .beartext,
    .bearSubtext {
        color: #5B3F2D;
        text-shadow: 0 1px 0  rgba(255, 255, 255, 0.6);
        filter: dropshadow(color=#FFFFFF, offx=0, offy=1);
    }
    
    .page-template-template-home-php .beartext {
        font-family: 'RokkittBold';
        font-size: 24px;
        color: #5b3f2d;
        line-height: 24px;
        text-shadow: 0 1px 0  rgba(255, 255, 255, 0.6);
        filter: dropshadow(color=#FFFFFF, offx=0, offy=1);
    }
    
        .page-template-template-home-php .beartext:after {
            background: url(images/tunnelbear/love_dark.png) no-repeat 0 0;
        }
        
    .quoterow .infobox {
        padding: 15px;
    }
        
        .quoterow .infobox .eight {
            width: 70%;
            margin-right: 5%;
            float: left;
        }
        
        .quoterow .infobox .four {
            float: right;
        }

    .mobile_hide {
        display: none;
    }

    .mobile_show {
        display: block;
    }
                
    #bearrow div.column, .beartextrow div.column {
        margin-left: 0 !important;
    }
    #bearrow {
        padding-top: 0;
    }
    #grizzly_bear {
        padding-top: 40px;
    }

    .bearshim, .step1shim, .step2shim {
        top: 0;
    }

    footer .columns {
        margin-left: 0 !important;
    }

    .footer-nav li {
        padding-left: 0;
    }   
    .bearheaderrow {
        position: inherit;
        top: 0;
    }
    
    .page-template-template-download-php .download .button {
        margin: 0 auto;
    }
    
    .page-template-template-download-php .doublelargelinebreak .six:first-child {
        display: none;
    }
    
    .page-template-template-download-php .download a.button {
        width: 92%;
        font-size: 28px;
    }
    
    .page-template-template-pricing-php .beartext {
        margin: 0 auto;
    }
    
    .page-template-template-pricing-php #bearrow .four .centered-text {
        margin-bottom: 20px !important;
    }
    
    .page-template-template-pricing-php #bearrow .four {
        padding: 0 0 10px;
        border-bottom: 1px solid #B1A68C;
        margin: 0 0 30px !important;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.02);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.02);
        box-shadow: 0 1px 0 rgba(255,255,255,0.02);
    }
    
    .page-template-template-help_faq-php .infobox,
    .page-template-template-ios-help_faq-php .infobox {
        margin-bottom: 15px !important;
        padding: 15px !important;
    }
    
    .page-template-template-twitter_promo-php .tweetrow .four {
        padding: 0 0 20px;
        border-bottom: 1px solid #B1A68C;
        margin: 0 0 30px !important;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.02);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.02);
        box-shadow: 0 1px 0 rgba(255,255,255,0.02);
    }
    
    .page-template-template-twitter_promo-php .tweetrow .four  .row {
        position: relative;
    }
    
    .page-template-template-twitter_promo-php .tweetrow .four .three {
        position: absolute;
        top: 30px;
        left: 0;
    }
    
    .page-template-template-twitter_promo-php .tweetrow .four .nine {
        padding-left: 75px !important;
    }
    
    .page-template-template-twitter_promo-php .largelinebreak {
        padding-top: 0 !important;  
    }
    
    .footer-nav {
        font-size: 0.9em;
    }
    
    .page-template-template-nosidebar-php table h3 {
        word-break: hyphenate;
    }
    
}

/* Home page slider */
#home_page_slider_container {
    width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#home_page_slider {
    width: 9999px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    text-align: left;
}

    #home_page_slider li {
        padding-top: 280px;
        display: inline-block;
        text-align: center;
    }
    
    #slide_android {
        background: url(images/tunnelbear/home_slider_android.png) no-repeat center 0;
    }
    
    #slide_desktop {
        background: url(images/tunnelbear/home_slider_desktop.png) no-repeat center 0;
    }
    
    #slide_ios {
        background: url(images/tunnelbear/home_slider_ios.png) no-repeat center 0;
    }
    
#home_page_slider_controls {
    width: 100%;
    margin-bottom: -10px;
    text-align: center;
}

    #home_page_slider_controls li {
        width: 102px;
        margin: 0 8px;
        display: inline-block;
        vertical-align: top;
    }
    
        #home_page_slider_controls li:hover,
        #home_page_slider_controls li.active {
            background: url(images/tunnelbear/home_slider_bg.png) no-repeat 0 0;
        }
    
    #home_page_slider_controls a {
        display: block;
        height: 41px;
        padding: 8px 12px 0 40px;
        color: #5b3f2d;
        text-align: left;
        line-height: 1em;
    }
    
    #slider_btn_android a {
        padding-top: 16px;
        padding-left: 35px;
        background: url(images/tunnelbear/home_slider_icons.png) no-repeat 5px 9px;
    }
    
        #slider_btn_android:hover a,
        #slider_btn_android.active a {
            background-position: 5px -58px;
            text-decoration: none !important;
        }
    
    #slider_btn_desktop a {
        padding-left: 45px;
        background: url(images/tunnelbear/home_slider_icons.png) no-repeat -115px 9px;
    }
    
        #slider_btn_desktop:hover a,
        #slider_btn_desktop.active a {
            background-position: -115px -58px;
            text-decoration: none !important;
        }
    
    #slider_btn_ios a {
        background: url(images/tunnelbear/home_slider_icons.png) no-repeat -228px 9px;
    }
    
        #slider_btn_ios:hover a,
        #slider_btn_ios.active a {
            background-position: -228px -58px;
            text-decoration: none !important;
        }

/* Home features */
.page-template-template-home-php .container {
    padding: 0;
}

#home_features h1 {
    font-size: 4.6rem;
    text-align: center;
}

#home_features li {
    margin: 0;
}

    #home_features li p {
        font-size: 20px;
        text-shadow: 1px 1px 1px  rgba(255, 255, 255, 0.6);
    }

#home_features .light {
    background: url(images/tunnelbear/bg_light_texture.jpg) repeat 0 0;
}

#home_features .dark {
    background: url(https://s3.amazonaws.com/tunnelbear/images/bg_dark_texture.jpg) repeat 0 0;
}

#feature_privacy .text {
    float: left;
    margin: 175px 0 0;
    padding: 0 9.8%;
    text-align: center;
    width: 30.37%;
}

#feature_privacy .image {
    float: right;
    margin: 75px 0 0;
    width: 50%;
}

#feature_country .text {
    margin: 60px auto 0;
    text-align: center;
    width: 46%;
}

#feature_country .image {
    width: 100%;
}

#feature_zap .text {
    margin: 60px auto 0;
    text-align: center;
    width: 56.5%;
}

#feature_zap .image {
    width: 100%;
}

#feature_simple .text {
    float: right;
    margin: 170px 0 0;
    padding: 0 9.8%;
    text-align: center;
    width: 30.37%;
}

#feature_simple .image {
    float: left;
    margin: 75px 0 0;
    width: 50%;
}

#privacy_hero .text {
    margin-top: 180px;
}

#privacy_hero .image {
   margin: 100px 0 0;
}

#features_download {
    margin-bottom: 60px;
}

    #features_download .text {
        font-size: 24px;
        margin: 60px auto 30px !important;
    }

        #features_download .text strong {
            font-family: 'RokkittBold';
            font-weight: normal;
        }

@media only screen and (max-width: 980px) {
    .page-template-template-home-php #main,
    .page-template-template-home-php #content-info {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    #feature_simple .text {
        margin-top: 120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 840px) {
    #feature_privacy .text {
        margin-top: 110px;
    }
}

@media only screen and (max-width: 767px) {
    #feature_privacy .text {
        float: none;
        margin: 40px auto 0;
        width: 50%;
    }

    #feature_privacy .image {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    #feature_country .text {
        margin: 40px auto 0;
        width: 73.9%;
    }

    #feature_simple .text {
        float: none;
        margin: 40px auto 0;
        width: 50%;
    }

    #feature_simple .image {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

   #privacy_hero .text {
        margin-top: 30px;
   }
 
   #privacy_hero .image {
        margin: 20px 0 0;
   }

    #features_download {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }
}
        
@media only screen and (min-width: 451px) and (max-width: 767px) {
    
    #home_page_slider_container {
        height: 200px;
    }
    
    #home_page_slider li {
        padding-top: 160px;
    }
    
    #slide_android {
        background: url(images/tunnelbear/home_slider_android_a.png) no-repeat center 0;
    }
    
    #slide_desktop {
        background: url(images/tunnelbear/home_slider_desktop_a.png) no-repeat center 0;
    }
    
    #slide_ios {
        background: url(images/tunnelbear/home_slider_ios_a.png) no-repeat center 0;
    }
    
    #downloadbutton {
        width: 80% !important;
        margin: 0 auto !important;
    }
    
}

@media only screen and (max-width: 450px) {
    
    #home_page_slider_container {
        height: 190px;
    }
    
    #home_page_slider li {
        margin-top: 10px;
        padding-top: 120px;
    }
    
    #slide_android {
        background: url(images/tunnelbear/home_slider_android_m.png) no-repeat center 0;
    }
    
    #slide_desktop {
        background: url(images/tunnelbear/home_slider_desktop_m.png) no-repeat center 0;
    }
    
    #slide_ios {
        background: url(images/tunnelbear/home_slider_ios_m.png) no-repeat center 0;
    }
    
    #home_page_slider_controls li {
        margin: 0;
    }
    
    #home_page_slider_controls li {
        width: 90px;
    }
    
    #slider_btn_android a {
        padding-top: 16px;
        padding-left: 29px;
        background: url(images/tunnelbear/home_slider_icons.png) no-repeat 5px 9px;
    }
    
        #home_page_slider_controls li:hover,
        #home_page_slider_controls li.active {
            background: url(images/tunnelbear/home_slider_bg_m.png) no-repeat 0 0;
        }
        
    #home_page_slider_controls a {
        padding-top: 8px;
        padding-left: 34px;
        font-size: 0.9em;
    }
    
    #slider_btn_android a {
        padding-top: 14px;
    }
    
    #slider_btn_desktop a {
        padding-left: 42px;
    }
}

.page-template-template-download-php .mid_page_row {
    margin-top: 320px;
}

.page-template-template-twitter_promo-php .mid_page_row {
    margin-top: 188px;
}

#step1.mid_page_row {
    top: 3px;
}

#step3.mid_page_row {
    top: 30px;
}

/*-- Pricing --*/
.mid_page_row {
    margin-top: 400px;
}

    .mid_page_row .row.first {
        position: absolute;
        bottom: 100%;
    }

#pricing_promo .light {
    background: url(images/tunnelbear/bg_light_texture.jpg) repeat 0 0;
    padding: 50px 0 40px 0;
    margin: 50px 0 60px 0;
}


#pricing_promo .text {
    float: none;
    margin: 5px 0 0;
    text-align: left;
    width: 100%;
}

#pricing_promo .image {
    float: left;    
    margin: 0 10px 20px 0;
}

#pricing_promo a {
    color: #D35700;
}

#lighterarea .lighter {
    background: url(images/tunnelbear/bg_light_texture.jpg) repeat 0 0;
    padding: 50px 0 40px 0;
}

@media only screen and (max-width: 767px) {
    .mid_page_row {
        margin-top: 0 !important;
    }

        .mid_page_row .row.first {
            position: static;
        }

   #pricing_promo .image {
           margin: 0 10px 20px 10px;
   }
}


/*-- Downloads --*/
.download_img {
    margin: 0 0 20px;
}

#download_img_desktop {
    margin: 60px 0 39px;
}

#download_img_mobile {
    margin: 2px 0 39px;
}

.page-template-template-download-php #menu-item-17-dd a,
.page-template-template-pricing-php #menu-item-16-dd a,
.page-template-template-twitter_promo-php #menu-item-15-dd a,
.page-template-template-help_faq-php #menu-item-14-dd a {
    color: #ffffe8;
}

.page-template-template-download-php .button {
    width: 90%;
    padding: 13px 15px 7px !important;
}

#downloads_desktop,
#downloads_ios,
#downloads_android {
    display: none;
}

@media only screen and (min-width: 768px) {
    #downloads_desktop,
    #downloads_ios,
    #downloads_android {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    #downloads_large {
        display: none;
    }
    
    #downloads_mobile .largeinfotext {
        margin-top: 45px;
    }
    
    .page-template-template-download-php .button {
        width: auto;
    }
}

/*-- iOS Install pages --*/
.page-template-template-ios-blank-php .post-box {
    padding-top: 5px;
}

    .page-template-template-ios-blank-php .post-box h1 {
        font-size: 24px;
        margin-bottom: 0.3em;
    }

    .page-template-template-ios-blank-php .post-box h2 {
        font-size: 16px;
    }
    
/*-- Promotion Template --*/
.page-template-template-promotion-php #beartext {
    width: 60%;
}

.page-template-template-promotion-php .bearSubtext {
    margin-bottom: 15px;
}

.page-template-template-promotion-php .upgrade_img {
    margin-top: 25px;
}

.page-template-template-promotion-php .centered {
    margin: 0 auto !important;
}

#home_promo {
    width: 150px;
    margin: 60px 2% 0;
    position: absolute;
    top: 10px;
    text-align: center;
    z-index: 999;
}

    #home_promo p a {
        color: #E0DABD;
    
        font-size: 16px;
        line-height: 18px;
    }

    #new_apps {
        float: left;
        margin: 0 1px 0 0;
    }

    #home_promo .button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        font-size: 20px;
        margin-bottom: 7px;
        padding: 5px 0 6px;
        width: 60px;
    }
    
@media only screen and (max-width: 767px) {
    #home_promo {
        margin: 25px auto 0;
        position: static;
    }
    
        #home_promo p {
            color: #5B3F2D;
        }
}



/*-- TACMA Promotion --*/


.page-id-1570 h1 {
	color: #e0dabd;
	text-shadow: 0 2px 2px rgba(01, 01, 01, 0.5);
	font-size: 36px;
	margin-bottom: 20px;
}

#tacma_promo {
	text-align: centre;
margin: 0 auto;
}


#tacma_promo #video_content {
	text-align: center;
}

#tacma_promo #video_content .embed_wrapper {
	background: transparent url(https://s3.amazonaws.com/tunnelbear/images/giant_bear_left.png) no-repeat 70px bottom;
	margin-bottom: 40px;
}

#tacma_promo #video_content .embed_wrapper iframe {
	padding: 5px;
	box-shadow: 0 3px 3px 3px rgba(0,0,0,.3);
	background-color: rgba(217,211,197,0.5);
}

#tacma_promo #text_content {
	width: 600px;
	margin: 0 auto;
}

#tacma_promo #text_content small {
	font-size: 16px;
}

#tacma_promo #text_content h2 {
	font-size: 28px;
	margin-bottom: 40px;
}

#tacma_promo #text_content h2 strong {
	display: block;
	font-size: 36px;
}

#tacma_promo #text_content .button {
	margin-top: 15px;
	margin-bottom: 15px;
}

#tacma_promo #text_content h3 {
	font-size: 24px
}

#tacma_promo #text_content h4 {
	font-size: 21px;
}

.page-template-page-centered-php h1.beartext {
    text-align: center;
}

/* Rawrrr news stylez */

#quote {
	line-height:10px; 
	}

#job-title {
	font-size:12px;
	line-height:8px; 
	}

.bear-grid {
	border: 4px solid #f9f8f6;
	}