/*
Theme Name: musketastenisz
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* Typography */

b, strong {
    font-weight: 600;
}

h2 {
    margin: 0 0 16px 0;
}


p {
    margin: 0 0 1.5rem;
}

p:empty {
	display: none;
}

h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow, p.text-shadow {
    text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}

@media (max-width: 575px) {
	h3 {
	    font-size: 26px;
	    line-height: 30px;
	}
}


/* Header */

.nav::before,
.nav::after {
	display: inherit;
}

.custom-header-top-nav-background::before,
.custom-header-top-nav-background::after {
	transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	-o-transform: skewX(-25deg);
}

#header.sticky-header .logo {
    max-width: 200px !important;
}

.custom-header-top-nav-background::after {
	background: var(--bs-primary) !important;
	opacity: .7;
}

@media (min-width: 992px) {
	#header.logo-overlay-header .overlay-logo-transition, #header.logo-overlay-header .logo-transition {
		transition: none;
	}
}

@media (max-width: 1169px) {
    #header .main-menu {
        display: none;
    }
    #header .mobile-toggle {
        display: inline-block;
    }
	#header.sticky-header .custom-header-main .container {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
	.custom-header-main {
        padding: 33.5px;
    } 
}

.fixed-header #header .header-main {
	background: transparent !important;
}

#header.sticky-header .custom-header-main.sticky {
	background: #FFFFFF !important;
}

@media (max-width: 767px) {
	.hero-logo {
		max-width: 150px;
		margin: 0 auto;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hero-logo {
		max-width: 200px;
		margin: 0 auto;
	}
}



/* Menu */

#header .main-menu .popup a, .side-nav-wrap .sidebar-menu .popup, .main-sidebar-menu .sidebar-menu .popup, .porto-popup-menu .sub-menu {
	font-weight: 600;
}

#header .main-menu > li.menu-item > a {
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
	color: #FFFFFF;
}

#header.sticky-header .main-menu > li.menu-item > a {
	color: #333333;
	font-weight: 500;
}

#header.sticky-header .main-menu > li.menu-item.active > a {
    color: #AADB1E;
}

#header .main-menu > li.menu-item > a::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--bs-primary);
    top: 51%;
    transform: translateY(-50%);
    right: 5px;
    border-radius: 50%;
}

/* Mobile menu */

#header .mobile-toggle {
	margin-left: auto;
	border-radius: 0;
	color: #333333;
}

#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow {
    color: #333333;
    font-weight: 700 !important;
}

#nav-panel .accordion-menu li.menu-item > a, #nav-panel .accordion-menu .arrow, #nav-panel .menu-custom-block a {
	font-weight: 600;
}

#nav-panel .accordion-menu li.menu-item.active>a, #nav-panel .accordion-menu>li.menu-item.active>.arrow {
    color: #333333;
}


/* Hero */

.porto-block .hero {
    background-position: bottom !important;
}

.porto-block .page-top {
	margin-top: 3rem !important;
}

.page-top .page-title {
    line-height: 1.4 !important;
}

.page-top .yoast-breadcrumbs, .page-top .breadcrumbs-wrap {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 1rem;
}

.page-top .breadcrumbs-wrap a {
	color: #FFFFFF !important;
}

.page-top ul.breadcrumb>li {
	color: #FFFFFF !important;
}


/* Layout */

.single-post .main-content-wrap, .blog .main-content-wrap, .archive.category .main-content-wrap {
	margin-top: 0;
}

.page-top .page-title {
	margin-bottom: 0 !important;
}

.container-md {
	max-width: 1600px;
	margin: 0 auto !important;
}

.max-w-600 {
	max-width: 600px;
	margin: 0 auto;
}

.custom-overlay::before {
	display: none;
}

.bordered {
	border: 1px solid var(--bs-primary);
}

.text-color-hover-primary:hover .porto-sicon-title {
	color: var(--bs-primary) !important;
}

/* Box */

.box-outer {
	margin-bottom: 2rem;
}

.box-outer .vc_column-inner {
    background: #f2f7f3;
}

.box .porto-sicon-description {
    background: transparent;
}

.box h3 {
    position: relative;
}

.box h3::after {
    content: url('/wp-content/uploads/2021/09/ball-icon.svg');
    position: absolute;
    top: -60px;
    right: -10px;
    z-index: 9;
}



/* Button */

html .btn-primary, html .btn-primary:hover, html .btn-primary:focus, html .btn-primary:active {
    color: #333333;
}

.custom-btn-style-1 p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #212529;
    opacity: 0.7;
    border-radius: inherit;
    transform: translate3d(5px, 5px, 0);
    transition: ease transform 300ms;
    z-index: -1;
}

.custom-btn-style-1.custom-btn-primary p::before {
    background: #AADB1E;
}

.custom-btn-style-1:hover p:before {
    transform: translate3d(0, 0, 0);
}

.custom-btn-style-1.custom-btn-primary input::before {
    background: #AADB1E;
}

.custom-btn-style-1 input:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #212529;
    opacity: 0.7;
    border-radius: inherit;
    transform: translate3d(5px, 5px, 0);
    transition: ease transform 300ms;
    z-index: -1;
}

.custom-btn-style-1 > input {
    position: relative;
    z-index: 1;
}


/* Breadcrumb */

.page-top .yoast-breadcrumbs, .page-top .breadcrumbs-wrap {
    font-size: 12px;
    text-transform: inherit;
    margin-bottom: 0;
}


/* Sidebar */

.sidebar-content {
    padding: 30px !important;
    background: #f2f7f3;
}

.sidebar-content p,
.sidebar-content .textwidget {
    font-size: 16px;
    line-height: 24px;
}

.sidebar-content .widget .widget-title {
    font-size: 22px !important;
    font-style: italic;
    text-transform: uppercase;
}

.sidebar-content .widget .widget-title::before {
    content: url('/wp-content/uploads/2021/09/ball-icon-1.svg');
    line-height: 20px;
    margin-right: 8px;
}


.widget_categories > ul li > a {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    color: #333333 !important;
    margin-left: 5px !important;
}

.sidebar.porto-blog-sidebar .widget_categories .cat-item a::before {
    content: "\f111";
    top: 11px;
    color: var(--bs-primary);
}

.widget_recent_entries>ul li:before,
.widget_recent_comments>ul li:before,
.widget_pages>ul li:before,
.widget_meta>ul li:before,
.widget_nav_menu>div>ul li:before,
.widget_archive>ul li:before,
.widget_categories>ul li:before,
.widget_rss>ul li:before,
.wp-block-categories-list li:before,
.wp-block-archives-list li:before,
.wp-block-latest-posts li:before {
    display: none;
}

.sidebar.porto-blog-sidebar .widget_categories .cat-item a {
    padding: 0 0 0 10px !important;
}

.widget_recent_entries>ul li {
    padding-left: 0;
}

.widget .tagcloud a, .widget .wp-block-tag-cloud a {
    padding: 4px 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333;
    background: var(--bs-primary);
    margin-bottom: 3px;
    display: inline-block;
}

.widget .tagcloud a, .widget .wp-block-tag-cloud a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: #333333;
}

.widget_categories,
#custom_html-2 {
	margin-bottom: 0 !important;
}

.widget_tag_cloud,
.widget_categories {
	margin-top: 0 !important;
}


/* Blog archive */

.btn.btn-xs.btn-default.text-xs.text-uppercase.float-sm-end {
    font-size: 20px !important;
    border: none;
    float: left !important;
    text-transform: inherit !important;
    padding: 0;
    color: var(--bs-primary);
}

.btn.btn-xs.btn-default.text-xs.text-uppercase.float-sm-end:hover {
    background: transparent;
}

.blog-posts article, .member-row-advanced .member:not(:last-child) {
    border-bottom: 1px solid #ededed;
    padding-bottom: 50px;
}

.home .meta-tags {
	display: none !important;
}


/* Single post */


.meta-author,
.meta-comments,
.post-modern .post-meta>span:after,
.meta-tags i {
	display: none !important;
}

.meta-cats {
	font-size: 18px;
	font-weight: 600;
	color: var(--bs-primary);
}

article.post .post-date, .post-item .post-date {
    width: 60px;
}

article.post .post-date .day {
	font-size: 30px;
}

article.post .post-date .month {
	text-transform: uppercase;
	font-weight: 600;
}

.single-post .entry-title {
	color: #333333;
	font-size: 32px;
	line-height: 48px;
}


/* Contact Form 7 */

.wpcf7-form .form-control {
    border-bottom: 1px solid #FFFFFF;
}

.wpcf7-list-item-label,
.mc4wp-checkbox span {
	color: #FFFFFF;
}

.wpcf7 .wpcf7-submit:disabled {
    color: #333333;
}


/* Form not valid */

span.wpcf7-not-valid-tip {
	text-align: right;
	line-height: 1.1;
	color: var(--light);
}


/* Form response output */

.wpcf7-response-output {
	border: none !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: var(--light);
}

/* Form error animation */

.wpcf7 form.invalid .wpcf7-response-output {
    -webkit-animation-name: shake !important;
    animation-name: shake !important;
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}


/* Google */

.wp-google-wr,
.wp-google-time {
	display: none !important;
}


/* MailChimp */

.mc4wp-response p {
    margin-top: 1rem;
    color: #FFFFFF !important;
    text-align: center;
    font-size: 18px !important;
    font-weight: 500;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}


/* Footer */

#footer {
    background-color: transparent;
}

#footer .list-icons i {
	font-size: 8px;
}

#footer .footer-bot h3 {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    color: var(--bs-primary);
}

#footer .footer-bot h3:after, #footer .footer-bot h3:before {
    content: "";
    vertical-align: middle;
    border-bottom: 2px solid var(--bs-primary);
    border-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    max-width: 250px;
}

#footer .footer-bot h3:after {
    border-color: #AADB1E;
    border-color: var(--bs-primary);
    width: 100px;
}

#footer .footer-bot a {
	color: #FFFFFF !important;
}

.footer a:not(.btn),
#footer .link-hover-style-1:not(:hover) {
    color: #FFFFFF !important;
}


.palya-logok {
	text-align: center;
}

@media (min-width: 768px) {
	.palya-logok {
		text-align: right;
	}
}

#footer form {
	opacity: 1;
}

/* By Webbranding */

.by-webbranding {
	text-align: center;
}

@media (min-width: 768px) {
	.by-webbranding {
		text-align: right;
	}
}

.heart {
  fill: red;
  position: relative;
  top: 0;
  width: 14px;
  animation: heart-pulse 1s ease infinite;
}

@keyframes heart-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}


/* GDPR */

#cookie-law-info-bar {
	padding: 0 25px !important;
}

.container-gdpr {
	padding: 0 !important;
	max-width: 1140px !important;
	margin: 25px auto 10px;
}

.container-gdpr br {
	display: none !important;
}

.container-gdpr .gdpr-text {
	text-align: left;
}

.container-gdpr .gdpr-text a {
	font-weight: 400 !important;
	text-decoration: underline;
}

.container-gdpr .gdpr-btn {
	text-align: right;
}

.container-gdpr .gdpr-btn .cli_action_button {
	font-weight: 700;
	max-width: 250px;
	font-size: 18px;
	padding: 15px 20px;
	display: block !important;
    margin: 0 0 0 auto;
}