@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic&subset=latin,latin-ext);
// ---- backgrounds
@page-background:           #f0f1f2;
@page-background-dark:      #1a171b;
@page-background-white:     #ffffff;
@support-bg:                   #e3e6ea;
@green-bg:                  #88ac32;
@green-bg-light:            #b5dc5b;
@yellow-bg:                 #fdc613;
@orange-bg:                 #fd8c13;
@gray-bg:                   #bebebe;
@white-bg:                  #ffffff;
@blue-bg:                   #004c97; 
@red-bg:                    #e00000;
@grey-bg:                   #616264;
// --- texts
@color-text:                #1a171b;
@color-light:               #dde0e3;
@link-hover-bg:             #f5f5f5;
@text-gray:                 #c5c5c5;
@text-gray-blog:            #727272;
// --- borders
@border-grey:       #bec2c7;
@border-grey-dark:  #505050;
@border-yellow:     #fdc613;
@border-green:      #b5dc5b;
@border-white:      #ffffff;
// --- breakpionts
@bp-smartphone:    480px;
@bp-tablet:        768px;
@bp-desktop:       1040px;
@bp-desktop-lg: 1200px;


.news_szaktanacsadoi {
    padding:10px 30px;
    width: 100%;
    background-color: #4c4c4c;
    background-image: url(../images/blog-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
        .text {
            margin-top: 0; padding-top: 0;
            margin-bottom: 0 !important;
        }
        h3 {
            paddig-bottom: 0; margin-bottom: 0;
            line-height: 60%; margin-top: 3px !important;
        }
        .contact-info{
            font-size: 1.3em;
            .navigate{
                font-size: 14px;
            }
        }
        .text{
            margin: 10px 0px;
         }
         .telephone{
            margin: 8px 0px;
             color: @yellow-bg;
             font-size: 1.3em;
             letter-spacing: 2px;
        }
        .email{
            font-size: 10px;   
            vertical-align: top;
            margin: 8px 0px;
             color: @yellow-bg;
            font-size: 0.7em;
        } 
}

.news-page-top{
    padding:0px;
    height: 175px;
    position: relative;
    // slider
    .slideshow{
        background: red;
        height: 100%;
        overflow: hidden;
    }
    // newsletter ..etc..
    .other-content{
        padding:0px;
        color: @color-text;
        height: 100%;
        .right-box{
            padding:10px;
            @media(max-width:@bp-desktop){
                width: 50%;
                display: inline-block;
                float:left;
    }
        }
        h3{
            font-size: 22px;
            margin:0px;
            padding:8px 0px 8px 0px;
            @media (max-width: @bp-desktop){
                font-size: 18px;
            }
        }
         @media (max-width: @bp-desktop){

            .text{
                font-size: 13px;
            }
        }

        .yellow-box{
            background: @yellow-bg;
            color: white;
            h3{
                padding-left: 10px;
            }
            .text {
                font-size: 13px;
            }
            .newsletter{
                margin-top: 8px;
                input{
                    float:left;
                    padding: 10px;
                    margin:0px;
                    margin-bottom: 5px;
                    border: none;
                }
                .email{
                    max-width: 240px;
                    width: 80%; 
                    color: @color-text;
                }
                .button{
                    width: 20%;
                    background-color: @orange-bg;
                }
            }
        }
    }



}

.news_pagenav {
    padding: 20px;
    margin: 0 auto;
    width: 60%;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    a, a:hover, a:visited {
        display: block;
        font-size: 14px;
        padding: 5px 10px;
        float:left;
    }
    a.active, a.active:hover, a.active:visited {
        background-color: #777777;
        border-radius: 3px;
        color: #ffffff;
    }
} 

.n_article{
    padding: 5px;
        @media(max-width:410px) {
            width: 100%;
        }
        h4{
            font-size: 14px;
        }
        .text{
            font-size: 12px;
            line-height: 1.1em;
            padding: 5px 0px;
            height: 57px;
            overflow: hidden;
        }
        .timestamp:before{
            content: "";
            display: inline-block;
            vertical-align: top;
        }
        .separator{
            margin:8px 0px ;
            border-width: 2px;
        }
        .timestamp{
            font-size: 12px;
            font-weight: 300;
            vertical-align:top;
            padding: 0px;
            .ico_clock{
                margin-top: 2px;
            }
        }
    }

.mutragya h3 {
    margin-top: 0; padding: 0;
    font-weight: normal;
}

@media(max-width:1040px) {
    .news-yellow-box {
        width: 100% !important;
    }

}

@media(min-width:410px) {
    .n_article {
        max-height: 375px;
      min-height: 375px;
    }
}


@media(min-width:410px) and (max-width:768px) {
    .n_article {
        max-height: 420px;
      min-height: 420px;
    }
}

.agrobloggers {
    width: 100%; background: #F0F2F2;
    border-bottom: 1px solid #DCE0E0;
    border-right: 1px solid #DCE0E0;
    border-left: 1px solid #DCE0E0;
}

.agroblogger .bloggercontent {
    display: none;
}
.agroblogger .bloggerpicture {
    float: left; padding-right: 5px;
    min-height: 90px; max-height: 90px;
}
.agroblogger .bloggerpicture img {
    max-height: 60px;
    margin: 5px;
}
.agroblogger .bloggername {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
}
.agroblogger .bloggerinfo {
    font-size: 13px; font-style: italic;
}
.agroblogger .bloggerintro {
    font-size: 13px;
}
.agroblogger .bloggerintro a {
    padding: 0px; background: #88ac32;
    font-size: 13px; color: #fff;
    border-radius: 2px;
    padding-left: 4px; padding-right: 4px;
    text-decoration: none !important;
}
.agroblogger .bloggercontent {
    font-size: 13px; text-align: justify;
    color: #000;
}