/* @override http://phx5qa01c-725e.stratus.phx.qa.ebay.com:8080/sites/all/themes/bootstrap_subtheme/css/style.css?odgj0j */

/*CSS for left side nav menu spacing */



.nav-pills > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
}

.thumbnail {
    padding: 14px;
}

#BlogsEntryHero {
    background-image: url('/sites/default/files/assets/blogs_header.jpg');
    color: white;
    background-size: 1200px 441px;
    height: 150px;

}

#BlogsHero {
    background-image: url('/sites/default/files/assets/blogs_header.jpg');
    color: white;
    background-size: 1200px 441px;
    height: 200px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

#DeveloperHelpCenter {
    background-image: url('/sites/default/files/assets/focus.png');

    background-size: 1200px 450px;
    /*height: 428px*/
    height: 200px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
i[class^="icon-"]:before {
    display: inline-block;
    text-decoration: none;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

/*To change the collapse piont of the navbar*/

@media (max-width: 1200px) {
    .navbar-header {

    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        list-style: none;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        z-index: 1000;
    }

}

/* This is to keep Sign in in the Nav close to Join - This is used in menu-tree.func.php in the boostrap system folder*/

#MoveSignInCloserToJoin {
    margin-right: -25px;
}

/*floating left nav*/
.nav-side > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;

}

.navbar-side {
    margin-top: 40px;
}

.navbar-bright {
    background-color: #111155;
    color: #fff;
}

.navbar-bright a, #masthead a, #masthead .lead {
    color: #aaaacc;
}

.navbar-bright li > a:hover {
    background-color: #000033;
}

.affix-top, .affix {
    position: static;
}

@media (min-width: 1200px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 0px;
        width: 228px;
    }

    #sidebar.affix {
        position: fixed;
        top: 0px;
        width: 228px;
    }
}

#sidebar li.active {
    border: 0 #eee solid;
    border-right-width: 4px;
}

/*-------------------------
  The main container
--------------------------*/
#navbar {

    opacity: 0.97;
}

.html {
    position: relative;
    z-index: 1;

    background-color: #f5f7f6;

    /*background-image: -webkit-radial-gradient(center, circle farthest-corner, #fff, #e2e2e2);
    background-image: -moz-radial-gradient(center, circle farthest-corner, #fff, #e2e2e2);
    background-image: radial-gradient(center, circle farthest-corner, #fff, #e2e2e2);*/

    padding: 100px 0 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #e3e3e3;
    border-radius: 4px;
}

#ebayHero div.video-content-container div.learnNewApis a.btn.btn-success.animated.fadeIn {
    background-color: #428aca;
}

/* extra wide */
@media screen and (min-width: 1801px) {
    #ebayHero {
        margin: -23px auto -115px auto;
        height: 440px;
        background: none;
        width: 60%;
    }

    .leftVideo {
        display: inline-block;
        /*margin-left: 120px;*/
    }

    .videoContainer {
        margin-left: 27px;
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .videoContainerFall {
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .video-iframe {
        /* display: inline-block;*/
        vertical-align: middle;
        margin-top: -43px;
    }

    .video-content-container {
        display: inline-block;
        text-align: left;
        width: 48%;
        vertical-align: top;
        /*margin-left: 4px;*/
        margin-left: -10px;
        margin-top: 78px;
    }

    .video-content-container h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 2.4rem;
        font-weight: 300;
    }

    .video-content-container h4 {
        font-size: 1.7rem;
        font-weight: 300;
    }

    h2.just.container.jumbotron-text.text-center.animated.fadeIn {
        font-size: 2.6rem;
        font-weight: 200;
        margin-top: 2rem;
        margin-left: -1rem;
    }

    .videoCaption {
        margin-left: 27px;
        line-height: 1.6rem;
        width: 450px;
    }

    .prodAnnoucement {
        font-size: 1.7rem;
        font-weight: 400;
        display: block;
        margin-top: 12px;
    }

    .prodAnnoucementDesc {
        font-size: 1.5rem;
        line-height: 1rem;
        font-weight: 200;
        position: relative;
        top: 8px;
    }

    #navbar div.container {

        margin-left: auto;
        margin-right: auto;
    }

}

/* for desktop */
@media screen and (max-width: 1800px) and (min-width: 1076px) {

    #ebayHero {
        margin: -23px auto -120px auto;
        height: 440px;
        /*color: #000;*/
        /*  background: -webkit-linear-gradient(left, #d8d8d8 0%,#FFF 100%);*/
        background: none;
        width: 80%;
    }

    .leftVideo {
        display: inline-block;
        /*margin-left: 120px;*/
    }

    .videoContainer {
        margin-left: 27px;
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .videoContainerFall {
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .video-iframe {
        /* display: inline-block;*/
        vertical-align: middle;
        margin-top: -43px;
    }

    .video-content-container {
        display: inline-block;
        text-align: left;
        width: 48%;
        vertical-align: top;
        /*margin-left: 4px;*/
        margin-left: -10px;
        margin-top: 78px;
    }

    .video-content-container h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 2.4rem;
        font-weight: 300;
    }

    .video-content-container h4 {
        font-size: 1.7rem;
        font-weight: 300;
    }

    h2.just.container.jumbotron-text.text-center.animated.fadeIn {
        /*font-size: 2.6rem;
        font-weight: 200;
        margin-top: 0;*/
    }

    .videoCaption {
        margin-left: 27px;
        line-height: 1.6rem;
        width: 450px;
    }

    .prodAnnoucement {
        font-size: 1.7rem;
        font-weight: 400;
        display: block;
        margin-top: 12px;
    }

    .prodAnnoucementDesc {
        font-size: 1.5rem;
        line-height: 1rem;
        font-weight: 200;
        position: relative;
        top: 8px;
    }

    #navbar div.container {

        margin-left: auto;
        margin-right: auto;
    }

}

/* for portrait */
@media screen and (max-width: 1075px) and (min-width: 414px) {

    #ebayHero {
        margin: -23px auto -120px auto;
        height: 574px;
        color: #000;
        background: -webkit-linear-gradient(left, #d8d8d8 0%, #FFF 100%);
    }

    .leftVideo {
        display: inline-block;
    }

    .videoContainer {
        margin-left: 57px;
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .videoContainerFall {
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .video-iframe {
        display: inline-block;
        vertical-align: middle;
        margin-top: -43px;
    }

    .video-content-container {
        display: inline-block;
        text-align: left;
        width: 90%;
        vertical-align: top;
        margin-left: 57px;
        margin-bottom: 12px;
    }

    .video-content-container h2 {
        /* margin: 0 0 0 27px;*/
        padding: 0;
        width: 100%;
        font-size: 2.4rem;
        font-weight: 300;
    }

    .video-content-container h4 {
        font-size: 1.7rem;
        font-weight: 200;
    }

    h2.just.container.jumbotron-text.text-center.animated.fadeIn {
        font-size: 2.6rem;
        font-weight: 200;
        margin-top: 0;
        margin-left: 77px;
        text-align: center;
    }

    .videoCaption {
        margin-left: 57px;
        line-height: 1.6rem;
    }

    .prodAnnoucement {
        font-size: 1.6rem;
        font-weight: 400;
        display: block;
        margin-top: 12px;
    }

    .prodAnnoucementDesc {
        font-size: 1.4rem;
        text-align: left;
        line-height: 1rem;
        font-weight: 200;
    }

    #ebayHero section.container {
        float: right;
        margin-right: -24px;
    }

    #navbar div.container {

        margin-left: 68px;
    }

}

/* for mobile */

@media screen and (max-width: 413px) and (min-width: 375px) {

    #ebayHero {
        margin: -23px auto -120px auto;
        height: 540px;
        background: -webkit-linear-gradient(left, #d8d8d8 0%, #FFF 100%);

    }

    .leftVideo {
        display: inline-block;
    }

    .videoContainer {
        margin-left: -16px;
        height: 269px;
        overflow: hidden;
        display: inline-block;
        width: 360px;
        position: relative;
        top: 32px;
    }

    .videoContainerFall {
        height: 269px;
        overflow: hidden;
        display: inline-block;
    }

    .video-iframe {
        display: inline-block;
        vertical-align: middle;
        margin-top: -40px;

    }

    .video-content-container {
        display: inline-block;
        text-align: left;
        width: 100%;
        vertical-align: top;
        margin-left: -14px;
    }

    .video-content-container h2 {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        font-weight: 300;
    }

    .video-content-container h4 {
        font-size: 1.1rem;
        font-weight: 300;
    }

    h2.just.container.jumbotron-text.text-center.animated.fadeIn {
        font-size: 1.4rem;
        font-weight: 300;
        width: 100%;
        position: relative;
        right: 0;
        left: 12%;
    }

    .videoCaption {
        margin-left: -14px;
        line-height: 1.6rem;
        width: 90%;
    }

    .prodAnnoucement {
        font-size: 1.3rem;
        font-weight: 500;
        display: block;
        margin-top: 42px;
    }

    .prodAnnoucementDesc {
        font-size: 1.2rem;
        text-align: left;
        line-height: 0.3rem;
        font-weight: 300;
        max-width: 40%;
    }

    #ebayHero section.container {
        float: right;
        margin-right: -18px;
        margin-top: 8px;
    }

    #ebayHero section.container a.btn.btn-success.pull-right.animated.fadeIn {
        font-size: 1.1rem;
        padding: 4px;
    }

}

.powerfulApis {
    overflow: auto;
}

.hero-font {
    /*controls the font size of the main hero font*/
    font-size: 44px;

}

#quickstartjumbotron {
    margin-top: 0px;
    height: 276px;
    background-image: url("/sites/default/files/assets/startbutton.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1600px 276px;

}

#markjumbotron {
    margin-top: 0px;
    height: 276px;
    background-image: url("/sites/default/files/assets/blurr.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2000px 276px;

}

/*These control the links on the landing page home page*/

a.homeicons {
    color: gray;
    vertical-align: top;
    text-decoration: none;
}

.searching {
    color: #993300;
}

.searching:hover {
    color: #336699;
}

.selling {
    color: #CC9900;
}

.selling:hover {
    color: #336699;
}

.orders {
    color: #336600;
}

.selling:hover {
    color: #336699;
}

a:hover {
    color: #336699;

}

a:visited, a:link, a:active {
    text-decoration: none;
}

/* controlling the color of the links in the footer*/

.footer a {
    color: gray;
}

.footer a:hover {
    color: #3f3f3f;
}

.footer {
    margin-top: 8rem;
    padding-top: 0px;
    border-top: #f5f7f6;

    /* Set the fixed height of the footer here */

}

.navbar-static-bottom{
    background-color: #f5f7f6!important;
    margin-top: 2rem;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "MarketSans", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    /* font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    font-weight: 200;
}

#scrolldown {
    font-size: 16px;
    color: black;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
}

#scrolldown:hover {
    color: #336699
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "MarketSans-Regular", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: 200;

}

nav, .navbar-nav, .navbar-right, .navbar-collapse, .navHeaderCollapse, .collapse {

    padding-top: 5px;
}

.navbar, .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;

}

/*to make navbar toggle be middle of nav */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 25px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

/*Makes the side bar level with the main */

div.region.region-sidebar-first {
    background-color: white;
    position: relative;
    margin-top: 0px;
}

/*Use this class to offset header*/
.anchor {
    display: block;
    height: 100px; /*same height as header*/
    margin-top: -100px; /*same height as header*/
    visibility: hidden;
}

div.jumbotron.specialjum.items {
    background-color: none !important;
    background: none !important;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 30px;
    margin-left: 32rem;
}