.btn, .search {
    color: white;
    /* background-color: #4394D0; */
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;  
}    
.search {
    /* background-color: #8A478E !important; */
    /* box-shadow: -2px 2px 1px #642D67; */
}  
.ask {
   position: absolute;
    top: 0px;
    right: 44px;
    width: 105px;
    font-size: 12px;
    line-height: 18px;
    margin: 10px; 
    color: #D6A0AD;
    font-weight: bold;
    text-transform: uppercase;
    float: right; 
    text-align: right;
}  
a.ask {
   text-decoration: none;
}  

.rendelo_icon {
   clear: both;
   background-image: url(images/rendelo-sprite.png);
   background-repeat: no-repeat;
   /* margin: 3px 10px 15px 0px; */
   margin-right: 1rem;
}
.rendelo_icon.title {
    background-position: 38px;
    width: 38px;
    height: 38px;               
    /* float: left; */
}
.rendelo_icon.question {
    background-position: 0px 0px;
    width: 35px;
    height: 35px;
    /* float: left; */
}
.rendelo_icon.answer {
   background-position: -35px 0px;
    width: 32px;
    height: 32px;
    /* margin-top: 22px; */
    float: left;
}

#rendelo_header {
    height: 140px; 
    margin: 0 -10px;
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;  
    background-color: #F2F2F2;
    background-image: url(images/rendelo_fejlec_hatter.png);
    background-repeat: no-repeat;
    background-position: 160px 0px;
    box-shadow: 1px 1px 3px 0px #808080;
}
#rendelo_header .ask {
    position: absolute;
    padding: 10px;
    width: 108px;
    right: 85px;
    top: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
     border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}
#rendelo_header .search_div {
    position: absolute;
    right: 12px;
    bottom: 10px;
}
#rendelo_header input[type=text] {
    float: left;
    width: 170px;
    height: 20px;
    margin-right: 5px;        
    background: transparent;
    color: #6D7071;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;  
    border-bottom: 2px solid #808184;
}
#rendelo_header input[type=text]:focus {
    outline: 0;
}
#rendelo_header .search {    
    float: right;
    background-image: url(images/rendelo_search.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    color: transparent;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;  
}
#rendelo_header #rendelo_logo {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}
#rendelo_header .title {
    position: absolute;
    z-index: 0;
    left: 166px;
    top: 60px;
    padding: 20px 26px;
    font-size: 40px;
    text-transform: uppercase;
    background-color: #96C53F;
    color: white;
    font-family: HypatiaSansPro;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    cursor: pointer;
}
#rendelo_header  .ask, #rendelo_header  .search {
    //float: left; 
} 
#rendelo_header a.ask:hover, #rendelo_header a.search:hover {
    text-decoration: none;
}

#content {
    width: 100%;
}
 
#rendelo_tagcloud {
    position: relative;
    padding: 20px 5px;
    margin-top: 30px;
    float: left;
    width: 150px;
    text-align: center;
    border-top: 10px solid #7D95BD;
    border-bottom: 10px solid #7D95BD;
    box-sizing: border-box;
}

#rendelo_tagcloud .tag a{
    color: #a4a4a4;
    text-decoration: none;
}
#rendelo_tagcloud .tag a:hover{
    color: #7d95bd;
    text-decoration: underline;
}
#rendelo_tagcloud .tag.S {
    font-size: 10px;
}
#rendelo_tagcloud .tag.M {
    font-size: 12px;
}
#rendelo_tagcloud .tag.L {
    font-size: 14px;
}
#rendelo_tagcloud .tag.XL {
    font-size: 16px;
}
#rendelo_tagcloud .tag.hidden {
    display: none;
}

#rendelo_content {
    float: left;
    padding: 10px 10px;
    width: 460px;
    width: calc(100% - 150px);
    box-sizing: border-box;
}
#rendelo_articles, #rendelo_tags, #rendelo_search {
    padding: 10px;
    margin-bottom: 10px;
}
#rendelo_search {
    padding: 12px;
}
#rendelo_articles .item, #rendelo_tags .item, #rendelo_search .item {
    position: relative;
    margin: 0 0 10px 0;
    padding: 10px;
}
#rendelo_articles .item h1, #rendelo_tags .item h1, #rendelo_search .item h1 {
    margin-top: 0;
}
#content_body  .item {    
    clear: both;
    position: relative;
    overflow: hidden;
    margin: 10px 0;    
    border-bottom: 1px solid #D8D8D8; 
}
#content_body .pager .item {    
   border: 0;
}
#content_body .item h3 a {
    color: #605e5c;
}
#content_body .item .lead {
        width: 610px;
}
#rendelo_articles .item p, #rendelo_tags .item p, #rendelo_search .item p, #rendelo_szakertok .item p {
    clear: both;
}

/*#rendelo_articles h2, #rendelo_szakertok h2 */
#rendelo_tags h2, #rendelo_search h2 {
    margin: 6px 0px;        
    color: #7d95bd;        
}  

#content_body h3, 
#content_body .item h1 /* megnyitott kérdés-válasz oldal 1 elemű listaként jelenik meg*/
{
    line-height: 22px;
    /* margin: 9px 0px 4px 0; */
    font-size: 20px;
    font-weight: bold;
}

.question_text {
    clear: both;
    margin-bottom: 1.5rem;
}
#rendelo_articles p, #rendelo_tags p, #rendelo_search p, #rendelo_szakertok p {
    color: #6D7071;
}
#rendelo_articles h3 a, #rendelo_tags  h3 a, #rendelo_search  h3 a, #rendelo_szakertok  h3 a {
    color: #605e5c;
    font-size: 19px;
    text-decoration: none;
    float: left;
    margin-bottom: 15px;
    width: 380px;        
}
#rendelo_articles p a, .more  {
    color: #7d95bd;
}

/* tabs */
#rendelo_search .ui-widget-content, #rendelo_search .ui-widget-header {
    background: none;
    border: none;
    color: #444444;
    padding-left: 0px;  
    width: 454px;
}    
#rendelo_search .ui-widget-header {
    border-bottom: 6px solid #D6A0AD;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;  
}    

#rendelo_search .ui-widget-header .ui-state-default {
    background: #7D95BD;        
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; 
    outline: none;
    padding: 0px;
    margin-top: 11px;
    height: 30px;
    margin-right: 0px;
    width: 208px;
}

#rendelo_search .ui-state-default a, #rendelo_search .ui-state-default a:link, #rendelo_search .ui-state-default a:visited {
   color: white; 
   outline: none;
   font-size: 16px;
   font-weight: bold;
}

 #rendelo_search .ui-state-active,  #rendelo_search .ui-widget-content .ui-state-active,  #rendelo_search .ui-widget-header .ui-state-active {
    background: #D6A0AD;
    color: white;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;  
    outline: none;
    padding: 10px 6px 2px 6px;
    margin-top: 0;
}
#rendelo_search .ui-widget-content a {
    color: #96C53F;
}
#rendelo_search .ui-widget-content p {
    clear: both;
}

.question_text p {
    color: #171717 !important;
}

.more {
    position: absolute;
    right: 25px;
    bottom: 5px;          
}

.box.szakertoink {
    clear: both;
    position: relative;
    margin: 10px 0 20px 0;    
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
    padding: 10px 6px;    
}

.box.szakertoink:hover {       
    background-color: #F6F6F6;
}
.box.szakertoink img.profile-image {   
    max-width: 180px;
    float: left;  
    margin: 0 20px 5px 5px;
    object-fit: cover;
    object-position: center;
    width: 125px;
    height: 125px;
}
.box.szakertoink .profile-name {
    color: #605e5c!important;
    font-size: 24px!important; 
    font-weight: bold; 
    line-height: 30px;
    margin: 0;
}
.box.szakertoink .profile-job {
    color: #7d95bd;
    font-size: 14px; 
    /*line-height: 12px;*/
    margin-bottom: 5px
}
.box.szakertoink .profile-description {
    /*width: 620px;*/
    font-size: 15px;
    margin-top: 8px;
    margin-left: 150px;
}
.box.szakertoink .button.ask {
    float: right; 
    margin-top: 10px; 
    width: 108px;
    padding: 5px 10px;
}

#rendelo_content .expert {
    margin: 30px 15px;
    color: #96C53F;
    cursor: pointer;
}

#rendelo_content .related a {
    color: #96C53F;
    margin-left: 15px;
}  

#content_body  .group-header {
    margin: 10px 0;     
    overflow: hidden;
}
#content_body .group-header h2, #content_body h2:not(.h1) {
    /*float: left;*/
    font-size: 20px;
    color: #3D7B92;
    /*clear: both;*/
}
#content_body .group-header img {
    float: right;
    height: 60px;
    margin: 0 10px;
}
#content_body .more-content {
    position: relative;
    overflow: hidden;
/*    float: right;*/
/*    width: 205px;*/
    height: 30px;
    margin-right: 16px;
}
#content_body .more-content .arrow-next {
    position: absolute;
    bottom: 0;
    right: 0;
}

#content_body .more-content a {
    position: absolute;
    top: 8px;
    right: 36px;
    color: #44ABBC;
    font-size: 20px; 
}
#content_body .more-content a:hover {
    text-decoration: none;
}

@media (max-width: 700px){
    #rendelo_tagcloud {
        float: none;
        width: 95%;
    }
    #rendelo_tagcloud .tag {
        display: inline-block;
        padding: 5px;
        margin: 0;
    }
    #rendelo_tagcloud .more {
        padding: 5px;
        margin: 10px;
        position: static;
        display: block;
    }
    #content .kereses {
        position: static!important;
        text-align: center;
    }
    #content .kereses .ui-input-text {
        display: inline-block;
        vertical-align: top;
        width: 65%;
    }
    #content .kereses .ui-input-btn {
        display: inline-block;
        vertical-align: top;
        width: 10%;
    }
    #rendelo_content {
        padding: 0;
        width: 94%;
        float: unset;
    }
    #rendelo_articles, #rendelo_articles .item, #rendelo_search .ui-widget-content {
        padding: 0;
        width: 100%;
    }
    #rendelo_articles h3 a, #rendelo_tags h3 a, #rendelo_search h3 a, #rendelo_szakertok h3 a {
        float: unset;
    }
}
@media (max-width: 500px){
    .box.szakertoink .profile-description {
        margin-left: 105px;
    }
    .box.szakertoink img.profile-image {
        max-width: 80px;
    }
}