/**
Theme Name: Optyk Katarzyna
Author: swami - Michał Warzecha
Author URI: https://swami.pl
Description: Optyk Katarzyna to salon optyczny znajdujący się w Chrzanowie.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: optyk-katarzyna
Template: astra
*/
.flex {
	display:flex;
}
#ast-fixed-header .main-header-bar {
    box-shadow: 0 1px 2px rgb(0 0 0 / 0%);
}
.current-menu-item {
    font-weight: 600;
}
.social-cont {
    display: flex;
    gap: 5px;
}

.social-cont img {
	transition: 300ms;
}

.social-cont a:hover img {
	transform: scale3d(1.1, 1.1, 1.1);
}

.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-2 {
    padding: 0;
}
.center {
	text-align: center;
}

html #ast-hf-menu-1 .current-menu-item > .menu-link:before {
    content: "";
    position: absolute;
    width: calc(100% - 1.2em);
    right: 50%;
    height: 2px;
    color: var(--ast-global-color-0);
    background-color: currentColor;
    transform: scale(1,1) translate(50%,-5px);
    transition: transform .3s ease-in-out,color .0s ease-in-out;
    /* z-index: 1; */
}

.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before, .ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {
    height: 2px;
    color: var(--ast-global-color-0);
    transform: scale(0,1) translate(-50%,-5px);
}
.ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link:before, .ast-desktop .ast-menu-hover-style-overline > .menu-item:hover > .menu-link:before {
    transform: scale(1,1) translate(50%,-5px);
}

.menuFont {
  font-weight: 700;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 {
  padding-left: 0px;
}
.pre {
	white-space: pre;
}

p.menuFont {
	font-size: 25px;
	margin-bottom: 0;
}
p.menuFont1 {
	font-size: 17px;
	line-height: 1.2;
	text-align:center;
	font-weight:700;
	margin-top:0;
	white-space: pre;
}
p.menuFont1 br {
	display:none;
}
.footer-cont {
    display: flex;
    gap: 100px;
}


#ast-mobile-header .social-cont {
    margin-left: 20px;
	margin-bottom: 10px;
}


@media screen and (max-width:921px) {
	p.menuFont {
	font-size: 20px;
}
p.menuFont1 {
	font-size: 12px;
}
	    .footer-cont {
        gap: 0;
        justify-content: space-evenly;
    }
}


@media screen and (max-width:481px) {
.footer-cont {
    gap: 0;
    flex-wrap: wrap;
}	
	
}


@media screen and (max-width:361px) {
	p.menuFont {
	font-size: 15px;
}
p.menuFont1 {
	font-size: 12px;
}
}