/*
Theme Name: Marin Premium
Theme URI: https://www.wpfrank.com/marin/
Author: wpfrank 
Author URI: https://www.wpfrank.com/
Description: A powerful next generation theme for upcoming generations and traditional UI that focuses on the color combinations of solid and gradient colors, along with cool animations and attractive features. It's perfect for any type of business. View the demo of marin Pro https://www.wpfrank.com/demo/pro/?theme=marin
Version: 4.3.0
Tested up to: 6.4
Requires PHP: 5.6
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: marin
Template : marin
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, editor-style, grid-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* gallery cross buttom style */
button.featherlight-close-icon.featherlight-close {
    background-color: var(--sp-primary);
    border: 1px solid var(--sp-white);
    top: 40px;
    right: 40px;
    border-radius: 0;
}


/* circle hover */
.is-style-circle figure.tiled-gallery__item:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.65s;
}
.is-style-circle figure.tiled-gallery__item:hover:before,
.is-style-circle figure.tiled-gallery__item:focus:before{
    visibility: visible;
    opacity: 0.5;
}

/* circle spacing */
.wp-block-jetpack-tiled-gallery .tiled-gallery__row{
	margin-right: calc(-.4 * var(--bs-gutter-x));
    margin-left: calc(-.4 * var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row>* {
    padding-right: calc(var(--bs-gutter-x) * .4);
    padding-left: calc(var(--bs-gutter-x) * .4);
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row:not(:last-child) {
    margin-bottom: 20px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row+.tiled-gallery__row {
    margin-top: 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__col+.tiled-gallery__col {
    margin-left: 0px;
}

/* circle box shadow */
.wp-block-jetpack-tiled-gallery.is-style-circle .tiled-gallery__item {
    border-radius: 50%;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery.is-style-rectangular .tiled-gallery__item {
    width: 100%!important;
    height: 100%!important;
	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__item {
	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__gallery{
	justify-content: center;
}

.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item{
	width: 100%!important;
	margin-bottom: 20px
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item:last-child{
	margin-bottom: 0px
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item {
    margin-top: 0px;
}
.wp-block-table figcaption {
     text-align: center;
}
.sidebar .widget .wp-block-group .wp-block-image {
	margin-bottom: 0;
}
ul.wp-block-rss {
 	list-style: disc;
}
.has-text-color a:hover, .has-text-color a:focus {
	color: inherit;
}
.entry-content ul:last-child {
 margin-bottom: 0;
}
.wp-block-code.has-text-color code {
 	      color: inherit;
}
.sidebar .widget .wp-block-group .is-nowrap p {
 	padding: 0;
 }



/* Custom Css for Container */
.container-full {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-full {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-full {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-full {
        max-width: 1500px;
    }
}

@media (min-width: 1200px) {
    body.theme-boxed .container-full {
        max-width: 1470px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ========================================================= 
              === ДОДАДЕНИ СТИЛОВИ ===
/* ========================================================= */

/* ========================================================= */
/* 01. НАВИГАЦИЈА ПАГЕР ===================== */
/* ========================================================= */

.single .post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
}

.single .post-navigation a {
    position: relative;
    color: #aa1d1d;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

/* Анимација со линија под текстот */
.single .post-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    background-color: var(--sp-primary, #161717);
    transition: width 0.3s ease;
}

.single .post-navigation a:hover {
    color: var(--sp-primary-hover, #384236);
}

.single .post-navigation a:hover::after {
    width: 100%;
}

.single .post-navigation .nav-previous,
.single .post-navigation .nav-next {
    flex: 1;
}

.single .post-navigation .nav-previous {
    text-align: left;
}

.single .post-navigation .nav-next {
    text-align: right;
}


/* Суптилен hover ефект за сите img елементи */
/* Суптилен hover ефект за сите img, освен логоа */
img:not(.logo img):not(.mobile-logo img),
.owl-carousel .owl-item img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  transition: transform 0.2s ease, filter 0.2s ease;
  transform-origin: center center;
}


/* Hover ефект */
img:hover,
.owl-carousel .owl-item:hover img {
  transform: scale(1.01); /* мало зумирање */
  filter: brightness(0.85) saturate(1.1); /* благо затемнување и поинтензивни бои */
}

/* ========================================================= */
/* 02. ARIA TITLE STIL ========================= */
/* ========================================================= */

.info-section-one .widget-contact .contact-area .title {
    font-size: 14px;                 /* големина на текстот */
    text-transform: uppercase;       /* сите букви големи */
    letter-spacing: 1px;             /* малку простор помеѓу буквите */
    color: #fffff1;                  /* почетна боја на текстот */
    font-family: Papilon;
    font-weight: 700;                /* подебел текст */
    transition: color 0.3s ease;     /* плавно менување на бојата при hover */
}

.info-section-one .widget-contact .contact-area .title:hover {
    color: #ffffff;                  /* боја на текстот при hover */
}

.contact-area .contact-icon i,
.contact-area .contact-icon img {
    display: inline-block;
    vertical-align: super;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px #fff0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    color: #fffff2;                 /* почетна боја */
    transition: color 0.3s ease;    /* плавно менување на бојата */
    filter: brightness(1);           /* за img ако е bitmap */
}

.contact-area .contact-icon i:hover,
.contact-area .contact-icon img:hover {
    color: #ffffff;                 /* бела боја при hover */
    filter: brightness(1.2);        /* мал ефект за img, ако треба */
}


.theme-slider .theme-content h1 {
    font-family: papilon !important;
	color: #aa1d1d;
}

.theme-slider .theme-content p {
    color: #aa1d1d !important;
    font-weight: 600 !important;
}
.menubar .menu-wrap > li > a {
    color: #252525;
    text-transform: uppercase;
    font-weight: 700;
    font-family: papilon !important;
	
	
img[src*="/clipArt/shape"] {
  display: none !important;   /* скриј сликите */
  visibility: hidden !important; /* backup */
}

/* Исклучи img кои се деца на .logo или .mobile-logo */
img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 2px solid #dd9933;
  transition: transform 0.2s ease, filter 0.2s ease;
  transform-origin: center center;
}

.logo img,
.mobile-logo img {
  border: none; /* овие го немаат border */
}

/*----------------------------------------------
  03. ПРОМЕНА НА СИТЕ Bootstrap Buttons КОПЧИЊА 
----------------------------------------------*/

.btn,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-default  {  /* или button.btn.btn-primary */
    background-color: #7e148a !important;
    background-image: none !important;  /* Клучно за Bootstrap! */
    border-color: #7e148a !important;
	border-radius: 7px;
    font-family: serif;
    text-transform: uppercase;
	color: #ffffff !important;

}
.btn:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-default:hover {
    background-color: #aa1d1d !important;
    background-image: none !important;
    border-color: #aa1d1d !important;
	color: #ffffff !important;
	border-radius: 7px;
    font-family: serif;
    text-transform: uppercase;
}


/* БОЈА ПАГЕР */

/* Активна (моментална) страна */
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.pagination .page-numbers.current {
    background: #7e148a;
    color: #ffffff;
}

/* -----------------------------------------------------------
   КРАЈ 3 РЕДА   
   БОЈА 1 #7e148a
   БОЈА 2 #dd9933
   БОЈА 3 #F9EAD2
   ВАЖНО ПРИ ПРОМЕНА ГЛАННАТА БОЈА КОПИ ПАСТЕ НА СИТЕ ПРИМЕР ОВДЕ #7e148a
------------------------------------------------------------ */