CSS compile

frontend/drupal9/web/themes/custom/pro1ka/css/style.css

@@ -403,9 +403,9 @@ th {
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
-  margin-right: 5px;
+  margin-right: 5px !important;
   margin-bottom: 5px;
-  margin-left: 5px;
+  margin-left: 5px !important;
   padding: 12px 7px 12px 17px;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
@@ -421,9 +421,11 @@ th {
   text-decoration: none;
   cursor: pointer;
   border: 1px solid #1e88e5;
-  padding: 11px 7px 11px 17px;
   color: #1e88e5;
 }
+.button.shrink {
+  max-width: 200px;
+}
 
 img {
   max-width: 100%;
@@ -473,7 +475,7 @@ body {
 
 .section {
   position: relative;
-  padding-top: 70px;
+  padding-top: 53px;
   padding-bottom: 70px;
 }
 
@@ -693,6 +695,9 @@ body {
   flex: 0 0 33.3333%;
   text-align: center;
 }
+.izbira-paketa .section-main .col img.package {
+  margin-bottom: 20px;
+}
 .izbira-paketa .section-main .col .icon {
   width: 150px;
   height: 150px;
@@ -851,6 +856,13 @@ body {
   justify-content: right;
 }
 .koraki-spletnega-anketiranja .row.flex-desna .gumb {
+  margin-top: 30px;
+  margin-bottom: 20px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  display: flex;
   width: 33.3333%;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 33.3333%;
@@ -872,6 +884,13 @@ body {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
+.pridruzi-se-nam .row .gumb {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  display: flex;
+}
 .pridruzi-se-nam .row .stolpec {
   padding-right: 25px;
   padding-left: 25px;
@@ -1143,12 +1162,9 @@ body {
   border-top: 1px solid #333333;
   margin: 1rem 1rem 0;
 }
-.dva-stolpca .preko-racunov .ostale-prijave .ikona {
+.dva-stolpca .ikona .gumb {
-  margin: 1rem;
-}
-.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb {
   padding-right: 1rem;
-  background: #333333;
+  background: #1e88e5;
   color: #ffffff;
   padding: 0.5rem 1rem;
   max-width: 250px;
@@ -1157,17 +1173,17 @@ body {
   cursor: pointer;
   transition: 0.2s;
 }
-.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb:hover {
+.dva-stolpca .ikona .gumb:hover {
-  background: #1e88e5;
+  background: #1970bb;
 }
-.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb.gumb-aai {
+.dva-stolpca .ikona .gumb.gumb-aai {
   background: #e35205;
   letter-spacing: 0.5px;
 }
-.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb.gumb-aai:hover {
+.dva-stolpca .ikona .gumb.gumb-aai:hover {
   background: #fa6c21;
 }
-.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img {
+.dva-stolpca .ikona .gumb img {
   height: 1.6rem;
   width: 52px;
   padding-right: 1rem;
@@ -1196,6 +1212,19 @@ body {
 }
 .dva-stolpca .intro-modal .besedilo {
   min-height: 100px;
+  color: #535050;
+  font-size: 16px;
+  line-height: 160%;
+}
+.dva-stolpca .intro-modal .submit-btn {
+  margin-top: 3px;
+  margin-bottom: 27px;
+  padding: 14px 49px;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+.dva-stolpca .intro-modal .submit-btn span {
+  justify-content: center;
 }
 .dva-stolpca .intro-modal .w-button {
   width: 100%;
@@ -1211,10 +1240,10 @@ body {
 }
 .dva-stolpca .intro-modal.intro-aai {
   padding-right: 1rem;
-  border-right: 1px solid #333333;
+  border-right: 1px solid #d1d1d1;
   width: 100%;
 }
-.dva-stolpca .intro-modal.intro-aai h4 {
+.dva-stolpca .intro-modal.intro-aai .text-arnes {
   color: #e35205;
   margin-bottom: 0;
 }
@@ -1605,6 +1634,17 @@ input.error-field {
   bottom: auto;
   z-index: 140;
   background-color: #fff;
+  /*   .container {
+      -webkit-transition: all 1200ms linear;
+      -moz-transition: all 1200ms linear;
+      -o-transition: all 1200ms linear;
+      -ms-transition: all 1200ms linear;
+      transition: all 1200ms linear;
+
+      &.hide{
+        height: 0;
+      }
+    } */
 }
 .nav-menu .logo {
   display: block;
@@ -1655,6 +1695,7 @@ input.error-field {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
+  list-style: none;
 }
 .nav-menu .block-menu .list-elementi .nav-li a {
   display: block;
@@ -1744,6 +1785,7 @@ input.error-field {
 .sidebar_menu ul li {
   padding: 0px;
   margin: 0px;
+  list-style: none;
 }
 .sidebar_menu ul li:hover {
   color: #0082ff;
@@ -1765,9 +1807,22 @@ input.error-field {
   text-decoration: none;
   text-transform: none;
 }
+.sidebar_menu ul li a.is-active {
+  color: #0082ff;
+}
 .sidebar_menu ul li a:hover {
   color: #0082ff;
 }
+.sidebar_menu ul.menu-1ka li a {
+  margin-top: 10px;
+  text-transform: uppercase;
+  font-weight: 600;
+}
+.sidebar_menu ul.menu-1ka ul.menu li a {
+  margin-top: 0px;
+  text-transform: none;
+  font-weight: 400;
+}
 
 a {
   color: #1e88e5;
@@ -4368,6 +4423,11 @@ p {
   font-weight: 600;
   text-decoration: none;
   cursor: pointer;
+  -webkit-transition: background-color 200ms linear;
+  -moz-transition: background-color 200ms linear;
+  -o-transition: background-color 200ms linear;
+  -ms-transition: background-color 200ms linear;
+  transition: background-color 200ms linear;
 }
 
 .button:hover {
@@ -4398,6 +4458,7 @@ p {
 
 .button.main-button:hover {
   color: #fff;
+  background-color: #0040A9;
 }
 
 .secondary-button {
@@ -4405,12 +4466,19 @@ p {
   padding: 11px 7px 11px 17px;
   color: #1e88e5;
 }
+.secondary-button:hover {
+  background-color: #1e88e5;
+  color: #fff;
+}
+.secondary-button:hover img {
+  content: url("/tema1ka/svg/icons8-chevron-right-bela.svg");
+}
 
 .secondary-button-white {
-  border: 1px solid #fff;
+  border: 1px solid #fff !important;
   width: 196px;
   padding: 11px 7px 11px 17px;
-  color: #fff;
+  color: #fff !important;
 }
 
 .buttons-row .secondary-button-white {
@@ -4708,7 +4776,11 @@ p {
 }
 
 .secondary-button-white:hover {
-  color: #1e88e5;
+  color: #1e88e5 !important;
+  background-color: white;
+}
+.secondary-button-white:hover img {
+  content: url("/tema1ka/svg/icons8-chevron-right.svg");
 }
 
 .button-flyin-blue {
@@ -4716,7 +4788,12 @@ p {
 }
 
 .main-button-white:hover {
+  background-color: #1e88e5;
   color: white;
+  border: 1px solid #fff;
+}
+.main-button-white:hover img {
+  content: url("/tema1ka/svg/icons8-chevron-right-bela.svg");
 }
 
 .button-flyin.main {
@@ -4726,6 +4803,7 @@ p {
 .testimonial-tile {
   position: relative;
   height: 100%;
+  width: 100%;
   margin-bottom: 20px;
 }
 
@@ -4816,6 +4894,7 @@ p {
   font-size: 16px;
   line-height: 15px;
   font-weight: 600;
+  margin-top: -2px;
 }
 
 .register:hover {
@@ -5232,16 +5311,31 @@ p {
   margin-top: 20px;
   background-color: #1e88e5;
   color: #fff;
+  -webkit-transition: background-color 200ms linear;
+  -moz-transition: background-color 200ms linear;
+  -o-transition: background-color 200ms linear;
+  -ms-transition: background-color 200ms linear;
+  transition: background-color 200ms linear;
+}
+.button-pricechart:hover {
+  background-color: #0040A9;
 }
 
 .button-pricechart.pcb-2 {
   background-color: #ffc700;
   color: #333;
 }
+.button-pricechart.pcb-2:hover {
+  background-color: #1e88e5;
+  color: #fff;
+}
 
 .button-pricechart.pcb-3 {
   background-color: #0040A9;
 }
+.button-pricechart.pcb-3:hover {
+  background-color: #1e88e5;
+}
 
 .pricing-icon-outer {
   display: -webkit-box;
@@ -5721,8 +5815,8 @@ p {
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   border-radius: 0px 50% 50% 0%;
-  background-color: #D4F0FC;
+  background-color: #1e88e5;
-  background-image: url("/tema1ka/svg/icons-search-modra.svg");
+  background-image: url("/tema1ka/svg/icons-search-bela.svg");
   background-position: 50% 50%;
   background-size: 20px 20px;
   background-repeat: no-repeat;
@@ -6282,11 +6376,6 @@ p {
     margin-bottom: 57px;
   }
 
-  .login {
-    border-color: #99f2e1;
-    background-color: #99f2e1;
-  }
-
   .div-block-10 {
     display: block;
   }