/* 
    Created on : 17 apr 2023, 12:08:35
    Author     : Norisys
    Description: Foglio di stile per la sezione pubblica del plugin
    Prefisso   : "norisys-components-"
*/

.norisys-components-content {
}

/* PAGINE categoria e componente */
.norisys-components-page {
   background: white;
}
/* PAGINE CATEGORIA */
.norisys-components-page .norisys-categories-head {
   min-height: 560px;
}
.norisys-components-page .norisys-categories-head h1.entry-title {
   text-align: center;
   width: 100%;
   color: white;
   padding-top: 100px;
}
.norisys-components-page .norisys-categories-description {
   color: white;
   font-size: 21px;
   text-align: center;
}
.norisys-components-page .norisys-categories-content {
   background: white;
}
.norisys-components-page .norisys-categories-content-half {
   width: 50%;
   display: inline-block;
   vertical-align: top;
   margin: 0 -2px;
   padding: 3rem;
   font-size: 21px;
   text-align: left;
}
.norisys-components-page .norisys-categories-content-half.background-category,
.norisys-components-page .norisys-categories-content-half.background-category-no-component-form,
.norisys-components-page .norisys-categories-content-half.background-component {
   background: #e2b649;
   background-repeat: no-repeat;
   background-position: center;
   transition: linear all 0.6s;
}
.norisys-components-page .norisys-categories-content-half .norisys-categories-list ul,
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul {
   list-style: none;
   padding-left: 0px;
}
.norisys-components-page .norisys-categories-content-half .norisys-categories-list ul a,
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul a {
   font-size: 36px;
   line-height: 46px;
   font-weight: bold;
   color: black;
}
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul a div {
   text-indent: -2rem;
   margin-left: 2rem;
}
.norisys-components-page .norisys-categories-content-half .norisys-categories-list ul a div:after,
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul a div:before {
   content: "\276F";
   margin-left: 10px;
   font-size: 24px;
   font-weight: bold;
   vertical-align: 2px;
   color: black;
}
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul a div:before {
   content: "\276E";
   margin-right: 10px;
}
.norisys-components-page .norisys-categories-content-half .norisys-categories-list ul a:hover,
.norisys-components-page .norisys-categories-content-half .norisys-categories-list ul a:hover div:after,
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul a:hover,
.norisys-components-page .norisys-categories-content-half .norisys-components-list ul a:hover div:before {
   color: #e2b649;
}
.norisys-components-page .norisys-categories-parent {
   
}
.norisys-components-page .norisys-categories-parent a::before {
   content: "\219A";
   margin-right: 5px;
}
.norisys-components-page .norisys-categories-parent a::after {
   content: "/";
   margin-left: 5px;
}
.norisys-component-discover-button {
   text-align: center;
   height: 70px;
   margin-top: -70px;
   display: block;
   line-height: 1;
}
.norisys-component-discover-button a {
   color: white;
}
.norisys-component-discover-button i {
   display: block;
   margin: 0px;
}
.norisys-component-discover-button i::before {
   content: "\F107";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}
.norisys-component-discover-button span {
   font-family: "Just Suns ExBold";
   font-style: normal;
   font-weight: 400;
}

/* PAGINE COMPONENT */
.norisys-components-page {
   
}
.norisys-components-page .norisys-component-content {
   background: #132438;
   color: white;
   font-size: 21px;
   text-align: center;
   border-bottom: 4px solid white;
   padding-bottom: 1rem;
}
.norisys-components-page .norisys-component-content .content-title {
   color: #e2b649;
   font-size: 1em;
   text-transform: uppercase;
   font-weight: bold;
   text-align: left;
   padding: 0rem 2rem;
}
.norisys-components-page .norisys-component-content-image,
.norisys-components-page .norisys-component-short-description,
.norisys-components-page .norisys-component-description,
.norisys-components-page .norisys-component-properties {
   display: inline-block;
   padding: 2rem 2rem 0rem;
   width: 50%;
   text-align: justify;
}
.norisys-components-page .norisys-component-content-image {
   width: 50%;
   float: left;
}
.norisys-components-page .norisys-component-content-image .norisys-component-main-image {
   transition: linear all 0.6s;
   background-position: center;
   background-repeat: no-repeat;
   background-color: white;
}
.norisys-components-page .norisys-component-content-image .norisys-component-other-images a {
}
.norisys-components-page .norisys-component-content-image .norisys-component-other-images a:hover {
   opacity: 0.5;
   cursor: pointer;
}
.norisys-components-page .norisys-component-content-image .norisys-component-other-images img {
   height: 72px;
   margin: 10px 10px 0px 0px;
   background: white;
}
.norisys-components-page .norisys-component-description {
   display: inline-block;
   width: 100%;
}
.norisys-components-page .norisys-component-properties table {
   width: 100%;
}
.norisys-components-page .norisys-component-properties table tr {
   border-bottom: 1px solid lightslategray;
}
.norisys-components-page .norisys-component-properties table tr td {
   text-align: left;
}
.norisys-components-page .norisys-component-properties table tr td p {
   margin: 2px 2px;
}
.norisys-components-page .norisys-component-properties table tr td .didascalia {
   font-size: 16px;
}

.norisys-components-page .norisys-component-buttons {
   display: inline-block;
   padding: 2rem 2rem 0rem;
   width: 100%;
   text-align: left;
}
.norisys-components-page .norisys-component-buttons.right {
   padding-right: 0px; 
   text-align: right;
}
.norisys-components-page .norisys-component-buttons .content-title {
   margin: 0px;
}
.norisys-components-page .norisys-component-buttons a.return-category-button {
   background: #132438;
   margin-bottom: 20px;
   padding: 10px 30px;
   min-height: 53px;
   color: white;
}
.norisys-components-page .norisys-component-content .norisys-component-buttons a.return-category-button {
   background: white;
   color: #132438;
   margin-bottom: 20px;
   padding: 10px 30px;
   min-height: 53px;
}
.norisys-components-page .norisys-component-buttons > div {
   display: inline-block;
   margin: 0em 1em 1em 0em;
}
.norisys-components-page .norisys-component-buttons > div a {
   font-weight: bold;
   border-radius: 4px;
}

/* schermi di 748 px o meno */
@media screen and (max-width: 748px) {
   
   .norisys-components-page .norisys-categories-head h1.entry-title {
      font-size: 28px;
      padding-top: 100px;
   }
   .norisys-components-page .norisys-categories-content-half {
      width: 100%;
      display: block;
      padding: 2rem;
   }
   .norisys-components-page .norisys-categories-content-half.background-category,
   .norisys-components-page .norisys-categories-content-half.background-component {
      display: none;
   }
   .norisys-components-page .norisys-categories-content-half .norisys-categories-list ul, 
   .norisys-components-page .norisys-categories-content-half .norisys-components-list ul {
       margin: 0px;
       padding: 0px;
   }
   .norisys-components-page .norisys-categories-content-half .norisys-categories-list ul a, 
   .norisys-components-page .norisys-categories-content-half .norisys-components-list ul a {
       font-size: 22px;
   }
   .norisys-components-page .norisys-categories-content-half .norisys-categories-list ul a div:after,
   .norisys-components-page .norisys-categories-content-half .norisys-components-list ul a div:before {
      margin-left: 5px;
      font-size: 12px;
      vertical-align: 1px;
   }
   .norisys-components-page .norisys-component-content {
      font-size: 18px;
   }
   .norisys-components-page .norisys-component-content-image,
   .norisys-components-page .norisys-component-short-description,
   .norisys-components-page .norisys-component-description,
   .norisys-components-page .norisys-component-properties {
      display: block;
      width: 100%;
      padding: 1rem;
   }
   .norisys-components-page .norisys-component-properties table tr td .didascalia {
      font-size: 14px;
   }
   .norisys-components-page .norisys-component-buttons, .norisys-components-page .norisys-component-buttons.right {
      padding-left: 1em;
      padding-right: 1em;
   }
   .norisys-components-page .norisys-component-buttons > div {
      display: grid;
      margin: 0.5em 0;
      text-align: center;
   }
   .norisys-components-page .norisys-component-content .content-title {
      padding: 0rem 0.5rem;
      text-align: center;
   }
   .norisys-component-discover-button {
      height: 60px;
      margin-top: -60px;
   }
}