From 45cd0b6e2c16955f46f903e99a85b886e692b798 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nejc=20Kova=C4=8D?= <nejc.kouko@gmail.com>
Date: Wed, 8 Jun 2022 09:04:55 +0200
Subject: [PATCH] AAI css popravki

---
 frontend/simple/classes/DisplayController.php |   2 +-
 frontend/simple/css/aai.css                   | 206 +++++++++++++-----
 2 files changed, 149 insertions(+), 59 deletions(-)

diff --git a/frontend/simple/classes/DisplayController.php b/frontend/simple/classes/DisplayController.php
index c19935772..4fe0611a8 100644
--- a/frontend/simple/classes/DisplayController.php
+++ b/frontend/simple/classes/DisplayController.php
@@ -122,7 +122,7 @@ class DisplayController{
         echo '<div class="logo ">';
 
         echo '  <a href="'.$site_url.$this->root.'index.php">';
-        echo '      <img src="'.$site_url.'/public/img/logo/1ka_'.($this->lang_id != 1 ? 'eng' : 'slo').'.svg">';
+        echo '      <img src="'.$site_url.'/public/img/logo/1ka_logo_'.($this->lang_id != 1 ? 'eng' : 'slo').'.svg">';
         if(isAAI()){
             echo '      <img src="'.$site_url.'/public/img/logo/arnes_logo.png" style="margin-left:30px;">';
         }
diff --git a/frontend/simple/css/aai.css b/frontend/simple/css/aai.css
index 4f5989cd0..2e3c3e969 100644
--- a/frontend/simple/css/aai.css
+++ b/frontend/simple/css/aai.css
@@ -4,50 +4,61 @@
     font-family: "Source Sans Pro","sans-serif";
 }
 
+body {
+    max-width: 1160px;
+    margin: auto;
+    color: #343434;
+}
+
 /* nav */
 .mobile{
     display: none;
 }
 
 
- h1 {
-    font-weight: 300;
-    font-size: 50px;
-    line-height: 62px;
-}
-
-h2 {
-    font-size: 40px;
-    font-weight: bold;
-}
-
-
 header {
-    padding-top: 10px;
-    padding-bottom: 5px;
-
+    padding: 0px;
 }
 
-header a {
+header .nav-desktop span.menu_item {
+    margin-left: 32px;
+    text-transform: none;
+}
+header .nav-desktop span.menu_item a {
+    color: #343434;
+    font-style: normal;
     font-weight: 400;
+    font-size: 16px;
+    line-height: 42px;
 }
 
-
 header nav span.menu_item a:hover {
     color: #F07D3E;
 }
 
 header nav span.menu_item.active {
     border-bottom: 3px #F07D3E solid;
-  }
+}
+
+header nav span.lang_switch img {
+    margin-right: 8px;
+}
+
+header nav span.lang_switch span {
+    line-height: 26px;
+}
 
 
 #header-btn {
-    color: rgb(255, 255, 255);
+    color: #FFFFFF;
     background-color: #F07D3E;
+    border: 1px solid #F07D3E;
 
-    width: 150x;
-    padding: 8px 16px;
+    width: 108px;
+    height: 44px;
+    padding: 9px 16px;
+    gap: 10px;
+    
 
     text-transform: none;
 }
@@ -59,6 +70,9 @@ header nav span.menu_item.active {
     border: 1px solid #F07D3E;
 }
 
+#main .main_content {
+    padding: 0px;
+}
 
 .hero-container {
     display: flex;
@@ -67,15 +81,15 @@ header nav span.menu_item.active {
 
     height: auto;
 
-    margin-top: 30px;
-    margin-bottom: 100px;
-    
+    margin-top: 105px;
+    margin-bottom: 210px;  
 }
 
+
 .hero-container img {
         
-    max-width: 60%;
-    height: auto;
+    max-width: 50%;
+    max-height: 476px;
 }
 
 
@@ -84,26 +98,45 @@ header nav span.menu_item.active {
     max-width: 350px;
     margin-right: 10px;
 
-    font-size: 18px;
+    font-size: 18px;  
+}
 
-    
+.hero-container .text h1 {
+    font-weight: 300;
+    font-size: 50px;
+    line-height: 62px;
+
+    margin-top: 0px;
+    margin-bottom: 25px;
+}
+.hero-container .text p{
+    margin-top: 0px;
+    margin-bottom: 25px;
 }
 
 .hero-container a {
     display: flex;
     justify-content: space-between;
 
-    background-color: #F07D3E;
-    color: white;
-
     padding: 8px 16px;
     width: 200px;
+    background-color: #F07D3E;
+    border: 1px solid #F07D3E;
+    color: white;
 
+    background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
+    background-size: 200%;
+    transition: .3s ease-out;
 }
 .hero-container a:hover {
     background-color: white;
     color: #F07D3E;
     border: 1px solid #F07D3E;
+
+    background-position: left;
+
+
+
 }
 
 
@@ -112,6 +145,8 @@ header nav span.menu_item.active {
     max-width: auto;
 }
 
+
+
 .povezave {
 
     display: flex;
@@ -119,29 +154,45 @@ header nav span.menu_item.active {
 }
 
 .title {
-    text-align: center;
-    font-weight: 400;
 
-    margin-bottom: 70px;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 32px;
+    line-height: 36px;
+
+    text-align: center;
+    margin-bottom: 50px;
     
 }
 
 .povezave h2 {
-    font-size: 18px;
+    font-style: normal;
     font-weight: 700;
+    font-size: 18px;
+    line-height: 23px;
+
+    margin-top: 25px;
+    margin-bottom: 8px;
 
     
 }
 
 .povezave .col{
+
     text-align: center;
-    margin-left: 10px;
 
 }
 
 .povezave .col p {
     height: 110px;
-    max-width: 300px;
+    max-width: 253px;
+
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 26px;
+
+    margin-top: 0px;
 
     
 }
@@ -150,12 +201,20 @@ header nav span.menu_item.active {
     display: flex;
     justify-content: space-between;
 
-   background-color: #F07D3E;
-   color: white;
+    background-color: #F07D3E;
+    border: 1px solid #F07D3E;
+    color: white;
+    font-size: 16px;
+    line-height: 26px;
 
-   padding: 8px 16px;
-   max-width: 150px;
-   margin: auto;
+    padding: 12px 16px;
+    margin: 0px 20px;
+    max-width: 196px;
+    
+    background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
+    background-size: 200%;
+    transition: .3s ease-out;
+    
 } 
 
 #povezave-btn:hover {
@@ -163,20 +222,30 @@ header nav span.menu_item.active {
     background-color: white;
 
     border: 1px solid #F07D3E;
+
+    background-position: left;
 }
 
 
-
+footer .footer_content {
+    padding: 0px;
+    margin-top: 210px;
+}
 
 footer h2 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 18px;
+    line-height: 24px;
+
+    margin-bottom: 12px;
    
 }
 
 footer .col a {
-    color: black;
+    color: #343434;
+    font-size: 16px;
+    line-height: 26px;
 }
 
 .social_logo_flex img {
@@ -189,7 +258,10 @@ footer .col a {
 }
 
 footer .footer_content .col span {
-    font-weight: 400;
+    font-weight: 400;   
+}
+footer .footer_content .col span a {
+    color: #343434;
 }
 
 footer .footer_content .col1 .col1-flex {
@@ -259,16 +331,27 @@ input[type=button]:hover,
         flex-direction: column-reverse;  
         
         
-        margin-top: 50px;
+        margin-top: 70px;
         margin-bottom: 50px;
 
         height: auto;
     }
 
     .hero-container img {
-        
-        max-width: 70%;
-        height: auto;
+        max-width: 65%;
+    }
+
+    .hero-container .text h1 {
+        margin-top: 50px;
+    }
+    .hero-container .text p {
+        margin-bottom: 25px;
+        max-width: 390px;
+    }
+    .hero-container .text a {
+        width: 80%;
+        max-width: 320px;
+        margin: auto;
     }
 
     .hero-container .text {
@@ -277,9 +360,7 @@ input[type=button]:hover,
 
     }
 
-    .hero-container .text a {
-        margin: auto;
-    }
+
     
     .povezave{
         display: grid;
@@ -288,8 +369,15 @@ input[type=button]:hover,
         row-gap: 30px;
     }
 
+    .title {
+        margin-top: 118px;
+        margin-bottom: 0px;
+        
+    }
+
     .povezave .col  {
         margin: auto;
+        margin-top: 50px;
         
     }
 
@@ -299,6 +387,9 @@ input[type=button]:hover,
         height: 80px;
 
     }
+    #povezave-btn {
+        margin: 0px auto;
+    }
 
     footer .footer_content {
         display: grid;
@@ -348,14 +439,13 @@ input[type=button]:hover,
         font-size: 50px;
     }
 
-
-    .hero-container .text {
-        max-width: 95%;
-        
+    .hero-container img {
+        max-width: 80%;
     }
 
+
+
     .hero-container .text a {
-        width: 95%;
         color: white;  
     }
     .hero-container .text a:hover {
@@ -375,7 +465,7 @@ input[type=button]:hover,
     }
 
     .povezave .col {
-        margin-bottom: 50px ;
+        margin-top: 50px;
 
     }