/* Fonts */
/*
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *//*
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/hind-v16-latin-ext_latin-regular.eot'); /* IE9 Compat Modes *//*
    src: url('../fonts/hind-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 *//*
         url('../fonts/hind-v16-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers *//*
         url('../fonts/hind-v16-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers *//*
         url('../fonts/hind-v16-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS *//*
         url('../fonts/hind-v16-latin-ext_latin-regular.svg#Hind') format('svg'); /* Legacy iOS *//*
  }
*/
/*
@font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/mulish-v12-latin_latin-ext-200.woff2') format('woff2');
}*/
@font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/mulish-v12-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/mulish-v12-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/mulish-v12-latin_latin-ext-900.woff2') format('woff2');
}


:root {
    --hue: 214;
    --template-bg-light: #f0f4fb;
    --template-text-dark: #495057;
    --template-text-light: #ffffff;
    --template-link-color: #2a69b8;
    --template-special-color: #001B4C;
}

:root {
    --blue: hsl(240deg, 98%, 17%);
    --indigo: hsl(263deg, 90%, 51%);
    --purple: hsl(261deg, 51%, 51%);
    --pink: hsl(332deg, 79%, 58%);
    --red: hsl(3deg, 75%, 37%);
    --orange: hsl(27deg, 98%, 54%);
    --yellow: hsl(34deg, 100%, 34%);
    --green: hsl(120deg, 32%, 39%);
    --teal: hsl(194deg, 66%, 61%);
    --cyan: hsl(207deg, 49%, 37%);
    --white: hsl(0deg, 0%, 100%);
    --gray-100: hsl(210deg, 17%, 98%);
    --gray-200: hsl(210deg, 16%, 93%);
    --gray-300: hsl(210deg, 14%, 89%);
    --gray-400: hsl(210deg, 14%, 83%);
    --gray-500: hsl(210deg, 11%, 71%);
    --gray-600: hsl(210deg, 7%, 46%);
    --gray-700: hsl(210deg, 9%, 31%);
    --gray-800: hsl(210deg, 10%, 23%);
    --gray-900: hsl(210deg, 11%, 15%);
    --primary: #ed2114;
    --secondary: #ff9801;
    --success: #8cc34b;
    --info: #2879fe;
    --warning: #ff9801;
    --danger: #ed2114;
    --light: hsl(210deg, 17%, 98%);
    --dark: hsl(210deg, 10%, 23%);
    --primary-rgb: 1, 1, 86;
    --secondary-rgb: 109, 117, 126;
    --success-rgb: 68, 131, 68;
    --info-rgb: 48, 99, 141;
    --warning-rgb: 173, 98, 0;
    --danger-rgb: 165, 31, 24;
    --light-rgb: 249, 250, 251;
    --dark-rgb: 53, 59, 65;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 34, 38, 42;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: 'Mulish', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: 'Mulish', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: hsl(210deg, 11%, 15%);
    --body-bg: hsl(0deg, 0%, 100%);
}
:root {
    


    --phoca-color-main: #232a31; /* #232323; 232323*/
    --phoca-color-minor: #285185;
    --phoca-color-gray-transparent: rgba(0,0,0,0.3);
    --phoca-color-gray-100: #f7f8fa;
    --phoca-color-gray-200: #e6e9ef;
    --phoca-color-gray-300: #d6dbe5;
    --phoca-color-gray-400: #c7cedc;
    --phoca-color-gray-500: #b7c0d2;
    --phoca-color-gray-600: #a7b2c8;
    --phoca-color-gray-700: #97a4be;
    --phoca-color-gray-800: #8897b4;
    --phoca-color-gray-900: #7889ab;
    --phoca-color-gray-blue: #f5faff;
    --phoca-color-blue-dark: #3b3663;
    --phoca-color-gray-general: #f9f9f9;

    --cassiopeia-color-primary: var(--phoca-color-main);
    --cassiopeia-color-link: var(--phoca-color-main);
    --cassiopeia-color-hover: var(--phoca-color-main);

    --phoca-border-radius-main: 0.3125rem;

    --phoca-color-footer: #fff;
    --phoca-color-footer-link: rgba(255,255,255,0.6);

    --phoca-color-footer-bg: #00305d;
    --phoca-color-footer-b-bg: #1373eb;


    --phoca-color-desc: #4e5c80;
}


/* Grid */
@supports (display:grid) {
    .site-grid {
        grid-gap: 0 1em;
        display: grid;
        grid-template-areas:
            ". banner banner banner banner ."
            ". top-a top-a top-b top-b ."
            ". comp comp comp comp ."
            ". side-r side-r side-r side-r ."
            ". side-l side-l side-l side-l ."
            ". bot-a bot-a bot-a bot-a ."
            ". bot-b bot-b bot-b bot-b .";
        grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end];
    }
}

@media (max-width: 767px) {
    .site-grid {
        grid-gap: 0 1em;
        display: grid;
        grid-template-areas:
            ". banner banner banner banner ."
            ". top-a top-a top-a top-a ."
            ". top-b top-b top-b top-b ."
            ". comp comp comp comp ."
            ". side-r side-r side-r side-r ."
            ". side-l side-l side-l side-l ."
            ". bot-a bot-a bot-a bot-a ."
            ". bot-b bot-b bot-b bot-b .";
        grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end];
    }
}



@media (min-width: 992px) {
    @supports (display:grid) {
        .site-grid {
            grid-template-areas:
                ". banner banner banner banner ."
                ". top-a top-a top-b top-b ."
                ". side-l comp comp side-r ."
                ". bot-a bot-a bot-a bot-a ."
                ". bot-b bot-b bot-b bot-b .";
        }
    }
}

.container-top-a {
    display: grid;
    grid-area: top-a;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows:max-content;
    padding: 2em;
}
.container-top-b {
    display: grid;
    grid-area: top-b;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows:max-content;
    padding: 2em;
   
}



/* Card Header */

h3.card-header {
    font-size:110%;
    color: var(--phoca-color-minor);
    font-weight: bold;
    border-bottom: 1px solid var(--phoca-color-minor);
    padding: 0;
}

label p {
    margin-top: auto;
    margin-bottom: auto;
}

/* Header */
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6  {
    /*position: relative;
    padding-bottom: 0.2em;*/
    Font-family: var(--body-font-family);
}

h1 {
    font-size: 1.8em;
}


h1 a, h2 a, h3 a,
h1 a:not([class]), h2 a:not([class]),  h3 a:not([class]) {
    text-decoration: none;
    color: var(--body-color);
}

a {
    color: var(--phoca-color-minor);
}

.com-content-article__body ul {
    list-style: none;
}
  
.com-content-article__body ul li::before {
    content: "\25cf";/* 2022 */
    color: var(--phoca-color-minor);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.com-content-article__body p {
    line-height: 1.6;
}

/*
h1:before, h2:before, h3:before {
    content: "";
    position: absolute;
    width: 2em;
    height: 1px;
    bottom: 0;
    border-bottom: 4px solid var(--phoca-color-main);
}*/

/* Logo */
.ph-logo-box {
    text-align: center;
    margin-right: auto;
    margin-left: 2em;
}
.ph-logo-box .ph-logo img {
    width: 10em;
    margin: 0.5em auto 0 auto;
}
@media (min-width: 992px) {

    .container-header .container-nav {
       /* justify-content: center;*/
        align-items: baseline;
    }
    .ph-logo-box {
        width: auto;
    }
    .ph-logo-box .ph-logo img{
        /*margin-right: 5em;
        margin-left: 5em;*/
    }
}

/* Menu */ 
.container-header .navbar-toggler {
    color: var(--phoca-color-primary);
}

.container-nav .mod-menu li {
    /*border-bottom: 2px solid transparent;*/
    padding: 0.5em 1em;

}
.container-nav .mod-menu li:hover,
.container-nav .mod-menu li.active {
    /*border-bottom: 2px solid var(--phoca-color-minor);*/
    background: var(--phoca-color-gray-blue);

}

.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li.active>button:before,
.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>button:hover:before {
    background: transparent;
}

@media (min-width: 992px){
    .container-header .mod-menu {
        flex-wrap: wrap;
    }
}



/* Containers */

.container-nav .metismenu.mod-menu .metismenu-item {
   /* font-size: 1rem;*/
}

.container-header .grid-child,
.container-topbar .grid-child,
.grid-child.container-nav {

    padding-top: 0;
    margin-top: 0;
}

.containter-nav {
    margin-bottom: 0;
    padding-bottom: 0;
}

.container-topbar {
    margin-top: 0;
    padding-top: 0;
}

.container-topbar .grid-child {
    justify-content: center;
    align-items: center;
}

.grid-child.container-nav nav{
    width: 100%;
}
.grid-child.container-nav nav .navbar-collapse .mod-menu,
.grid-child.container-nav .mod-menu{
    justify-content: center;
}





/* Bottom A */

@media (min-width: 992px) {
    @supports (display: grid) {
        
        .container-bottom-a {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
         }
         
         .container-bottom-a .moduletable:nth-child(1) {
             grid-column: span 4;
         }

         .container-bottom-a .moduletable:nth-child(2) {
            grid-column: span 3;
        }
        .container-bottom-a .moduletable:nth-child(3) {
            grid-column: span 1;
        }
/*
        .container-bottom-a .ph-module-full {
            grid-column: span 1;
        }*/

    }
}
@supports (display: grid) {
    .site-grid > .container-bottom-a,
    .site-grid > .container-bottom-b {
       /* grid-column: full-start/full-end;*/
    }

    .site-grid > .container-bottom-b {
       
    }
}

.container-bottom-a {
    margin-top: 1em;
    background-color: var(--phoca-color-gray-blue);
}
.container-bottom-a .card {
    background: transparent;
    margin: 0;
}

.container-top-a .card,
.container-top-b .card,
.container-top-a .card .card-body,
.container-top-b .card .card-body,
.container-bottom-a .card .card-body {
    margin: 0;
    padding: 0;
}

.container-bottom-b {
   
    margin-bottom: 1em;
    padding: 1em;
    background-color: var(--phoca-color-gray-blue);
}

.container-bottom-b a {

    text-decoration: underline;
}

.container-bottom-b .card {
    background: transparent;
    margin: 0;
}
.container-bottom-b .card .card-body {
    margin: 0;
    padding: 0;
}
.container-bottom-b .phModParticlesItem {
    
}



.container-header {
    position: relative;
    z-index: 10;
    background-color: var(--white);
    background-image: none;
    box-shadow: none;
    color: var(--body-color);
}


.container-header .mod-menu {
    color: var(--body-color);
}
.container-header nav {
    margin-top: 0;
}

.container-header .container-nav {
    
}

.container-topbar {
    display: flex;
    align-items:center;
    justify-content:start;
    flex-wrap: wrap;
    padding: 0.5em;
    padding-bottom: 0;
}



.container-header .grid-child {
    padding: 0;
}

.container-topbar .ph-top-logo img {
    height: 2em;
    width: auto;
}

.container-topbar .ph-top-search {
    min-width: 60vw;
    min-height:10vh;/* To prevent jump */
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*
.container-footer h3 {
    font-size: 1.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.container-footer ul,
.container-footer ul li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.container-footer ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
}
.container-footer .grid-child {
    align-items:flex-start;
}
@media (min-width: 992px) {
    .container-footer .grid-child .moduletable {
        width: 20%;
    }
}*/






/* Card */
.card {
    border: 0;
}

.card-header {
    background: transparent;
    border: 0;
}

/* Form */

/* Input */
input, select,
.form-control, .form-select {
    font-family: var(--font-sans-serif);
    border-radius: var(--phoca-border-radius-main);
    box-shadow: none;
    border: 2px solid var(--phoca-color-gray-100);
    background: var(--phoca-color-gray-100);
    color: rgb(var(--black-rgb));
    
}
input.gsc-input {

    background: transparent;
}

.ph-checkout-box-action input,
.ph-checkout-box-action select,
.ph-checkout-box-action .form-control,
.ph-checkout-box-action .form-select {
    background: var(--white);
    color: var(--body-color);
    border-radius: 0;
}

input, .form-control {
    border: 2px solid var(--phoca-color-gray-100);
}
select, .form-select {
    background: url(../images/select-bg.svg) no-repeat right center/116rem;  
}

/* Checkbox */
.controls label {
    display: flex;
    justify-content: left;
    align-items: center;
}

.controls label {
    margin-bottom: 0.2rem;
    line-height: 1.3;
}

.controls label input[type="checkbox"] {
    margin-right: 0.5em;
    padding: 0;
}

.form-check-input[type="checkbox"],
input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--white);
    margin: 0;
    font: inherit;
    color: var(--phoca-color-main);
    width: 1.15em;
    height: 1.15em;
    border: 1px solid var(--phoca-color-main);
    border-radius: 0;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
.form-check-input[type="checkbox"]::before,
input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(91% 0, 100% 5%, 40% 100%, 0 52%, 6% 43%, 40% 70%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--white);
    background-color: CanvasText;
    background-color: var(--white);
}

.form-check-input[type="checkbox"]:checked,
input[type="checkbox"]:checked {
    background: var(--phoca-color-main);
}

.form-check-input[type="checkbox"]:checked::before,
input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.form-check-input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled {
    color: var(--gray-500);
    cursor: not-allowed;
}

.checkbox label,
.form-check,
.form-check .form-check-label {
	display: inline-flex;
	/*align-items: center;
	justify-content: center;*/
}

.form-check label {
	margin: 0;
}

.form-check .form-check-input[type="checkbox"], 
.form-check input[type="checkbox"],
.form-check input,
.form-check .form-check-label input {
	margin-right: 0.5em;
}


/* Radio */
input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: var(--phoca-color-main);
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--phoca-color-main);
    border-radius: 50%;
    transform: translateY(-0.075em);
	display: grid;
    place-content: center;
}

input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--phoca-color-main);
}

input[type="radio"]:checked::before {
    transform: scale(1);
}

input[type="radio"]::before {
    background-color: CanvasText;
    background-color: var(--white);
}

.form-control:focus-within {
    color: var(--phoca-color-main);
}


/* Button */
.btn {
    border-radius: var(--phoca-border-radius-main);
    font-family: var(--font-sans-serif);
    border-width: 2px;
}

.btn-primary {
    color: hsl(0deg, 0%, 100%);
    background-color: var(--phoca-color-main);
    border-color:  var(--phoca-color-main);
}
.btn-primary:hover {
    color: hsl(0deg, 0%, 100%);
    background-color:  var(--phoca-color-main);
    border-color:  var(--phoca-color-main);
    filter: brightness(0.95);
}

.btn-secondary {
    color: hsl(0deg, 0%, 100%);
    background-color: var(--phoca-color-minor);
    border-color:  var(--phoca-color-minor);
}
.btn-secondary:hover {
    color: hsl(0deg, 0%, 100%);
    background-color:  var(--phoca-color-minor);
    border-color:  var(--phoca-color-minor);
    filter: brightness(0.95);
}

.btn-success {
    color: hsl(0deg, 0%, 100%);
    background-color: var(--success);
    border-color:  var(--success);
}
.btn-success:hover {
    color: hsl(0deg, 0%, 100%);
    background-color:  var(--success);
    border-color:  var(--success);
    filter: brightness(0.95);
}

.btn-danger {
    color: hsl(0deg, 0%, 100%);
    background-color: var(--danger);
    border-color:  var(--danger);
}
.btn-danger:hover {
    color: hsl(0deg, 0%, 100%);
    background-color:  var(--danger);
    border-color:  var(--danger);
    filter: brightness(0.95);
}

.ph-filter-box .btn-danger,
.ph-filter-box .btn-success {
    background: var(--phoca-color-main);
    border: 1px solid var(--phoca-color-main);
}





/* Phoca Cart */
h4.panel-title {
    text-transform: uppercase;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: normal;
}
h4.panel-title a {
    text-decoration: none;
}

.btn.btn-secondary .pc-si {
    stroke: var(--white);
}

.ph-categories .ph-item-content > a,
.phIBoxOH,
.phIBoxOH .phIBox.ph-lazyload {
    background: rgb(244,249,252);
    background: radial-gradient(circle, rgba(244,249,252,1) 0%, rgba(245,249,252,1) 35%, rgba(247,248,252,1) 100%);
}


.pc-status-new .phIBoxOH,
.pc-status-new .phIBoxOH .phIBox.ph-lazyload {
    background: rgb(151,222,255);
    background: radial-gradient(circle, rgba(151,222,255,1) 0%, rgba(150,221,255,1) 35%, rgba(112,206,255,1) 100%);
}

.pc-status-hot .phIBoxOH,
.pc-status-hot .phIBoxOH .phIBox.ph-lazyload {
    background: rgb(250,220,209);
    background: radial-gradient(circle, rgba(250,220,209,1) 0%, rgba(245,213,201,1) 35%, rgba(235,186,176,1) 100%);
}

.pc-status-featured .phIBoxOH,
.pc-status-featured .phIBoxOH .phIBox.ph-lazyload {
    background: rgb(236,216,118);
    background: radial-gradient(circle, rgba(236,216,118,1) 0%, rgba(229,206,84,1) 35%, rgba(227,199,74,1) 100%);
}

.ph-item-box .btn-sm {
    font-family: var(--font-sans-serif);
    padding: 1em;
    text-transform: uppercase;
    font-weight: bold;
}



.ph-item-box.grid,
.ph-item-box.grid .ph-item-content {
	/*margin: 0;
	padding: 0;*/
}

.ph-categories .ph-item-box.grid .ph-item-content {
    padding: 0;
}


.ph-item-box.grid {
    
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    margin: 1em auto;
}

.ph-item-box.grid .ro-item {
    margin: 0.75em;
}

.thumbnail {
	padding: 0;
	border: none;
	box-shadow: none;
}
h3.grid.ph-product-header {
	text-align: left;
	/*font-size: 0.85em;
	margin: 0.5em 0 0.2em 0;*/
    line-height: 1;
    margin-top: 0.5em;
}

.ph-category-price-box {
	text-align: left;
}
.ph-category-price-box .ph-price-txt {
	display: none;
}
.ph-category-price-box .ph-price-brutto {
	text-align: left;
	color: var(--gray-600);
	font-weight: 600;
	font-size: 0.85em;
	margin: 0;
	float: none;
}

.ph-category-action-icons.grid {
	position: absolute;
	margin-top: -3em;
	right: 1em;
    padding: 0.3em;
    background: var(--phoca-color-gray-transparent);
}
.ph-category-action-icons.grid .pc-si{
	stroke: var(--white);
}

.ph-category-action-buttons {
	margin: 1em 0 1em 0;
}

.ph-category-action-buttons.grid .ph-pull-left,
.ph-category-action-buttons.grid .ph-pull-right {
	text-align: center;
	margin: 0.2em;
	float: none;
}

.row.ph-pagination div,
.row.ph-pagination-top div{
    line-height: auto;
}

.row.ph-pagination-top .btn {
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--phoca-color-gray-500);
    margin-left: 0.3em;
    margin-right: 0.3em;

}

.row.ph-pagination-top .btn svg {
    fill: var(--phoca-color-gray-200);
    stroke: none;
}

.row.ph-pagination-top .btn.active svg {
    fill: var(--phoca-color-main);
    stroke: none;
}

.ph-pagination .pagination {
    margin-left: 0;
    margin-right: 0;
}

.com_phocagallery .pagination-centered,
#phItems .ph-center-pagination {

    line-height:normal;
}

.com_phocagallery .pagination-centered li.disabled > span,
#phItems .ph-center-pagination li.disabled > span {
    background: var(--phoca-color-gray-100);
    border: 1px solid var(--white);
}

.com_phocagallery .pagination-centered li > a,
#phItems .ph-center-pagination li > a {
    background: var(--phoca-color-gray-100);
    border: 1px solid var(--white);
}
.com_phocagallery .pagination-centered li.active > a,
#phItems .ph-center-pagination li.active > a {
    background: var(--phoca-color-main);
    border: 1px solid var(--white);
    color: var(--white)
}


.panel-body {
    margin-left: 1em;
}

.ph-filter-box .btn {

	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.75em;
}
.ph-checkout-cart-quantity .btn {
	padding: 0.8em 0.2em;
}

h4.panel-title a{
	margin: 0;
	padding: 0;
}
h4.panel-title a svg {
	vertical-align: middle;
    margin-top: -2px;
}
.modal-title {
	margin: 0;
	margin-top: 0.1em;
}
.modal-title svg {
	vertical-align: middle;
}

.ph-checkout-icon-spec-finished {
	background: var(--success);
	border-radius: 0;
	margin-right: -10px;
}

.ph-checkout-icon-spec-pending {
	background: var(--gray-500);
	border-radius: 0;
	margin-right: -10px;
}

.ph-account-box-action, 
.ph-account-box-header, 
.ph-checkout-box-header,
.ph-checkout-box-action {
	border-radius: 0;
}

.ph-account-box-action, 
.ph-checkout-box-action {
	border-radius: 0;
    background: var(--phoca-color-gray-100);
}

.ph-account-box-action .form-control,
.ph-account-box-action .form-select,
.ph-checkout-box-action .form-control, 
.ph-checkout-box-action .form-select {
    border: 1px solid var(--phoca-color-gray-700);    
}

.ph-checkout-cart-box .input-group input,
.ph-checkout-cart-box .input-group .btn {
	text-align: center;
}

.ph-item-price-panel .form-group input,
.ph-item-price-panel .form-group .btn {
	text-align: center;
}

/* Spin */
.input-group.bootstrap-touchspin {
	margin-right: 0.85em;
}

.ph-item-add-to-cart-box .ph-input-quantity {
	min-width: 4em;
}

#ph-pc-item-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
#ph-pc-item-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0;
}

ul.ph-filter-module-category-tree {
	padding-left: 0;
	margin-left: 1em;
}

.ph-item-content.grid .ph-stars-box {
	padding: 0;
	margin: 0.1em 0;
}

span.ph-stars, span.ph-stars span {
    display: block;
    background: url(../images/com_phocacart/star-small-yellow.svg) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}

span.ph-stars span {
    background-position: 0 0;
}

.ph-rating .br-widget a {
    background: url(../images/com_phocacart/star-yellow.svg);
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}

.ph-item-price-panel .ph-price-brutto {
	color: var(--phoca-color-main);
}

.img-thumbnail {
    border: 1px solid transparent;
    border-radius: 0;
	padding:0;
}

.ph-category-action-buttons.gridlist {
    margin-top: 2em;
}

.ph-category-action-buttons.list .btn {
    font-size: 0.7em;
    padding: 1em 0.7em;
}


.pc-categories-view .ph-item-box {
    padding: 1em;
}
.pc-categories-view .ph-category-header {
    padding: 0.5em;
    text-align: center;
}

/* Top Modules */
.ph-cart-module-box {
    position: relative;
    color: var(--phoca-color-main);
    margin-top: 0.5em;
}

.ph-cart-module-cart-box,
.ph-cart-module-wishlist-box {
    border-right: thin solid var(--phoca-color-gray-300);
}
.ph-cart-module-cart-box {
    display: flex;
}
.ph-cart-module-cart-box-info {
    padding: 0;
    line-height: 1;
}
.ph-cart-module-cart-box-info-title {
    padding: 0.1em 0;
    margin:0;
    line-height: 1;
    font-size: 0.85em;
}
.ph-cart-module-cart-box-info-amount {
    padding: 0.1em 0;
    margin: 0;
    line-height: 1;
    font-weight: bold;
    font-size: 1em;
}



.ph-cart-module-box .btn {
    margin-left: 0;
    padding: 0.2em 1em 0.2em 1em;
}

.ph-cart-module-cart-box .btn {
    margin-left: 0;
    padding: 0.2em 1em 0.2em 0.2em;
}

.ph-cart-module-currency-box .btn {
    margin-left: 0;
    padding: 0.2em 1em 0.2em 2em;
}

.ph-cart-module-box .btn .pc-si {
    height: 2em;
    width: 2em;
}

.ph-currency-image-list {
    height: 1em;
    margin: 0.5em 0;
    width: auto;
}

@media screen and (max-width: 768px) {
    
    .ph-cart-module-cart-box-info {
        display: none;
    }

    .ph-cart-module-currency-box .btn {
        padding: 0.2em 1em 0.2em 1em;
    }
}


.ph-search-box {
    margin: 0.3em auto;
    width: 100%;
    display: block;
}
.phSearchBoxSearchInput {
    border-color: var(--phoca-color-minor);
    width: 100%;
}
.phSearchBox .input-group {
    display: block;
}

@media screen and (min-width: 576px) {
	.ph-search-box {
        margin: 0 2em;
        width: auto;
    }
    .phSearchBoxSearchInput {
        border-color: var(--phoca-color-minor);
        width: 30vw;
    }

    .phSearchBox .input-group {
        display: flex;
    }
}



.ph-main-nav-top-box .g-content .platform-content {
	float: right;
	margin: auto 0.5em;
    padding: 0;
}

.ph-main-nav-top-box .g-content .jmoddiv.jmodinside {
	position: static;
}

.container-topbar .btn {
    background: transparent;
    border: 0;
    color: var(--phoca-color-main);
}

.ph-pag-top-row .btn:focus,
.container-topbar .btn-secondary:active:focus,
.container-topbar .btn-secondary:focus {
    box-shadow: none;
}

.container-topbar .btn .pc-si {
    stroke: var(--phoca-color-main);
}

.container-topbar .dropdown-menu {
    min-width: 18rem;
}
.ph-cart-count-sup {
    color: var(--white);
    background: var(--phoca-color-minor);
    border-radius: 50%;
    width: 1em;
    height: 1em;
    padding: 0.75em;
    font-size: .75em;
    line-height: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    right: 0.5em;
  
}
.ph-cart-cart-row-item {
    align-items: center;
}
.ph-mod-cart-image {
    padding: 0.3em;
    
}
.ph-mod-cart-image img {
    background: rgb(244,249,252);
    background: radial-gradient(circle, rgba(244,249,252,1) 0%, rgba(245,249,252,1) 35%, rgba(247,248,252,1) 100%);
}

.ph-item-currency-box .ph-small,
.ph-item-wishlist-box .ph-small,
.ph-item-compare-box .ph-small,
.ph-item-cart-box  .ph-small {
	font-size: inherit;
}

.ph-dropdown-currency,
.ph-dropdown-wishlist,
.ph-dropdown-compare,
.ph-dropdown-cart {
	min-width: 35%;
}

.ph-item-currency-box,
.ph-item-wishlist-box,
.ph-item-compare-box,
.ph-item-cart-box  {
	margin: 1em;
}

.ph-item-cart-box  {
	padding: 1em;
}

@media screen and (max-width: 768px) {
	.ph-dropdown-currency,
	.ph-dropdown-wishlist,
	.ph-dropdown-compare,
	.ph-dropdown-cart {
		min-width: 80%;
	}
}

.ph-main-nav-mod .g-menu-item-container {
	white-space: nowrap;
}

.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
	display: none;
}

/*
.ph-item img:hover {
    filter:drop-shadow(2px 4px 6px var(--gray-500));
    transition: ease-in-out 500ms;
}
*/

#phPriceFilterRange .ui-widget-header {
    background: var(--phoca-color-minor);
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
    background: var(--phoca-color-minor);
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
    background: var(--phoca-color-minor);
}


.ph-attribute-title,
.ph-available-options-title {
    display: none;
}

/* Phoca Cart Modules */
.ph-product-module-item-box-content h4 {
    font-size: 1em;
}
.ph-product-module-item-box-image img{
    margin: 0.5rem 1rem;
 }

/* Phoca Particles */
.phModParticlesFeatureBox .phModParticlesItem {
    width: auto;
    border-radius: var(--phoca-border-radius-main);
    background: var(--phoca-color-gray-100);
    margin: 1em;
    min-width: 18em;
}

.phModParticlesFeatureBox .phModParticlesItem .phModParticlesDesc {
    margin-top: 0;
    padding-top: 0;
}

.phModParticlesImageContent {
    background-position-x: right;
}

.phModParticlesImageContent .phModParticlesItemContent {
    padding-top: 10%;
    padding-bottom: 10%;
}

.phModParticlesImageContent .phModParticlesItemContent .phModParticlesButtonBox .phModParticlesButton {
    background: var(--phoca-color-minor);

}

.phModParticlesImageFeatureBox .phModParticlesItem .phModParticlesItemImage {
    text-align: center;
}

.phModParticlesFeatureRow .phModParticlesSvg {
    height: 2em;
    width: auto;
}

.container-footer .phModParticlesFeatureRow .phModParticlesItem {
    padding-top: 0;
}

.phBrandsModuleBox .ph-brand-name {
    padding: 3rem;
}

#phItemSearchBoxOffCanvas .phSearchBoxSearchInput {
   width: 100%;
}
#phItemSearchBoxOffCanvas .phSearchBox .input-group {
    display: block;
}

#phItemSearchBoxOffCanvas .phSearchBox .ph-radio-container label {
    display: flex;
    margin: 0.5em;
}
#phItemSearchBoxOffCanvas .phSearchBox .ph-radio-container label input[type="radio"]{
    margin-right: 0.5em;
}


/* Messages */
.alert,
joomla-alert {
    display: flex;
    align-items: center;
}

.alert,
#system-message-container joomla-alert .alert-heading,
#system-message-container joomla-alert {
    color: #fff;
    border-radius: 0;
}

#system-message-container joomla-alert .joomla-alert--close {
    color: #fff;
    text-shadow: none;
    font-weight: 100;
    padding-right: 0.2em;
}

.alert,
#system-message-container joomla-alert .alert-heading {
    line-height: 1;
}


/* Success */
.alert.alert-success,
#system-message-container joomla-alert[type=success] .alert-heading,
#system-message-container joomla-alert[type=success] {
    background: var(--success);
    border: 1px solid var(--success);
}

.alert.alert-warning,
#system-message-container joomla-alert[type=warning] .alert-heading,
#system-message-container joomla-alert[type=warning] {
    background: var(--warning);
    border: 1px solid var(--warning);
}

.alert.alert-danger,
.alert.alert-error,
#system-message-container joomla-alert[type=danger] .alert-heading,
#system-message-container joomla-alert[type=danger] {
    background: var(--danger);
    border: 1px solid var(--danger);
}

.alert.alert-info,
.alert.alert-message,
#system-message-container joomla-alert[type=message] .alert-heading,
#system-message-container joomla-alert[type=message] {
    background: var(--info);
    border: 1px solid var(--info);
}

.alert.alert-success:before,
#system-message-container joomla-alert .alert-heading .success:before {
    display: inline-block;
    width: 2em;
    height: 2em;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192Z" /><path d="M352 176 217.6 336 160 272" /></svg>');
    background-size: 100%;
}

.alert.alert-danger:before,
.alert.alert-warning:before,
#system-message-container joomla-alert .alert-heading .danger:before
#system-message-container joomla-alert .alert-heading .warning:before {
    display: inline-block;
    width: 2em;
    height: 2em;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"/><path d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z"/><path d="M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>');
    background-size: 100%;
}

.alert.alert-message:before,
.alert.alert-info:before,
#system-message-container joomla-alert .alert-heading .message:before {
    display: inline-block;
    width: 2em;
    height: 2em;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" /><path d="M220 220h32v116"/><path d="M208 340h88"/><path d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z"/></svg>');
    background-size: 100%;
}


.nav.nav-tabs {
    background: transparent;
    border: 0;
    box-shadow: none

}


.nav.nav-tabs .nav-item .nav-link,
.nav.nav-tabs .nav-item:last-of-type .nav-link,
.nav.nav-tabs .nav-item:last-of-type .nav-link.active,
.nav.nav-tabs .nav-link,
.nav.nav-tabs .nav-item:first-of-type .nav-link.active,
.nav.nav-tabs .nav-link.active {
    border-radius: 0;
    border:0;
    box-shadow:none;
    background: transparent;
}

.nav.nav-tabs .nav-link.active:after {
    background-color: var(--phoca-color-minor);
}

.nav-tabs+.tab-content {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}


/* Login Buttons */

.input-group-text {
    color: hsl(0deg, 0%, 100%);
    background-color: var(--phoca-color-minor);
    border-color: var(--phoca-color-minor);
    border-left: 4px solid var(--phoca-color-minor);
}



.ph-ajax-search-item-result {
    display:flex;
    align-items:center;
    padding-left: 1em;
}
.ph-ajax-search-item-result-image {
    width: 2em;
    height: auto;
}

.btn-outline-primary {
    background:var(--phoca-color-main);
    color: #fff;
}

/*
.ph-stock.pc-status-in-stock:before {
    content: "\2705\0020";
    content: "\2611\0020";
    content: "\2714\0020";
    content: "\2713\0020";
}
*/


/* Modules - Latest News */

.ph-list-articles-box {
    display: flex;
    width: 100%;
}

.ph-mod-list li {
    margin: 0;
    padding: 0;
}

.ph-mod-list li.ph-intro {
    padding: 1em 1em 0.5em 1em;
    background: var(--phoca-color-gray-blue);
}
.ph-phpbb-latest-box ul li,
.ph-mod-list li.ph-add {
    margin-left: 2em;
}
.ph-phpbb-latest-box ul li .ph-list-topic-box,
.ph-mod-list li.ph-add .ph-list-articles-box {
    display: inline-flex;
    flex-direction: column
}

.ph-phpbb-latest-box ul li::before,
.ph-mod-list li.ph-add::before {
    content: "-";
    color: var(--phoca-color-minor);
    font-weight:normal;
    display: inline-block;
    width: 0.75em;
    margin-left: -1.5em;
    margin-right: 0;
}


.ph-list-articles-box a {
    color: var(--phoca-color-minor);
}

.ph-list-articles-box-image {
    width: 30%;
    padding-right: 0.75em;
    padding-bottom: 0.75em;
}
.ph-list-articles-box-content {
    width: 70%;
}

.ph-list-articles-box-content .ph-list-main-header {
    font-weight: bold;
    font-size: 110%;
    line-height: 1;
}
.ph-list-articles-box-image img {
   
}


.ph-phpbb-latest-box ul {
    margin: 0;
    padding: 0;
}
.ph-phpbb-latest-box ul li {
    list-style-type: none;
    
}
.ph-list-topic-box {
    display: flex;
    width: 100;
}
.ph-list-topic-box-title a {
    color: var(--phoca-color-minor);
    text-decoration: none;
    font-weight: bold;
}
.ph-list-topic-box-title a:hover {
    text-decoration: underline;
}

.ph-list-topic-box-info {
   /* margin-left: 0.5em;*/
   font-size: 85%;
}

/* Modules Phoca Particles */

.pd-j-15 {
    background-color: #82ca4d
}

.pd-j-16 {
    background-color: #4fa3e6
}

.pd-j-17 {
    background-color: #f29060
}

.pd-j-25 {
    background-color: #c28fc7
}

.pd-j-3x {
    background-color: #f2bb35
}

.pd-j-35 {
    background-color: #f2bb35
}

.pd-j-4x {
    background-color: #132f53;
 
}

.pd-j-40 {
    background-color: #132f53;
 
}

.pd-j-50 {
    background-color: #78be42;

}

.ph-label-icon {
    float: left;
    margin-top: 5px;
    margin-right: 3px;
}

.ph-label-icon span {
    padding: 2px 5px;
    color: #fff;
}

.ph-s-header-box {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .ph-s-header-box,
    .ph-s-content,
    .ph-s-image {
        display: block;
    }
}

.ph-s-header {
    font-size: 300%;
    color: #3b3663;
    margin-bottom: -10px;
    font-weight: 400;
    line-height: 1.3;
}

.ph-s-text {
    font-size: 160%;
    color: #129ed9;
    font-weight: 400;
    line-height: 1.5;
}






.ph-module-center {
    margin: 0 auto;
    text-align: center;
}

.ph-in-box {
    padding: 1em;
}

/* Phoca Download, Phoca Documentation */

ul.list-group {
    margin: 0.5em 0;
}

li.list-group-item {

    padding: 0.1em 0;
    margin: 0;
    border: 0;
    line-height: initial;
    list-style-type: none;

}
li.list-group-item .pd-subcategory {
    margin-right: 0.3em;

}

.phoca-dl-file-box-mod .pd-filename .pd-document32 {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.phoca-dl-file-box-mod .pd-filename .pd-document32 .pd-float {
    float: none;
}

.phoca-dl-file-box-mod .badge {
    height: fit-content;
}

.pd-categories-view .list-group li a,
.pd-category-view .pd-filename a,
.pd-category-view .pd-subcategory a,
.com-phocadocumentation .pdoc-category-article-list li a,
.mod-phocadocumentation-category .pdoc-category-category-list li a,
.com-phocadocumentation .pdoc-categories-category-list li a {
    text-decoration: none;
}

.pd-row2-bp  {
    border-bottom: 0;
    padding-bottom: 1em;
}


/* Articles */
.ph-project-icon {
    float: right;
    margin: -1em 0 0.5em 0.5em;
}
.ph-project-icon img {
    width: 20vw;
    height: auto;
}

.btn-ph-link,
.btn-ph-link:hover {
    background: transparent;
    border: 2px solid var(--phoca-color-minor);
    color: var(--phoca-color-minor);
    padding: 1em;
    margin: 0.3em;
    box-shadow: none;
}

.btn-ph-link a, .btn-ph-link a:hover,
.btn-ph-link:hover a, .btn-ph-link a:focus,
.btn-ph-link a.focus, .btn-ph-link:focus a,
.btn-ph-link a:visited, .btn-ph-link a:active,
.btn-ph-link:active a, .btn-ph-link a.active {
    color: var(--phoca-color-minor);
    text-decoration: none;
    box-shadow: none;
}

.ph-article-header-box {
    position: relative;
    margin-bottom: 10px;
}

.ph-article-img img {
    width: 100%;
    height: auto;
}

.ph-article-header {
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin-bottom: 0px;
    background: rgba(50, 45, 40, 0.7) none repeat scroll 0 0;
    width: 100%;
}




.item-pagenews .ph-article-header-box .ph-article-header h1,
.leading-0 .ph-article-header-box .ph-article-header h1,
.item-pagenews .ph-article-header-box .ph-article-header h2,
.leading-0 .ph-article-header-box .ph-article-header h2 {
    font-size: 1.6em;
}
.ph-article-header h1,
.ph-article-header h2 {
    margin-left: 0.3em;
    margin-right: 0.3em;
    line-height: 1.2;
}
.ph-article-header h1, .ph-article-header h1 a,
.ph-article-header h1 a:hover, .ph-article-header h1 a:focus,
.ph-article-header h1 a:visited,
.ph-article-header h2, .ph-article-header h2 a,
.ph-article-header h2 a:hover, .ph-article-header h2 a:focus,
.ph-article-header h2 a:visited {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    font-size: 1.6em;
}

.ph-article-header .create {
    color: #fff;
}

.ph-article-header-std .create, .ph-article-header .create {
    padding: 0 1em 0.5em 1em;
}

small {
    font-size: 0.85em;
}

/* Books */

.books .ph-article-header{

    position: relative;
    background: transparent;
    color: #000;
}

.books .ph-article-header h1, .books .ph-article-header h1 a,
.books .ph-article-header h1 a:hover, .books  .ph-article-header h1 a:focus,
.books .ph-article-header h1 a:visited,
.books .ph-article-header h2, .books .ph-article-header h2 a,
.books .ph-article-header h2 a:hover, .books .ph-article-header h2 a:focus,
.books .ph-article-header h2 a:visited {
    color: #000;
}


/* Footer A, B, C */

.container-footer {
    background: var(--phoca-color-footer-bg);
    color: var(--phoca-color-footer);
    margin: 0;
}

.footer .grid-child {
    display: block;
}

.footer .ph-copyright {
    margin-top: 1em;
    font-size: small;
    color: var(--phoca-color-footer);
}
.footer .ph-disclaimer {
    font-size: small;
    color: var(--phoca-color-footer-link);
}

.footer .mod-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footer .mod-menu .nav-item {
    margin: 0.5em;
}

.footer-d {
    padding: 2em 1em;
    text-align: center;
    margin: 0 auto;
}
.footer-b {
    color: var(--phoca-color-footer);
    background-color: var(--phoca-color-footer-b-bg);
}

.footer-b a {
    color: var(--phoca-color-footer);
}
.footer-b svg {
    fill: var(--phoca-color-footer);
}

.footer-c {
    background-color: var( --phoca-color-gray-blue);
    padding: 5em 1em;
    margin-top: 2em;
}
.footer-c .grid-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer-c .phModParticlesSvg svg {
    fill: var(--phoca-color-minor);
    height: 5rem;
}


.footer-a ul li::before {
    /*content: "\2794";
    color: #fff;
    font-weight:normal;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;*/
}

.footer-a {
    background: var(--phoca-color-footer-bg);
    padding: 2em 1em;
    border-bottom: calc(0.2px + 0.05em) solid rgba(0,0,0,.1);
    border-bottom-color: rgba(255,255,255,.2);

}

.footer-a .grid-child,
.footer-b .grid-child {
    display: flex;
    flex-wrap: wrap;

   /* border-top: calc(0.2px + 0.05em) solid rgba(0,0,0,.1);
    border-top-color: rgba(255,255,255,.2);
    border-bottom: calc(0.2px + 0.05em) solid rgba(0,0,0,.1);
    border-bottom-color: rgba(255,255,255,.2);*/
    padding: 2em;
}

.footer-a a {
    color: var(--phoca-color-footer-link);
}

.footer-a h3 {
    font-weight: 900;
    font-size: 130%;
    color: var(--phoca-color-footer);
    padding-bottom: 0.25em;
}

.footer-a .moduletable {
    flex: 25%;
    padding: 1em;
}
.footer-a .moduletable:not(:first-child) {
    /*border-left: calc(0.2px + 0.05em) solid rgba(0,0,0,.1);
    border-left-color: rgba(255,255,255,.2);*/
}

@media screen and (max-width: 992px) {
    .footer-a .moduletable {
      flex: 50%;
    }

    .footer-a .moduletable:not(:first-child),
    .footer-a .moduletable:not(:nth-child(3)) {
       /* border-left: calc(0.2px + 0.05em) solid rgba(0,0,0,.1);
        border-left-color: rgba(255,255,255,.2);*/
    }

  }

@media screen and (max-width: 768px) {
.footer-a .moduletable {
    flex: 100%;
}

.footer-a .moduletable {
    border-left: 0;
}

}



.container-top-b h3.card-header,
.container-top-a h3.card-header {
    padding: 0.75em;
    border: 0;
    font-weight: 900;
    font-size: 120%;
    margin-left: 1.5em;
    color: var(--phoca-color-main);

}
.container-top-b h3.card-header:active::before,
.container-top-b h3.card-header::before,
.container-top-a h3.card-header:active::before,
.container-top-a h3.card-header::before {
    /*content: "\25c9";*/
    content: " ";
    white-space: pre;
    color: var(--phoca-color-minor);
    background-color: var(--phoca-color-minor);
    font-weight:normal;
    display: inline-block;
    width: 0.5em;
    margin-left: -1.5em;
    margin-right: 0.5em;
}

.ph-subscribe-header {
    margin-top: 1em;
    font-weight: bold;
}


/* Site */
.SitePhocaCart header,
.SitePhocaCart .container-banner {
    background-color: #9cd4eb;
}

.SitePhocaCart .gsc-control-cse {
    background: transparent;
    border: 1px solid transparent;
}

.SitePhocaCart .container-nav .mod-menu li:hover,
.SitePhocaCart .container-nav .mod-menu li.active {
    /*border-bottom: 2px solid var(--phoca-color-minor);*/
    background: rgba(0,0,0,0.1);

}

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
    background: transparent;
}

.phModParticlesButton {
    text-decoration: none;
}





/* Phoca Photo - Templates */

.ph-card {
   /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
   box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
}
.ph-card h5 {
    margin-top: 1em;
}
.ph-card .card-text {
    margin-top: 1em;
}
.ph-card .card-text .btn {
    padding: 0.25em 0.75em
}


/* To Top*/
.back-to-top-link {
    background-color: #000;
    border: 0;
    color: var(--phoca-color-footer-link);
}

/* Newsletter module */

#ph-subscribe-form-mod {
    background: var(--phoca-color-footer);
    border-radius: 50px;
    padding: 0.5em 0.5em 0.5em 1em;
}
#ph-subscribe-form-mod #ph-form-subscribe-email .btn {
    border-radius: 30px;
    background-color: var(--phoca-color-footer-b-bg);
    color: var(--phoca-color-footer);
    border-color: transparent;
}

#ph-subscribe-form-mod #ph-form-subscribe-email input.form-control {
    background: transparent;
    border-color: transparent;
}

#ph-subscribe-form-mod #ph-form-subscribe-email input.form-control:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    background: transparent;
}

#ph-subscribe-form-mod #ph-form-subscribe-email input.form-control:-webkit-autofill,
#ph-subscribe-form-mod #ph-form-subscribe-email input.form-control:-webkit-autofill:hover, 
#ph-subscribe-form-mod #ph-form-subscribe-email input.form-control:-webkit-autofill:focus, 
#ph-subscribe-form-mod #ph-form-subscribe-email input.form-control:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background: #fff;
    border-color: #fff;
}

/* Top Extensions */
.phModParticle169 {
    background: var(--phoca-color-gray-blue);
    color: var(--phoca-color-main);
    padding: 2em 1em;
}
.phModParticle169 .phModParticlesFeatureBox .phModParticlesImageTitleBox {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.phModParticle169 .phModParticlesFeatureBox .phModParticlesItem {
    min-width: min-content;
    width: 23rem; 
    margin: 1em;
    padding: 2em;
    background: #fff;
    border-radius: 5px;
    
}
.phModParticle169 .phModParticlesFeatureBox .phModParticlesItem .phModParticlesImage {
    flex: 25%;
    margin-right: 0.5em;
}
.phModParticle169 .phModParticlesFeatureBox .phModParticlesItem .phModParticlesTitle {
    font-weight: 900;
    text-align:left;
    line-height: 1;
    flex: 75%;
    color: var(--phoca-color-main);
}
.phModParticle169 .phModParticlesFeatureBox .phModParticlesItem .phModParticlesDesc {
    text-align: left;
    flex: 100%;
    padding-bottom: 2em;
    padding-top:1em;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--phoca-color-desc);
    text-align: center;
    
}
.phModParticle169 .phModParticlesFeatureBox .phModParticlesItem .phModParticlesTitle a{
    text-decoration: none;
    font-weight: bold;
    color: var(--phoca-color-main);
   
}
.phModParticle169 .ph-label-icon-box {
    margin-top: auto;
    padding-top: 1em;
    margin-left: auto;
    margin-right: auto;
}


/* Article - Module Menu Components Plugins Modules */
.com-content-article__body .moduletable ul.mod-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    padding: 2em 1em;
    
}
.com-content-article__body .moduletable ul.mod-menu {
    background: var(--phoca-color-gray-blue);
}

.com-content-article__body .moduletable ul.mod-menu li.nav-item {

    list-style-type: none;
    padding: 1.5em;
    margin: 1%;
    width: 30%;
    background: #fff;
    border-radius: 5px;
    color: var(-phoca-color-main);
}

.com-content-article__body .moduletable ul.mod-menu li.nav-item a{
    font-weight: bold;
    text-decoration: none;
}

.com-content-article__body .moduletable ul.mod-menu li.nav-item a:hover{
    text-decoration: none;
}

.com-content-article__body .moduletable ul.mod-menu li.nav-item::before {
   content: none;
}

/* Menu Link in Article */

.ph-menu-link {
    font-size: 1.3em;
    color: var(--phoca-color-main);
    text-align: center;
    display: block;
}

.ph-menu-icon {
    font-size: 5em;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    color: var(--phoca-color-main);

    font-size: 2em;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: var(--phoca-color-minor);
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 0.5em;
}

.ph-menu-link-description {
    display: block;
    font-size: 70%;
    font-weight: normal;
    color: var(--phoca-color-desc);
    margin-top: 1em;
    text-align: center;
}

.pv-version table {width: 100%}

/* Articles */


table.doc-table,
.ph-doc-box table,
.ph-options-box table{
    margin-top: 1em;
    margin-bottom: 1em;

}


table.doc-table,
table.doc-table tr,
table.doc-table tr td,
.ph-doc-box table,
.ph-options-box table,
.ph-doc-box table tr,
.ph-options-box table tr,
.ph-doc-box table tr td,
.ph-options-box table tr td {
    padding: 0.5em;
    border: 1px solid var(--phoca-color-gray-600);
    border-collapse: collapse;

}
table.doc-table tr td:first-child,
.ph-doc-box table tr td:first-child,
.ph-options-box table tr td:first-child {
    background: var(--phoca-color-gray-200);
}

.com-content-article__body ul li p {
    display: inline;
}

.com-content-article__body img + em {
    display: block;
}

.com-content-article__body h3,
.com-content-article__body h4,
.com-content-article__body h5,
.com-content-article__body h6  {
    margin-top: 1em;
}

.pwarning {

    background: #dc3545;
    color: #fff;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;

}
.pwarning::before {
    content: "\26a0";
    color: rgba(255,255,255,0.7);
    font-weight: bold;
    font-size: 3em;
    margin-right: 0.5em;
    display: block;
    float: left;
    height: 100%;
}

.ptip,
.pinfo {

    background: #0dcaf0;
    color: #fff;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;
}

.ptip::before,
.pinfo::before {
    content: "\1f6c8";
    color: rgba(255,255,255,0.7);
    font-weight: bold;
    font-size: 3em;
    margin-right: 0.5em;
    display: block;
    float: left;
    height: 100%;
}

.comments,
.comments2 {

    background: #ffc107;
    color: #fff;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;
}

.comments::before,
.comments2::before {
    content: "\1f6c8";
    color: rgba(255,255,255,0.7);
    font-weight: bold;
    font-size: 3em;
    margin-right: 0.5em;
    display: block;
    float: left;
    height: 100%;
}

pre {
    background: var(--phoca-color-gray-200);
    padding: 1em;
}


/* Forms */
textarea.form-control,
input.form-control {
    background: var(--phoca-color-gray-100);
    border: 2px solid var(--phoca-color-gray-200);
}

/*
primary
#0d6efd
secondary
#6c757d
success
#198754
danger
#dc3545
warning
#ffc107
info
#0dcaf0
*/

.pg-color-bg {background: #95313e}
.pd-color-bg {background: #339933}
.pc-color-bg {background: #129ED9}
.gb-color-bg {background: #bac83f}
.prm-color-bg {background: #896D52}
.ph-color-bg {background: #C92C75}
.pdf-color-bg {background: #D50000}
.dc-color-bg {background: #0099ff}
.pm-color-bg {background: #669966}
.fv-color-bg {background: #6E7276}
.pp-color-bg {background: #ff7f00}
.cm-color-bg {background: #23008C}
.sef-color-bg {background: #999933}
.pf-color-bg {background: #000000}
.pe-color-bg {background: #3366CC}
.pi-color-bg {background: #CC6600}

.plg-color-bg {background: #895ED1}
.mod-color-bg {background: #C14641}

/* Pagination *//*
.pagination li{
    box-shadow: 0 0 20px 0 rgb(19 115 234 / 10%);
}
*/

.bg-default {
    background: var(--phoca-color-minor);
}


@media (max-width: 767px) {
    .phModParticle139 .phModParticlesFeatureRow {
        justify-content: flex-start;

    }

    .phModParticle139 .phModParticlesFeatureRow .phModParticlesItem{
        width: 100%;

    }

    .phModParticle139 .phModParticlesFeatureRow .phModParticlesSvg svg {
        height: 3rem;
        margin-right: 1em;
    }
}

.ph-icon-ok-l::after {
    content: "\2713";
    font-weight: 900;
    color: #339933;
    font-size: 2em;
}