/*html {scroll-behavior:smooth;}*/
body {font-family:var(--font-primary);padding-top:var(--body-offset);font-size:16px;line-height:1.2;color:var(--color-black);}
a {word-wrap:break-word;text-decoration:none;color:currentColor;transition:color .3s ease-in-out;}
a:hover {text-decoration:none;color:var(--color-primary);}
a:focus {color:var(--color-primary);outline:0;}
a:active:focus {color:var(--color-primary);outline:0;}
label {font-weight:normal;}
h1 , h2 , h3 , h4 , h5 , h6 {margin-top:0;}
.lead {font-size:20px;font-weight:700;margin-bottom:10px;}
.text > p:last-child,
.text > ul:last-child,
.text > ol:last-child {margin-bottom:0;}
.text + .btn, .text + .buttons-group {margin-top:30px;}

/*p {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}*/

/* Placeholders */
::-webkit-input-placeholder {color:#555555;}
:-moz-placeholder {color:#555555;}
::-moz-placeholder {color:#555555;}
:-ms-input-placeholder {color:#555555;}

/* Motion */
.motion {visibility:hidden;}
.text-line {visibility:hidden;}

/* Anchor */
.a-anchor {display:block;height:0;scroll-margin-top:var(--body-offset);visibility:hidden;}

/* Bootstrap v5.3.2 Overrides */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x:30px;}
.row {--bs-gutter-x:30px;}
.row.row-small {--bs-gutter-x:15px;}
.g-0 {--bs-gutter-x:0 !important;--bs-gutter-y:0 !important;}
.gx-0 {--bs-gutter-x:0 !important;}
.gy-0 {--bs-gutter-y:0 !important;}
.list-inline {display:flex;flex-wrap:wrap;gap:10px;}
.list-inline > .list-inline-item {margin:0;}

/* A11y */
.btn.visually-hidden-focusable {position:fixed;top:15px;left:15px;z-index:9999;outline:1px solid var(--color-primary);background-color:var(--color-white);}

/* Utility */
.image--right {right:0;left:auto;}
.image--left {left:0;right:auto;}
.image--cover {background-size:cover;}
.image--contain {background-size:contain;}

/* Utility > Colors */
.text-primary {color:var(--color-primary) !important;}
.text-medical {color:var(--color-medical) !important;}
.text-promotional {color:var(--color-promotional) !important;}
.text-industrial {color:var(--color-industrial) !important;}
.text-white {color:var(--color-white) !important;}
.text-black {color:var(--color-black) !important;}
.text-grey {color:var(--color-grey) !important;}
.text-grey-light {color:var(--color-grey-light) !important;}
.text-grey-dark {color:var(--color-grey-dark) !important;}

/* Utility > Borders — abbinare alle utility .border / .border-top di Bootstrap */
.border-medical {border-color:var(--color-medical) !important;}
.border-promotional {border-color:var(--color-promotional) !important;}
.border-industrial {border-color:var(--color-industrial) !important;}

/* Buttons > Globals */
button {outline:none!important;}
.btn {position:relative;white-space:normal;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:0;padding:14px 30px;font-size:16px;line-height:20px;transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;}
.btn.focus , .btn:focus , .btn:hover, .btn:active, .btn.active {outline:0;box-shadow:none;}
.buttons-group {display:flex;flex-wrap:wrap;gap:15px 20px;}

/* Buttons > Size */
.btn.btn-sm {padding:5px 10px;border-radius:3px;}
.btn-icon {padding:8px 16px;}
.btn.btn-link {padding:0;}
.button-load-more {overflow-anchor:"none";}
.btn-close:focus {box-shadow:none;}

/* Buttons > Types */
.btn.btn-primary {background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);}
.btn.btn-primary:hover, .btn.btn-primary:focus {background-color:var(--color-primary) !important;color:var(--color-white) !important;border-color:var(--color-primary) !important;}

.btn.btn-secondary {background-color:var(--color-grey);color:var(--color-white);border-color:var(--color-grey);}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {background-color:var(--color-grey) !important;color:var(--color-white) !important;border-color:var(--color-grey) !important;}

/* 
.btn.btn-name {}
.btn.btn-name:hover, .btn.btn-name:focus {}
*/

/* Animations */
.wow {visibility:hidden;}

/* Elements */
.go-top {position:fixed;bottom:15px;right:15px;height:40px;width:40px;text-decoration:none;color:var(--color-white);background-color:rgba(0,0,0,.7);font-size:12px;padding:9px 0;text-align:center;display:none;z-index:99;}
.go-top:hover {opacity:.8;}
.go-top i {font-size:20px;color:var(--color-white);}

/* Accordion */
.accordion .accordion-item {border-radius:0;background-color:transparent;border:0;}
.accordion .accordion-button {border-radius:0;box-shadow:none;background-color:transparent;color:var(--color-black);font-size:24px;font-weight:600;padding:20px 0;border-bottom:1px solid rgba(0,92,86,.5);justify-content:space-between;}
.accordion .accordion-button::after {width:25px;height:25px;margin-left:15px;background-position:center center;background-size:contain;background-image:url(/wp-content/themes/ocean/assets/icons/icon-angle-down.svg);}
.accordion .accordion-body {padding:30px 0;color:var(--color-black);}

/* Lists > Globals */
.list-unstyled , .list-group {margin:0;padding:0;border-radius:0;}
.list-group li {list-style:none;}
.list-group li + li {padding-top:10px;}
.list-group li a {display:block;}
.list-group li a.active {color:var(--color-primary);}

/* Lists > Group */
.list-group-item {background-color:var(--color-white);border-bottom:1px solid var(--color-grey);border-top:0;border-right:0;border-left:0;margin-bottom:0;}
.list-group-item:first-child {border-radius:0;}
.list-group-item:last-child {border-radius:0;border-bottom:0;}

/* Lists > N Cols (ul) */
.list-2cols {-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
.list-3cols {-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px;}

/* Scroll down */
.scroll-down {position:absolute;left:0;right:0;margin:0 auto;bottom:0;transform:translateX(-50%);z-index:9;text-align:center;font-size:12px;text-shadow:none;background-color:var(--color-white);width:40px;height:40px;color:#585857;padding:12px;animation-duration:2s;}

/* Pagination */
.page-navigation .pagination {margin-bottom:0;justify-content:center;gap:10px;}
.page-navigation .page-link {display:flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 5px;font-size:16px;color:var(--color-grey-dark);background-color:var(--color-white);border-color:var(--color-grey-dark);box-shadow:none;transition:color .3s ease-in-out, background-color .3s ease-in-out;}
.page-navigation .page-link:hover, .page-navigation .page-link:focus {color:var(--color-grey-dark);background-color:var(--color-grey);border-color:var(--color-grey-dark);}
.page-navigation .page-item:first-child .page-link, .page-navigation .page-item:last-child .page-link {border-radius:0;}
.page-navigation .active > .page-link {color:var(--color-white);background-color:var(--color-grey-dark);border-color:var(--color-grey-dark);pointer-events:none;}

/* Icons */
.icon {--icon-size:15px;width:var(--icon-size);height:var(--icon-size);display:block;flex-shrink:0;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.icon.icon20 {--icon-size:20px;}
.icon.icon30 {--icon-size:30px;}
.icon.icon--inline {position:relative;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon.icon--inline-right {position:relative;display:inline-block;vertical-align:middle;margin-left:5px;}

/* Icons > Images */
.icon-angle-up {background-image:url(/wp-content/themes/ocean/assets/icons/icon-angle-up.svg);}
.icon-angle-down {background-image:url(/wp-content/themes/ocean/assets/icons/icon-angle-down.svg);}
.icon-minus {background-image:url(/wp-content/themes/ocean/assets/icons/icon-minus.svg);}
.icon-plus {background-image:url(/wp-content/themes/ocean/assets/icons/icon-plus.svg);}

/* Tables */
.table.has-actions tr th:last-child, .table.has-actions tr td:last-child {text-align:right;}
/* has-loadmore */
/* .has-loadmore .card {display:none;} */

/* Backgrounds */
.bg-transparent {background-color:transparent !important;}
.bg-primary {background-color:var(--color-primary) !important;}
.bg-medical {background-color:var(--color-medical) !important;}
.bg-promotional {background-color:var(--color-promotional) !important;}
.bg-industrial {background-color:var(--color-industrial) !important;}
.bg-white {background-color:var(--color-white) !important;}
.bg-black {background-color:var(--color-black)!important;}
.bg-grey {background-color:var(--color-grey) !important;}
.bg-grey-light {background-color:var(--color-grey-light) !important;}
.bg-grey-dark {background-color:var(--color-grey-dark) !important;}
.bg-frosted-glass {opacity:.5;background-color:rgba(29,29,27,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}

/* .bg-demo {background-image:url(/wp-content/themes/ocean/assets/img/bg-demo.jpg);background-position:center center;background-repeat: no-repeat;background-size:cover;} */

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {
  /* Variables */
  :root {
    --body-offset: 0px;
    --section-padding-y: 50px;
    --section-padding-x: 0px;
  }

  /* Globals */
  .image--contain {background-size:cover;}
  
  /* Tables > Responsive */
  .table-responsive > .table > tbody > tr > td, 
  .table-responsive > .table > tbody > tr > th, 
  .table-responsive > .table > tfoot > tr > td, 
  .table-responsive > .table > tfoot > tr > th, 
  .table-responsive > .table > thead > tr > td, 
  .table-responsive > .table > thead > tr > th {white-space:nowrap;}
  
  /* Sidebar Toggle */
  .accordion-item {cursor:pointer;position:relative;}
  .accordion-button {margin-bottom:0;font-weight:700;}
  .accordion-button:after {font-family:"Font Awesome 7 Free";content:"\f068";color:var(--color-black);font-weight:900;font-size:12px;position:absolute;right:0;top:auto;}
  .accordion-button.collapsed:after {content:"\+";}
  
  /* Table responsive */
  .table__is-card .table {border:0;}
  .table__is-card .table .table-bordered {border:0;}
  .table__is-card .table .table-bordered a.btn-secondary , .table__is-card .table .table-bordered a.btn-danger {font-size:11px;}
  .table__is-card .table .table > tbody > tr > td {height:auto;}
  .table__is-card .table .table > tbody > tr > td:last-child {border-bottom:0!important;}
  .table__is-card .table table , .table__is-card .table thead , .table__is-card .table tbody , .table__is-card .table th , .table__is-card .table td , .table__is-card .table tr {display:block;}
  .table__is-card .table thead tr {position:absolute;top:-9999px;left:-9999px;}
  .table__is-card .table tr {border:1px solid #dddddd;margin-bottom:30px;}
  .table__is-card .table td {border:none;border-bottom:1px solid #dddddd;position:relative;padding-left:40%;white-space:normal;text-align:right;}
  .table__is-card .table td:last-child:before {display:none;}
  .table__is-card .table td:last-child {padding-left:15px;}
  .table__is-card .table td:before {position:absolute;top:15px;left:15px;width:30%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;}
  .table__is-card .table td:before {content:attr(data-title);}
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {
  /* Variables */
  :root {
    --body-offset: 0px;
  }
  
  /* Sidebar Toggle */
  .accordion-button {margin-bottom:0;font-weight:700;}
  .accordion-button:after {font-family:"Font Awesome 7 Free";content:"\f068";color:var(--color-black);font-weight:900;font-size:12px;position:absolute;right:0;top:auto;}
  .accordion-button.collapsed:after {content:"\+";}
  
}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
}
