/*
Theme Name: Flower-mod
Theme URI: http://burak-aydin.com/flower-page/
Author: Burak Aydin, Marek Chmielewski
Author URI: http://burak-aydin.com/
Description: Flower-mod is a clean and modern magazine, news or blog WordPress theme for magazines, news websites, blogs and other editorial related websites. It is will make your website adaptable with any type of mobile devices. It is sleek and powerful mobile first front-end framework for faster web development. Your site will be beautiful when viewed on a smartphone or tablet. Fully Responsive, Customizable and Search Engine ( SEO ) Friendly Friendly WordPress Theme using Twitter Bootstrap 3 and Font Awesome which will be a good choice to build your news/magazine or blog site. Flower is a theme based on Redux Framework, has many easy to use theme options and build-in Google Fonts support. It Offers Widgetized Sidebar, three column Footer Widgets, four column Featured Category. You can add unlimted Widgets in each Sidebar and Footer Column. Theme Features: Advanced Custom Fields, Custom Homepage Settings, Custom Background Support, Custom Menu ( 3 Level ), Custom Colors, Dynamic Widgets, Featured Category, Top Slider. To learn more about the theme, please open the file readme.txt which is included in the download package.
Version: 9999.2.1
Tags: black, blavatar, custom-menu, custom-background, custom-colors, featured-images, pink, right-sidebar, responsive-layout, translation-ready, theme-options, threaded-comments, two-columns, three-columns, white
Text Domain: flower
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
This theme is licensed under the GPL.
*/

@import url('css/reset.css');
@import url('css/bootstrap.css');
@import url('css/bootstrap-theme.css');
@import url('css/font-awesome.css');
@import url('css/flexslider.css');
@import url('css/style.css');


@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}




/************************************************************/
/*PALETA*/
/* http://www.pictaculous.com/ */
/************************************************************/
.wygenerowana-paleta {
color:#688162;
color:#AD2435;
color:#CEC319;
color:#DFE0DE;
color:#4F5D2D;
}

.własna-paleta {
    color: #F3011D;
    color: #FDD800;
    color: #442BAB;
    color: #5A9300;
    color: #3A543C;
    color: #6B6F7B;
    color:  #444;
    color: #FCFCFC;
}
.triada-adobe-ze-zdjecia {
color:#8D8082;
color:#880533;
color:#1F4200;
color:#407B00;
color:#F3B707;
}



a:focus, a:hover {
    color: #880533;
}

li a:focus,li a:hover {
    color: #FDD800 !important;
}
.logo-top,
.logo-top2{
    width: 18%;
    position: absolute;
    left: 42%;
    top: 17px;
    z-index: 2;
}
.logo-top2 {
    top: 10px;
}
.logo-top {
    width: 10%;
}

img.logo.img-responsive.banertop {
    width: 100%;
}

.title {
    font-size: 2em;
}
.section-logo-search img.logo {
/*    max-height: 90%;
    max-width: 90%;
    margin-top:-20px;
    margin-bottom: -20px;
    height: 50px;
    */
}

.middle-menu {
    background-color: #c5a721;
}

.top-menu .nav ul li a:hover {
    background-color: #c52a00 !important;
}

.navbar-nav > ul > li > a:hover {
    background-color: #c52a00;
}

#searchform {
    margin: 20px 0;
}

.top-container {
    width:100%;
    margin:0;
    padding: 0;
}
#main-logo {
/*    position: absolute;
    top:-35%;*/
}

.form-control {
    width: 96%;
}

.bottom-footer img.logo {
    height: 150px;
    margin-top: 0.2em;
}
.bottom-footer img.logo2 {
    height: 86px;
    margin-top: 0.2em;
}

.footer-menu .sub-menu li {
    margin-left: -25px;
    /*padding: 10px;*/
}
.footer-menu ul li {
    margin-left: 7px;
    padding: 0 10px 0 10px;
}



/**********************************************************************************
/* Middle Menu *
**********************************************************************************/
.middle-menu {
    background-color: #407B00;
    height: 67px;
}

.middle-menu .active-2 {
    background-color: #5A9300 !important;
}

.middle-menu ul li {
    font-weight: bold;
    font-size: 16px;
    background-color: #407B00;
}
.middle-menu ul li a {
    padding-top: 1.5em;
    padding-bottom: 1.4em;
    background-color: #407B00;
}
.middle-menu ul li a:hover {
    background-color: #880533 !important;
    color: #F3B707;
}
.middle-menu .fa {
    display: none;
}
.middle-menu .nav li {
    position: relative;
}
.middle-menu .nav ul {
    position: absolute;
    z-index: 11;
    padding-left: 0;
    background-color: #1F4200;
    display:none;
}

.middle-menu .nav ul ul{
    position: absolute;
    left:100%;
    margin-top:-3em;
}
.middle-menu .nav ul li a {
    display: block;
    white-space: nowrap;
    color:#FCFCFC;
    background-color: #407B00;
    padding-left: .9em;
    padding-top: .8em;
    padding-bottom: .8em;
    padding-right: 3em;
}

.middle-menu .nav ul li a:hover {
    background-color: #880533 !important;
    color: #F3B707;
}

/**********************************************************************************
/* Content  *
**********************************************************************************/
.single-tags a {
    color:#880533;
    background-color: #FFF;
    padding: 0.3em 0.7em;
    display: inline-block;
    /*margin-top: 0.2em;*/
}

.single-tags a:hover {
    color: #FFF;
    background-color: #880533;
}

.flower-pagination a {
    border: 1px solid #aaa;
}
.flower-pagination a:hover {
    background-color: #880533;
    border-color: #880533;
    color: white;
}
.flower-pagination span.current {
    border: 1px solid #880533;
    color: #880533;
}

.box-post img {
    max-height: 100%;
}

.posts-loop .col-sm-6 {
    height: 100% !important;
}


/**********************************************************************************
/* Widget  *
**********************************************************************************/
.textwidget {
    background-color: #dcdcdc;
}
.textwidget ul {
    padding: 20px;
}
.textwidget h3,
.textwidget h5
{
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.3;
}
.textwidget h5 {
    font-size: 1.1em;
}

.textwidget li {
}
.textwidget p {
    color: #444;
}
.textwidget ul li {
    padding: 10px;
}
.textwidget ul > a > li:active,
.textwidget ul > a > li:hover {
    background-color: #FFF;
    color:#DDD;
}

.triada-adobe-ze-zdjecia {
    color:#8D8082;
    color:#880533;
    color:#1F4200;
    color:#407B00;
    color:#F3B707;
}




/**********************************************************************************
/* Footer  *
**********************************************************************************/
.main-footer {
    padding: 0;
    color: #8D8082;
}
.main-footer .footer-widget {
    margin-bottom: 0;
}

.main-footer .footer-widget ul,
.main-footer .footer-widget li,
.main-footer .footer-widget a {
    margin-bottom: 0px;
    padding: 6px 0px;
    text-align: center;
}
.main-footer .footer-widget a {
    margin-left: 0;
}
.main-footer .footer-widget li:hover {
    color:#F3B707;
    background-color: #1F4200;
 }

.main-footer .mobile-menu > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #1F4200;
}

.main-footer .mobile-menu > li a:focus,
.main-footer .mobile-menu > li a:hover {
    color: #FDD800 !important;
}

.bottom-footer .copyright h5 {
    text-align: center;
    color:#FFFFFF;
}
.bottom-footer nav ul li h5 {
    font-size: 12px;
    margin-top: 0.2em;
}
.bottom-footer nav ul li h5:hover {
    background-color: #F3B707;
    color: #1F4200;
}
.bottom-footer a {
    padding: 0;
}
.bottom-footer {
    background-color: #1F4200;
    padding: 1em;
}
.bottom-footer .hr {
    height: 1px;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #8D8082;
}

.go-top {
    background-color: #F3B707;
    color: #880533;
}
.go-top:hover {
    color: #F3B707;
    background-color: #880533;
}


/**********************************************************************************
/* Mobile Menu  *
**********************************************************************************/
.mobile-top-menu .fa {
    position: relative;
    margin: 7px 0;
    left: -43%;
}

.fa-align-justify::before {
    content: "Menu ";
    cursor: grab;
}
.mobile-top-menu ul li a:hover,
.mobile-top-menu ul ul li a:hover
{
    background-color: #880533;
}