body { font-family: 'Merriweather', serif;

/*background: radial-gradient(50% 37.09% at 100% 50%,rgb(255 255 255 / 15%) 0,rgba(142,81,194,0) 100%),radial-gradient(50.14% 22.46% at 0 27.54%,rgb(216 115 216 / 15%) 0,rgba(15,222,101,0) 100%),#fff;*/

 }

.tab-content { 
    min-height: 250px;
    margin-bottom: 20px;
 }

#generateButton { clear:both; }

.form-group-clear { clear:both; }

#generatedGreeting {
    
    font-size: 30px;
    line-height: 44px;
    font-weight: normal;
    white-space: pre-wrap;
    clear: both;
    margin-top: 50px;
    margin-bottom: 40px;
}

.divBreak { display:block; clear:both; }

#greetingForm {clear: both; }
#generateButton, #copyButton {float: left; margin-right: 20px;}

.form-group { float: left; margin-right: 10px; }

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) { width: auto !important; }

.selector {
     border-color: #D9E1E8; 
     background-color: #F6F7F9; 
     padding: 8px 16px;
     border-radius: 8px;
}

.blue_arrow::after {
    color: #76ADFF;
}

.toptopheader h1 { color: #000; margin-bottom: 20px; }
 a.toptopheader { text-decoration:none; color:#000; }
 a.toptopheader:hover { text-decoration:none; }

 .nav-pills .nav-link {
    background-color: #242424;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    text-align: left;
    padding: 20px 29px 23px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #000;
    color: #fff; 
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;    
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #242424;
}

.nav-link { width: 100%; }

    li.nav-item { padding: 0px !important; display:flex; }

    .ideas_title, .all_greetings { margin-bottom:20px; font-size:20px; }
 

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* background: rgba(73, 122, 255, .8); */
    background: rgb(73, 122, 255);
    width: 200px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center; /* Выравнивание текста по центру */
    line-height: 40px; /* Выравнивание текста вертикально по центру */
    font-size: 16px; /* Размер шрифта */
    color: #fff; /* Цвет текста */
    padding: 0; /* Убрать отступы вокруг текста */
    z-index: 1000;

}

#return-to-top i {
    color: #fff;
    font-size: 16px;

}

.description-text { font-color: #444; margin-top:20px; }

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.background-gradient {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    z-index: 998;    
}

.show_mobile { display:none; }
.hide_mobile { display:inline-block; }


.all_greetings_container ul { list-style:none; }

.items_badges { margin: 20px 0 80px 0; clear:both; }
.items_badges .badge { background-color: #eee; padding: 10px 15px; float:left; margin-right: 10px; }

@media (max-width: 768px) {

    .show_mobile { display:inline-block; width: 60px; }
    .hide_mobile { display:none; }

    #main_navbar .navbar-text { display:none; }

    li.nav-item {
        padding: 0px !important;
        display: flex;
        width: 33%;        
    }    

    .nav-pills .nav-link { padding: 10px !important; font-size: 13px; }

    .toptopheader h1 { font-size: 26px !important; margin-bottom:25px; }

    .btn-mobile {
      font-size: 15px;
      padding: 7px 10px;
    }
    #generateButton { margin-right:10px; }
    #copyButton { margin-right:0px; }

    #generatedGreeting { font-size:21px; line-height:33px; }

    #greetingForm .form-group { clear: both; }

}