diff --git a/frontend/simple/css/aai.css b/frontend/simple/css/aai.css index e58ac35aa..6cadf6c33 100644 --- a/frontend/simple/css/aai.css +++ b/frontend/simple/css/aai.css @@ -63,17 +63,18 @@ header nav span.lang_switch img { #header-btn { + display: inline-block; color: #FFFFFF; background-color: #F07D3E; border: 1px solid #F07D3E; - width: 108px; - height: 44px; - padding: 9px 16px; + width: 105px; + height: 41px; gap: 10px; font-weight: 700; text-transform: none; + text-align: center; } #header-btn:hover { @@ -94,8 +95,8 @@ header nav span.lang_switch img { height: auto; - margin-top: 105px; - margin-bottom: 210px; + padding-top: 105px; + padding-bottom: 210px; } @@ -139,8 +140,8 @@ header nav span.lang_switch img { line-height: 26px; padding: 0px 16px; - height: 50px; - width: 280px; + height: 47px; + width: 284px; background-color: #F07D3E; border: 1px solid #F07D3E; color: white; @@ -195,7 +196,7 @@ header nav span.lang_switch img { font-size: 18px; line-height: 23px; - margin-top: 25px; + margin-top: 20px; margin-bottom: 8px; @@ -204,7 +205,6 @@ header nav span.lang_switch img { .povezave .col{ text-align: center; - max-width: min(254px,25%); } .povezave_img{ @@ -213,7 +213,7 @@ header nav span.lang_switch img { } .povezave .col p { - min-height: 110px; + /* min-height: 110px; */ max-width: 253px; font-style: normal; @@ -222,8 +222,13 @@ header nav span.lang_switch img { line-height: 26px; margin-top: 0px; - - + margin-bottom: 25px; +} +@media screen and (max-width: 885px) { + .povezave .col p { + min-height: 110px; + margin-bottom: 0px; + } } #povezave-btn { @@ -240,8 +245,8 @@ header nav span.lang_switch img { padding: 0px 16px; margin: 0px 20px; - max-width: 196px; - height: 50px; + max-width: 183px; + height: 47px; background: linear-gradient(to left, #F07D3E 50%, white 50%) right; background-size: 200%; @@ -303,6 +308,8 @@ footer .footer_content .col { footer .footer_content .col span { font-weight: 400; + padding-top: 0px; + padding-bottom: 12px; } footer .footer_content .col span a { color: #343434; @@ -386,8 +393,8 @@ input[type=button]:hover, flex-direction: column-reverse; - margin-top: 70px; - margin-bottom: 50px; + padding-top: 70px; + padding-bottom: 50px; height: auto; } @@ -439,19 +446,35 @@ input[type=button]:hover, max-width: none; } + .povezave .col:nth-of-type(1), + .povezave .col:nth-of-type(3) { + margin-left: 20px; + margin-right: 30px; + } + .povezave .col:nth-of-type(2), + .povezave .col:nth-of-type(4) { + margin-right: 20px; + } .povezave .col p { - max-width: 300px; - - height: 80px; + max-width: 392px; + + min-height: unset; + margin-bottom: 25px; } + @media screen and (max-width: 740px) { + .povezave .col p { + min-height: 80px; + } + } + #povezave-btn { margin: 0px auto; } footer { - padding: 0px; + padding: 0px 25px; } footer .footer_content { @@ -505,7 +528,7 @@ input[type=button]:hover, @media screen and (max-width: 700px) { - .main_content { + body.landing_page #main .main_content { padding: 0px; } @@ -514,7 +537,8 @@ input[type=button]:hover, } .hero-container { - margin-top: 50px; + padding-top: 50px; + padding-bottom: 96px; } .hero-container .text { max-width: 100%; @@ -540,6 +564,11 @@ input[type=button]:hover, padding-bottom: 96px; } + .title { + margin-bottom: 49px; + margin-top: 0px; + } + .povezave { display: flex; flex-direction: column; @@ -548,11 +577,20 @@ input[type=button]:hover, } .povezave .col { - margin-top: 50px; - + margin: 50px 20px 20px 0px; + } + .povezave .col p { + min-height: unset; + } - + .povezave .col:nth-of-type(1), + .povezave .col:nth-of-type(3), + .povezave .col:nth-of-type(2), + .povezave .col:nth-of-type(4) { + margin: auto; + margin-bottom: 30px; + } @@ -687,7 +725,9 @@ input[type=button]:hover, } /* ------------------------------------------------- */ - + footer { + margin: 0px 16px; + } footer .footer_content { /* background-color: rgb(184, 184, 184); */ @@ -697,8 +737,6 @@ input[type=button]:hover, display: flex; flex-direction: row; flex-wrap: wrap; - - } footer .footer_content h2 { @@ -714,6 +752,10 @@ input[type=button]:hover, } + footer .footer_content .col span { + padding-bottom: 16px; + } + footer .footer_content .col1 .col1-flex{ display: flex; flex-direction: column;