/*
	Theme Name: Skyscraper - Хмарочос
	Theme URI: https://skyscraper.com.ua
	Author: Ant3Dstudio
	Author URI: https://ant3dstudio.com
	Description: Тема для ГО «Агенція сталого розвитку "Хмарочос"». Community-платформа / сайт-візитка з елементами новинного сайту, бази знань та презентації проєктів.
	Version: 1.0.0
	Requires at least: 6.0
	Tested up to: 6.7
	Requires PHP: 8.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: skyscraper
	Domain Path: /languages
	Tags: custom-logo, custom-menu, featured-images, translation-ready, blog, education, portfolio
*/


/* ==========================
   TYPOGRAPHY
========================== */

body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}
input {
    border: solid #D5D6D5;
    border-width: 1px 1px 4px 1px;
    border-radius: 100px;
    padding: 10px 20px;
}
	input:focus {
    outline: none;
    box-shadow: none;
	}
figure{
	background-color:#dbdbdb;
	margin:0px !important;
	object-fit: cover;
    overflow: hidden;
}
/* Заголовки */

h1 {
    font-size: 56px !important;
    font-weight: 500 !important;
    margin-bottom: 24px !important;
}

h2 {
    font-size: 48px!important;
    font-weight: 700!important;
    margin-bottom: 18px;
}

h3 {
    font-size: 28px !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}

h4 {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
}

h5 {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}

h6 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 10px ;
}

.h-sketched {
	position:relative;
    width: fit-content;
}

.h-sketched:after {
	content: '';
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: -50px;
    background-image: url(/wp-content/uploads/2026/07/text-sketch.svg);
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Параграф */

p {
    font-size: 18px;
    margin-bottom: 0px!important;
    color: #030A06;
}

/* Ссылки */

a {
    color: #d4a017;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: #b8860b;
    text-decoration: underline;
}

/* ==========================
   BUTTONS
========================== */

/* Золотая кнопка */

.btn-gold {
    display: inline-block;
    padding: 10px 20px;
    background: #FFCD00;
    color: #030A06;
   	border: solid #CC9E0E;
	border-width: 1.5px 1.5px 4px 1.5px;
	border-radius:100px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-gold:hover {
     color: #030A06;
   	border: solid #D5D6D5;
	border-width: 1.5px 1.5px 4px 1.5px;
	background-color:#fff;
}

/* Прозрачная кнопка */

.btn-transparent {
   display: inline-block;
    padding: 10px 20px;
   
    color: #030A06;
   	border: solid #D5D6D5;
	border-width: 1.5px 1.5px 4px 1.5px;
	border-radius:100px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-transparent:hover {
    background: #FFCD00;
    color: #030A06;
   	border: solid #CC9E0E;
	border-width: 1.5px 1.5px 4px 1.5px;
}

.btn-more {
   display: inline-block;
    padding: 10px 20px;
   
    color: #030A06;
   
	border-radius:100px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-more:hover {
   text-decoration:underline;
	color:#000;
}

.backgroun-section-color{
	background-color:#002C56;
}


.section-gap{
	padding:110px 0px;
}

.border-r{
	border-radius:8px;
}


/* ==========================
   BACKGROUNDS
========================== */

/*   Фони та текстури */
.bg-light-blue {
	background-color: #C8E4FF24;
}

.bg-blue {
	background-color: #002C56;
}

.bg-yellow {
	background-color: #FFC612;
}











@media (max-width: 768px) {
	
	h1{
		font-size: 45px !important;
    	margin-bottom: 20px !important;
	}
	h2{
		font-size: 36px !important;
    	margin-bottom: 20px !important;
		font-weight:400 !important;
	}
	.section-gap{
		padding:64px 0px;
	}
	
	
	
	
	
	
	
}