/*
Theme Name: Freeware Child
Theme URI: https://themespiral.com/themes/freeware
Author: zvit
Author URI: https://themespiral.com/
Description: Freeware is a fast, clean, and modern-looking responsive Free WordPress Blog Theme. Minimal, elegant, lightweight, fast & mobile friendly layout with WooCommerce compatibility. This is a flexible template uses fresh and clean design.This theme is the best choice even for personal or professional websites. Get free Supports at https://themespiral.com/forums, View demos at https://demo.themespiral.com/freeware and documentation at https://docs.themespiral.com/freeware
Version: 1.0.9
License: GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: freeware
Tags: one-column, right-sidebar, flexible-header, custom-header, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, news, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Freeware is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url("../freeware/style.css");

.has-header-image .custom-header-media img{
    height: auto;
  
}

.home .custom-header {
   height: auto; 
   
}
.custom-header-media, .wp-custom-header {
    height: auto;
}

.top-header .site-branding {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.top-header .social-navigation {
    display: table-cell;
    text-align: right;
    width: 100%;
    vertical-align: middle;

}

.top-header .social-links-menu {
	margin-right: 80px;
}

.top-header .header-right {
	display: table-cell;
	text-align: left;
	width: 30%;
	vertical-align: middle;
}

/*----------------------------------------------------------
Заголовок блогу
-----------------------------------------------------------*/

top-header-bg {
	background-position: center;
	background-size: cover;
}

.has-header-image .top-header {
	position: relative;
}

.has-header-image .top-header-bg {
	position: absolute;
	background-position: center;
	background-size: auto;
	padding: 20px 0;
	width: 100%;
	
}

/* -----------------------------------------------------------
Forms
-------------------------------------------------------------*/


.form-style-2-heading{
	font-weight: bold;
	font-style: italic;
	border-bottom: 2px solid #ddd;
	margin-bottom: 20px;
	font-size: 20px;
	padding-bottom: 3px;
}
.form-style-2 label{
	display: block;
	margin: 0px 0px 20px 0px;
}
.form-style-2 label > span{
	width: 180px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
.form-style-2 span.required{
	color:red;
}
.form-style-2 .tel-number-field{
	width: 40px;
	text-align: center;
}
.form-style-2 input.input-field, .form-style-2 .select-field{
	width: 48%;	
}
.form-style-2 input.input-field, 
.form-style-2 .tel-number-field, 
.form-style-2 .textarea-field, 
 .form-style-2 .select-field{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
	border: 1px solid #C52228;
}
.form-style-2 .textarea-field{
	height:100px;
	width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
	border: none;
	padding: 8px 15px 8px 15px;
	background: #C52228;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
	background: #C52228;
	color: #fff;
}

/*-------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.main-navigation ul li ul li:hover,
.main-navigation ul li ul li.current-menu-item,
.main-navigation ul li ul li.current_page_item,
.main-navigation ul li ul li.current-menu-ancestor {
    background-color: #808080 ;
}

.has-header-image .main-navigation ul li:hover > a, 
.has-header-image .main-navigation ul li.current-menu-item > a, 
.has-header-image .main-navigation ul li.current_page_item > a, 
.has-header-image .main-navigation ul li.current-menu-ancestor > a  {
	color: #fff;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon {
	border-top: 2px solid #eee;
	background: #fff;

}

.site-info .footer-right-info {

	
}
.has-header-image #nav-sticker
{
	background-color:rgba(0,0,0,.7);
}
.main-navigation ul.sub-menu, .main-navigation ul.children
{
	width:220px;
}
.has-header-image .main-navigation ul li a {    
    font-family: 'Lato', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.main-navigation ul.sub-menu li ul.sub-menu li a
{
	text-transform:initial;
}

/* ------------------------------------------------------------------
# Slider
---------------------------------------------------------------------*/
/* --------------------------------------------------------------------
# Calendar
----------------------------------------------------------------------*/

/* Footer Styles */
/* Темний підвал з трьома стовпцями */
.site-footer {
    background-color: #1a1a1a !important;
    color: #f0f0f0 !important;
    padding: 40px 0 20px;
    margin-top: 40px;
}

.footer-widgets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Стилі для кожного стовпця */
.footer-widget {
    background-color: transparent;
    padding: 20px;
    border-radius: 5px;
}

/* Різні кольори для стовпців */
.footer-widget:nth-child(1) {
    background-color: #2a2a2a; /* Трохи світліший чорний */
}

.footer-widget:nth-child(2) {
    background-color: #333333; /* Середній сірий */
}

.footer-widget:nth-child(3) {
    background-color: #3a3a3a; /* Найсвітліший */
}

/* Стилі для тексту */
.footer-widget h3,
.footer-widget h4 {
    color: #ffffff !important;
    border-bottom: 2px solid #4a4a4a;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.footer-widget p,
.footer-widget li {
    color: #d0d0d0 !important;
}

.footer-widget a {
    color: #66ccff !important;
    transition: color 0.3s ease;
}

.footer-widget a:hover {
    color: #ffffff !important;
}

/* Темний copyright area */
.copyright-area {
    background-color: #0a0a0a !important; /* Ще темніший, ніж основний підвал */
    padding: 20px 0;
    margin-top: 0;
    border-top: 1px solid #333333; /* Тонка лінія для розділення */
}

/* Якщо є внутрішній контейнер wrap */
.copyright-area .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Стилі для тексту в copyright */
.copyright-area .site-info,
.copyright-area .site-info p,
.copyright-area .site-info a {
    color: #cccccc !important;
    font-size: 14px;
}

/* Стилі для посилань в copyright */
.copyright-area .site-info a {
    color: #66ccff !important;
    text-decoration: none;
}

.copyright-area .site-info a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Якщо є якісь додаткові елементи в copyright */
.copyright-area .footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.copyright-area .footer-menu li {
    display: inline-block;
    margin-right: 15px;
}

.copyright-area .footer-menu li:last-child {
    margin-right: 0;
}

/* Адаптивність для мобільних */
@media (max-width: 768px) {
    .footer-widgets {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* Контейнер для посилань з логотипами */
.partner-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Стиль для кожного елемента */
.partner-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #f0f0f0 !important;
    border: 1px solid transparent;
}

.partner-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #4a4a4a;
    transform: translateX(5px);
}

/* Стиль для логотипів */
.partner-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
}

/* Стиль для тексту */
.partner-item span {
    font-size: 16px;
    font-weight: 500;
}

/* Вертикальне розташування */
.partner-links-vertical {
    display: flex;
    flex-direction: column;
    gap: 15px;
}



/* Адаптація для мобільних */
@media (max-width: 768px) {
    .partner-item {
        padding: 8px;
    }
    
    .partner-item img {
        width: 30px;
        height: 30px;
    }
    
    .partner-item span {
        font-size: 14px;
    }
}