/**
Theme Name: GorillaWeb
Author: GorillaWeb
Author URI: https://gorillaweb.pl
Description: Motyw GorillaWeb oparty o Astra
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gorillaweb
Template: astra
*/

:root {
    --main-accent: #3399ff;
    --second-accent: #0557bc;
}


/* Globalne klasy */

b,
strong {
    font-weight: 600 !important;
}

.site-content {
    margin: 70px 0 90px 0;
}

@media only screen and (max-width: 544px) {
    .site-content {
        margin: 30px 0 40px 0;
    }
}

.phone-box .elementor-icon-box-icon {
    transition: 0.5s all;
}

.phone-box:hover .elementor-icon-box-icon {
    transform: scale(1.1);
}

.offer-box .elementor-button {
    padding: 0 !important;
}


/* Top header, header */

.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap,
.ast-above-header-wrap .ast-container {
    display: grid !important;
}

.top-heading-contact {
    display: inline-flex;
    line-height: 1.3 !important;
    font-size: 14px;
    margin-left: 10px;
}

.top-heading-contact a {
    color: #808080;
    transition: 0.5s all;
}

.mobile-contact-icon {
    width: 24px;
    height: 24px;
}

.top-heading-contact:hover a,
.top-heading-contact:hover span {
    color: var(--main-accent) !important;
}

.top-heading-contact img {
    width: 46px;
    padding-right: 15px;
    transition: 0.5s all;
}

.top-heading-contact:hover img {
    transform: scale(1.1);
}

.top-heading-contact span {
    font-size: 20px;
    font-weight: 600;
    color: #404756;
    transition: 0.6s all;
    font-family: 'Inter';
}

.mobile-heading-contact img {
    width: 24px;
    margin-right: 10px;
}


/* Footer, before footer */

.menu-footer li {
    display: table;
}

.menu-footer li:before {
    display: table-cell;
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--second-accent);
    font-size: 12px;
    padding-right: 8px;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.footer-logo {
    width: 160px;
    margin-bottom: 10px;
}

.footer-element-heading {
    font-size: 20px;
    font-family: 'Inter';
   /* margin-bottom: 15px; */
    line-height: 1.2em;
	display: block; /* temporary style */
}

.footer-contacts a {
    display: inline-table;
    padding-bottom: 6px;
}

.footer-contacts i {
    color: var(--second-accent);
    font-size: 12px;
    padding-right: 8px;
    display: inline;
}

.site-footer ul {
    list-style: none;
    margin: 0;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
    min-height: auto !important;
}

.footer-partners {
    height: 100px;
    width: 200px;
}

/* Page title */

.ast-advanced-headers-title {
    font-size: 1.6em;
}

/* Menu, submenu */

@media only screen and (min-width: 921px) {
    .main-header-menu .sub-menu {
        background-color: var(--main-accent) !important;
        padding: 10px;
    }

    .main-header-menu .sub-menu li {
        padding: 5px 10px !important;
        transition: 0.5s all;
    }

    .main-header-menu .sub-menu li a {
        color: #fff !important;
    }

    .main-header-menu .sub-menu li:hover {
        background-color: #2e8ae6;
    }
}

/* Sidebar */

.custom-archive-widget ul {
    list-style-type: none;
    margin: 0 0 0 5px !important;

}

.custom-archive-widget h5 {
    color: var(--e-global-color-primary);
    margin-bottom: 10px;
}

.custom-archive-widget ul li {
    display: table;
}

.custom-archive-widget ul li:before {
    display: table-cell;
    content: '\f0da';
    padding-right: 8px;
    padding-bottom: 6px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.sidebar-menu-custom ul {
    margin: 0 !important;
}

/* Single post */

.single-post-content-custom h2,
.single-post-content-custom h3,
.single-post-content-custom h4,
.single-post-content-custom h5,
.single-post-content-custom h6 {
    margin: 10px 0 15px 0 !important;
}

.featured-image img {
    aspect-ratio: 4 /3;
    object-fit: cover;
}

.single-post-content-custom ol,
.single-post-content-custom ul {
    margin: 0 0 10px 25px !important;
}

.price-table-container table tr td:first-child {
    width: 80%;
}