/*******************************************************************************
  common
********************************************************************************/

    body {
        font-family: 'Open Sans', sans-serif;
        color: #000;
    }

    a {
        color: #95c11e;
    }

    a:hover {
        color: #008d36;
    }

    .shadow-fff { text-shadow: 1px 1px 1px #fff; }
    .shadow-000 { text-shadow: 1px 1px 1px #000; }

    .btn {
        color: #fff;
        background-color: #95c11e;
    }

    .btn:hover {
        color: #fff;
        background-color: #008d36;
    }

    .panel-heading,
    .modal-header { background-color: #008d36; color: #fff; }

    .table-header {
        border-bottom-color: #fff;
        background-color: #d2d2d2;
    }

    .table thead tr th,
    .table thead tr td {
        border-bottom-color: #fff;
        color: #fff;
    }

    .table thead tr th {
        background-color: #008d36;
    }

    .table thead tr td {
        background-color: #95c11e;
    }

    .table thead tr th a {
        color: #fff;
    }

    .table tbody tr td {
        border-bottom-color: #d2d2d2;
    }

    .table thead tr td .btn {
        border-left-color: #fff;
    }

    .table thead tr td input[type="text"] {
        color: #000;
    }

    .pagination,
    .pagination > li.prev > a,
    .pagination > li.prev > span,
    .pagination > li.next > a,
    .pagination > li.next > span {
        border-radius: 0px;
    }

    .pagination > li > span,
    .pagination > li.disabled > span,
    .pagination > li > a {
        background-color: #d2d2d2;
        color: #fff;
        font-weight: bold;
    }

    .pagination > li > a:hover,
    .pagination > li.active > a,
    .pagination > li.active > a:hover {
        background-color: #95c11e;
        color: #fff;
    }

    .pagination > li.disabled > span:hover {
        background-color: #d2d2d2;
        color: #fff;
    }

/*******************************************************************************
  header, logo and menu
********************************************************************************/

    #page-header {
        border-top-color: #008d36;
        border-bottom-color: #d2d2d2;
        background: #fff;
    }

    #page-header .logo a { background-image: url("../../image/logo-slogan_brennus.png"); }

    #main-menu {
        border: 0px;
        border-radius: 0;
    }

    #main-menu > .container {
        background-color: #fff;
    }


    #main-menu .navbar-nav > li > a {
        color: #424242;
        border-bottom-color: #fff;
    }

    #main-menu .navbar-nav > li > a.active,
    #main-menu .navbar-nav > li > a:hover {
        border-bottom-color: #008d36;
    }

/*******************************************************************************
  center
********************************************************************************/

    #page-content .site-content {
        background-color: #fff;
        border-color: #d2d2d2;
    }

    #page-content h1 {
        color: #008d36;
    }

    #page-content h2 {
        color: #95c11e;
    }

    /***** Oldal specifikus ******************************************************/

        #nyitooldal .site-content {
            background-color: transparent;
            border-color: transparent;
        }

        #nyitooldal .site-content {
            background-position: center center; background-repeat: no-repeat; background-size: cover;
            border: 0px;
        }

        #nyitooldal .site-content {
            background-image: url("../../image/brennus_bg.jpg");
        }

        #tevekenysegunk p {
            line-height: 16px;
        }

        .stripe-1,
        .stripe-2 {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        #tevekenysegunk .stripe-1 {
            height: 180px;
            background-image: url("../../image/brennus_stripe-1.jpg");
        }

        #tevekenysegunk .stripe-2 {
            height: 600px;
            background-image: url("../../image/brennus_bg.jpg");
        }

        #adatvedelem .stripe-1,
        #letoltes .stripe-1 {
            height: 180px;
            background-image: url("../../image/brennus_stripe-2.jpg");
        }

        /***** Under 1366px - mobile design *****/
        @media only screen and (max-width: 1366px) {
            #tevekenysegunk .stripe-1 { height: 160px; }
            #tevekenysegunk .stripe-2 { height: 550px; }
        }

        /***** Under 1024px - mobile design *****/
        @media only screen and (max-width: 1024px) {
            #tevekenysegunk .stripe-1 { height: 160px; }
            #tevekenysegunk .stripe-2 { height: 380px; }

            #adatvedelem .stripe-1,
            #letoltes .stripe-1 { height: 160px; }
        }

        /***** Under 768px - mobile design *****/
        @media only screen and (max-width: 768px) {
            #tevekenysegunk .stripe-1 { height: 110px; }
            #tevekenysegunk .stripe-2 { height: 240px; }

            #adatvedelem .stripe-1,
            #letoltes .stripe-1 { height: 90px; }
        }

        /***** Under 480px - mobile design *****/
        @media only screen and (max-width: 480px) {
            #tevekenysegunk .stripe-1 { height: 70px; }
            #tevekenysegunk .stripe-2 { height: 140px; }

            #adatvedelem .stripe-1,
            #letoltes .stripe-1 { height: 60px; }
        }

/*******************************************************************************
  footer
********************************************************************************/

    #page-footer {
        border-bottom-color: #95c11e;
        background-color: #000;
        color: #fff;
    }

    #page-footer .pf-address,
    #page-footer .pf-contact {
        border-left-color: #95c11e;
    }

/*******************************************************************************
  reminder
********************************************************************************/
    #page-reminder > .wrap > .alert-reminder { background-color: #95c11e; border-color: #008d36; }

/***** Under 1023px - mobile design *****/
@media only screen and (max-width: 1023px) {

    #page-header .logo a { background-image: url("../../image/tricsok_favicon.png"); }
    #page-header .logo a { background-image: url("../../image/brennus_favicon.png"); }

}

/***** Under 767px - mobile design *****/
@media only screen and (max-width: 767px) {

    #main-menu .navbar-toggle { background-color: #95c11e; }
    #main-menu .navbar-toggle .icon-bar { background-color: #fff; }

    #main-menu .navbar-toggle:hover,
    #main-menu .navbar-toggle:focus { background-color: #008d36; }

    #main-menu .navbar-nav > li { border-bottom-color: #fff; background-color: #95c11e; }
    #main-menu .navbar-nav > li:hover { background-color: #008d36; }

    #main-menu .navbar-nav > li > a { color: #fff; }

}