/*Скорость анимации*/
button, a, .mbr-btn.btn-solid.btn-green {
    transition: all 0.3s ease-in-out !important;
}

/* Убираем логотип везде */
.brand-row { display: none; }

/* Включаем логотип на стартовой странице*/
.postid-18 .brand-row { display: block; }

/*Увеличиваем отступ у хлебных крошек сверху — от меню*/
.breadcrumbs-wrap .breadcrumbs {
    padding: 40px 0 10px;
}

/*Отступ над прогрессом в хлебных крошках над списком с уроками*/
.breadcrumbs-wrap .course-progress-wrap {
    padding: 40px 0 15px;
}

/* Убираем заголовок на стартовой странице*/
.postid-18 .page-title {
    display: none;
}

/*Эффект наведения на пункты меню геймификации*/
.mblg-nav-link:hover {
    background: #313D7C;
}

/*Цвет разделителей в выпадающем меню*/
.dropdown-menu li, .mobile-menu .menu-item, .mblg-nav-link {
    border-bottom: 1px solid #455190;
}

/*Цвет открытых замочков на уроках*/
.materials-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-unlock, .search-result-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-unlock {
    color: #00CA87 !important;
}

/*Цвет открытых замочков на папках*/
.folder-wrap .folder-content .bottom-icons .status .icon-unlock {
    color: #00CA87 !important;
}

/*Цвет закрытых замочков на уроках*/
.materials-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-lock, .search-result-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-lock {
    color: #FC4C40 !important;
}

/*Цвет закрытых замочков на папках*/
.folder-wrap .folder-content .bottom-icons .status .icon-lock {
    color: #FC4C40 !important;
}

/*Цвет оранжевых полузакрытых замочков на папках*/
.folder-wrap .folder-content .bottom-icons .status .icon-unlock-alt {
    color: #FFC700 !important;
}

/*Кнопки заданий и тестов*/
#mbl-tests_hide-show_btn, #mbl_show_response_form, #mbl-test-start, #test-send-btn {
    font-family: "Oswald Regular", "Inter", "Roboto", "Open Sans", sans-serif;
    width: 100%;
    font-weight: 400;
    border-radius: 40px;
}

/*Фон и шрифт полей ввода Задать вопрос*/
form.ask-form .form-fields-group input { 
    background: #F4F4F4;
    border-radius: 5px;
    font-family: "Inter", "Roboto", "Open Sans", sans-serif !important;
    font-weight: 400;
}

/*Цвет иконок в меню пользователя при наведении — тех, которые глючат*/
.dropdown-menu li:hover > a .fa {
    color: #FFA261 !important;
}

/*Цвет карточки товара в корзине*/
.woocommerce-cart-form .tab-content {
    background-color: #fff !important;
}

/*Устанавливаем новые шрифты*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/*Задаем шрифт всему сайту*/
body {
    font-family: "Inter", "Roboto", "Open Sans", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

/*Скрыть все комментарии под уроками*/
.wpm-comments-wrap {
  display: none;
}

/*Скрыть вкладку регистрации*/
.login-tabs .tab-2:has(a[href="#wpm-register"]), .login-tabs.bordered-tabs .tab-content:before {
  display:none;
}

/*Кнопка добавления рекомендованных товаров - Апсел*/

/*Оформление кнопки*/
.woocommerce a.button.mblp-add-to-cart, .woocommerce-page a.button.mblp-add-to-cart {  
    transition: all 0.3s ease-in-out !important;
    font-family: "Inter", "Roboto", "Open Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
    margin: 0 !important;
    background: none !important;
    color: #111 !important;
}

/*Эффект наведения на текст*/
.woocommerce a.button.mblp-add-to-cart:hover, .woocommerce-page a.button.mblp-add-to-cart:hover {  
    color: #FF8A38 !important;
}

/*Эффект наведения на иконку*/
.mblp-site-content .upsells-holder .upsell-row .mblp-add-to-cart .iconmoon.mbr-btn:hover, .mblp-site-content .upsells-holder .upsell-row .mblp-add-to-cart:hover .iconmoon.mbr-btn {  
    transition: all 0.3s ease-in-out !important;
    background: #FF8A38 !important;
    color: #FFFFFF !important;
}

/*Цвет обложки товаров с дизайном Картинка по умолчанию*/
.mblp-product-cart-item .folder-image, .shop-row .folder-wrap.folder-with-subfolders.folder-image {
    background-color: #1D2968 !important;
}

/*Цвет по умолчанию у папок*/
.folder-wrap .folder-front use:first-of-type, .folder-wrap .folder-back use:first-of-type, .folder-wrap.folder-with-subfolders .folder-sub-front use:first-of-type, .folder-wrap.folder-with-subfolders .folder-sub-back use:first-of-type {
  fill: #1D2968;
}

/*Цвет в центральном блоке по умолчанию у папок с папками*/
.folder-sub > use:nth-of-type(2) {
  fill: #1D2968;
  opacity: 25%;
}

/*Цвет по умолчанию у уроков*/
.materials-row .material-item .thumbnail-wrap, .search-result-row .material-item .thumbnail-wrap {
    background-color: #1D2968;
}

/* -------------------------------- */

/* Стилизация контейнера логотипа */

.brand-row .flex-logo-wrap {
    padding: 0;
}

.brand-row .flex-logo-wrap .wpm_default_header {
    width: 100%;
    min-height: 0px;
    background-color: #376FC1;
    border-radius: 15px;
    padding: 40px 170px;
    background-image: url(/wp-content/uploads/2024/11/bg-desktop.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    justify-content: left;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.brand-row .flex-logo-wrap span.wpm_default_header .brand-logo, .brand-row .flex-logo-wrap a.wpm_default_header .brand-logo {
    max-height: 140px;
    margin: 0;
}

@media screen and (max-width: 1399px) {
  .brand-row .flex-logo-wrap .wpm_default_header {
    padding: 40px 170px;
    background-image: url(https://online.victory-school.com.ua/wp-content/uploads/2025/02/bg-1399.png);
}}

@media screen and (max-width: 1199px) {
  .brand-row .flex-logo-wrap .wpm_default_header {
    background-image: url(https://online.victory-school.com.ua/wp-content/uploads/2024/11/bg-1199.png);
    padding: 40px 100px;
}}

@media screen and (max-width: 991px) {
  .brand-row .flex-logo-wrap .wpm_default_header {
    background-image: url(https://online.victory-school.com.ua/wp-content/uploads/2025/02/bg-991.png);
    padding: 40px 60px;
}

.brand-row .flex-logo-wrap span.wpm_default_header .brand-logo, .brand-row .flex-logo-wrap a.wpm_default_header .brand-logo {
    max-height: 110px;
    margin: 0;
}}

@media screen and (max-width: 767px) {
  .brand-row .flex-logo-wrap .wpm_default_header {
    padding: 30px;
    background: linear-gradient(91.54deg, #014BAC 0%, #5D87D0 100%) !important;
    background-image: none;
    justify-content: center;
}}

/* ---------------------------------- */

/*Высота логотипа*/
.brand-row {
    padding: 30px 0 0 0;
}

/*Убрать отступы у логотипа в мобильной версии снизу и добавить по бокам*/
.brand-row .flex-logo-wrap {
    min-height: 30px;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}

.page-title-row {
    margin-top: 30px;
}

/* -------------------------------- */

/*Отступы у кнопок MaxButton*/
.maxbutton {
    margin: 10px 20px 10px 0px !important;
}

/*Для скачивания в таблице*/
.maxbutton.download-table {
    margin: 0px !important;
    font-size: 14px !important;
}

/*Кнопка MaxButton по центру*/
[style="text-align: center;"] > .maxbutton {
    margin: 10px !important;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.maxbutton {
    width: 100% !important;
    margin: 10px 0 !important;
}
.maxbutton .mb-text {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/*Для скачивания в таблице*/
.maxbutton.download-table .mb-text {
    font-size: 14px !important;
}}

/*СТИЛИ ДЛЯ КНОПОК ПЛАГИНА Forget About Shortcode Buttons*/

/*Отступы у кнопок разных размеров Forget About Shortcode Buttons*/

.fasc-size-xsmall {
    padding: 7px 14px;
}

.fasc-size-small {
    padding: 9px 18px;
}

.fasc-size-medium {
    padding: 11px 22px;
}

.fasc-size-large {
    padding: 15px 40px; /*15px 30px;*/
    font-size: 17px;
}

.fasc-size-xlarge {
    padding: 20px 46px; /*20px 40px*/
}

/*Стиль кнопок Forget About Shortcode Buttons по умолчанию*/
a.fasc-button {
    display: inline-block;
    transition: all 0.3s ease-in-out !important;
    margin: 10px 20px 10px 0px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-family: "Oswald Regular", "Inter", "Roboto", "Open Sans", sans-serif;
}

[style="text-align: center;"] > a.fasc-button, .aligncenter > a.fasc-button {
    margin: 10px;
}

tr a.fasc-button {
    margin: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
a.fasc-button {
    width: 100%;
    margin: 10px 0px;
}}

/*Отступы у иконок кнопок Forget About Shortcode Buttons*/

/*Отступ иконок, стоящих перед текстом*/

a.fasc-size-xsmall.fasc-ico-before:before, a.fasc-size-xsmall.ico-fa.fasc-ico-before:before {
    padding-right: 9px;
}

a.fasc-size-small.fasc-ico-before:before, a.fasc-size-small.ico-fa.fasc-ico-before:before {
    padding-right: 10px;
}

a.fasc-size-medium.fasc-ico-before:before, a.fasc-size-medium.ico-fa.fasc-ico-before:before {
    padding-right: 11px;
}

a.fasc-size-large.fasc-ico-before:before, a.fasc-size-large.ico-fa.fasc-ico-before:before {
    padding-right: 15px;
}

a.fasc-size-xlarge.fasc-ico-before:before, a.fasc-size-xlarge.ico-fa.fasc-ico-before:before {
    padding-right: 18px;
}

/*Отступ иконок, стоящих после текста*/

a.fasc-size-xsmall.fasc-ico-after:after, a.fasc-size-xsmall.ico-fa.fasc-ico-before:after {
    padding-left: 9px;
}

a.fasc-size-small.fasc-ico-after:after, a.fasc-size-small.ico-fa.fasc-ico-before:after {
    padding-left: 10px;
}

a.fasc-size-medium.fasc-ico-after:after, a.fasc-size-medium.ico-fa.fasc-ico-before:after {
    padding-left: 11px;
}

a.fasc-size-large.fasc-ico-after:after, a.fasc-size-large.ico-fa.fasc-ico-before:after {
    padding-left: 15px;
}

a.fasc-size-xlarge.fasc-ico-after:after, a.fasc-size-xlarge.ico-fa.fasc-ico-before:after {
    padding-left: 18px;
}

/*Кнопка темнее при наведении*/
.fasc-type-flat:hover {
  background-image: linear-gradient(to bottom, rgba(0 0 0 / 5%), rgba(0 0 0 / 5%));
}


/* Кнопка при наведении */
a.fasc-type-flat:hover {
    background-image: linear-gradient(to bottom, #FF8A38, #FF8A38);
    color: #fff !important;
}