/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
    --zloty: #D5BD49;
    --czarny: #030304;
    --szary: #737373;
    --jszary: #A4A5A5;
}
.elementor-widget-theme-site-logo img,
.site-logo img,
.elementor-widget-image img[src$=".svg"] {
  width: 184px!important;
  height: auto;
  max-width: none;  
}

.s-menu-cta {
    position: relative;
    border: 2px solid var(--zloty) !important;
    border-radius: 3px;
}
.s-menu-cta a {
    margin: 0 !important;
}
.s-menu-cta {
    transition: all 0.3s ease;
}
.s-menu-cta:hover {
    background: var(--zloty);
}
.s-menu-cta:hover a{
    color: var(--czarny) !important; 
}
.s-menu-cta:hover a:after {
    display: none;
}
.s-menu-cta:hover:before {
    color: var(--czarny);
}

.s-menu-cta:before {
    display: block !important;
    content: "Zadzwoń";
    color: var(--jszary);
    font-size: 12px;
    position: absolute;
    top: -20px;
    left: 0;
}

@media screen and (max-width: 480px){
    .s-menu-cta {
        padding-top: 18px !important;
        background: var(--czarny);
    }
    .s-menu-cta a{
        color: var(--zloty) !important;
    }
    .s-menu-cta:before {
        color: var(--zloty);
        left: 38px;
        top: 8px;
    }
}
h2 span {
    color: var(--zloty);
}

.single-post h2, 
.single-post h3, 
.single-post h4 {
    font-family: "Marcellus", Sans-serif !important;
}
.single-post h2 {
    margin-top: 40px;
}
.single-post h1 {
    position: relative;
}
.single-post h1:after {
    content: '';
    display: block;
    width: 30%;
    height: 6px;
    background-color: var(--zloty);
    position: absolute;
    bottom: -20px;
    left: 0;
}
.single-post .wp-block-quote {
    font-style: italic;
    padding: 40px;
    border: 1px solid var(--zloty);
    border-radius: 20px;
    margin: 40px auto;
    width: 80%;
    position: relative;
}
.single-post .wp-block-quote:before {
    content:'';
    display: block;
    width: 77px;
    height: 65px;
    background:url('qoute.svg');
    position: absolute;
    top: -30px;
    left: -15px;
}
.elementor-widget-theme-post-content a{
    color: var(--zloty) !important;
}