/*
Theme Name: moyaodezhda-theme
Template: oceanwp

Не обязательные параметры:
Theme URI: 
Description: Дочерняя тема для темы oceanwp
Author: Женя
Author URI:
Version: 1.0
*/
@charset "utf-8";

/****************************** ОБЩЕЕ НАЧАЛО ******************************/
.content-area {
	padding-right: 0px !important;
}
.mt_0 {
	margin-top: 0px;
}
.mb_0 {
	margin-bottom: 0px;
}
.mt_25 {
	margin-top: 25px;
}
.mt_50 {
	margin-top: 50px !important;
}
.mb_25 {
	margin-bottom: 25px;
}
.mb_50 {
	margin-bottom: 50px;
}
/* Флекс */
.row {
	display: flex;
	gap: 20px;
}

.justify-content-center {
	justify-content: center;
}
.justify-content-between {
	justify-content: space-between;
}
.text-center {
	text-align: center;
}
/* Флекс */
/* Секции */
section {
	padding: 50px 0px !important;
}
/* Секции */


/* Кнопки */
.banner_butt {
	padding: 10px 30px;
}
/* Кнопки */
/****************************** ОБЩЕЕ КОНЕЦ ******************************/




/****************************** ГЛАВНАЯ СТРАНИЦА НАЧАЛО ******************************/
.main_banner {
	height: 95vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.main_banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.banner-content {
	position: relative;
	z-index: 1;
	text-align: center;
}

.main_banner h1 {
	margin-top: 0px;
	color: var(--main_white);
	font-size: 72px;
}

.main_banner h2 {
	color: var(--main_white);
}

/* Рубрики */
.card {
	border: 1px solid #4a4a4a;
	border-radius: 10px;
	transition: .3s;
}
.card:hover {
	background: #faf8f4;
	border: 1px solid #a67c52;
}
.card:hover a {
	color: #a67c52;
}

.card-img-top {
	border-radius: 10px;
	width: 100%;
	height: 300px;
	object-fit: cover; /* Основное свойство для обрезки */
}
.card-body {
	padding: 20px;
}
/* Рубрики */

/* Образы на главной */
.style-card {
	border: 1px solid #4a4a4a;
	border-radius: 10px;
	transition: .3s;
}
.style-card:hover {
	background: #faf8f4;
	border: 1px solid #a67c52;
}
.style-image img {
	border-radius: 10px;
	height: 300px;
	object-fit: cover; /* Основное свойство для обрезки */
}
.style-content {
	padding: 10px;
}
.style-card:hover a {
	color: #a67c52;
}
/* Образы на главной */
/****************************** ГЛАВНАЯ СТРАНИЦА НАЧАЛО ******************************/


.subscription-form {
    padding: 15px;
    background: #f9f9f9;
    text-align: center;
}

.subscription-form input[type="email"] {
    padding: 10px;
    margin: 5px;
    width: 250px;
    border: 1px solid #ddd;
}

.subscription-form button {
    padding: 10px 20px;
    background: #2d89ef;
    color: white;
    border: none;
    cursor: pointer;
}

.subscription-form button:hover {
    background: #2b5797;
}