Skip to content

Jeff Balicki / stellervista-micro

Go to a project
Toggle navigation
Toggle navigation pinning
890efbe9 by Jeff Balicki
Options

stuff 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 1a5d039b
Inline Side-by-side
Showing 9 changed files with 335 additions and 85 deletions
1 set :application, 'stellervistaconnect' 1 set :application, 'stellervista-micro'
2 set :repo_url, 'git@git.gotenzing.com:Jeremy/stellervista-Intranet.git' 2 set :repo_url, 'git@git.gotenzing.com:jeffmbalicki/stellervista-micro.git'
3 3
4 # Branch options 4 # Branch options
5 # Prompts for the branch name (defaults to current branch) 5 # Prompts for the branch name (defaults to current branch)
...@@ -19,7 +19,7 @@ set :log_level, :info ...@@ -19,7 +19,7 @@ set :log_level, :info
19 19
20 # Put all shared files/directories here (e.g. uploads that need to go on the NFS drive) 20 # Put all shared files/directories here (e.g. uploads that need to go on the NFS drive)
21 set :linked_files, fetch(:linked_files, []).push('.env') 21 set :linked_files, fetch(:linked_files, []).push('.env')
22 set :linked_dirs, fetch(:linked_dirs, []).push('wp-content/wflogs','wp-content/uploads', 'wp-content/storage', 'wp-content/languages', 'wp-content/cache' , 'wp-content/wp-rocket-config') 22 set :linked_dirs, fetch(:linked_dirs, []).push('wp-content/wflogs','wp-content/uploads', 'wp-content/storage', 'wp-content/languages', 'wp-content/cache' )
23 23
24 24
25 namespace :deploy do 25 namespace :deploy do
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 * Copyright 2011-2022 Twitter, Inc. 5 * Copyright 2011-2022 Twitter, Inc.
6 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7 */ 7 */
8 @import url("https://use.typekit.net/lov0ylb.css");
8 :root { 9 :root {
9 --bs-blue: #0d6efd; 10 --bs-blue: #0d6efd;
10 --bs-indigo: #6610f2; 11 --bs-indigo: #6610f2;
...@@ -14910,16 +14911,16 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14910,16 +14911,16 @@ figure.woocommerce-product-gallery__wrapper {
14910 display: block; 14911 display: block;
14911 } 14912 }
14912 14913
14913 @font-face {
14914 font-family: "trade_gothic_next_lt_pro";
14915 src: url("../fonts/trade-gothic-next-lt-pro.woff2") format("woff2"), url("../fonts/trade-gothic-next-lt-pro.woff") format("woff");
14916 font-weight: normal;
14917 font-style: normal;
14918 }
14919 #main-nav { 14914 #main-nav {
14920 height: 123px; 14915 height: 123px;
14921 } 14916 }
14922 14917
14918 @media (max-width: 786px) {
14919 .navbar-brand {
14920 margin: auto;
14921 }
14922 }
14923
14923 #wrapper-navbar { 14924 #wrapper-navbar {
14924 position: fixed; 14925 position: fixed;
14925 box-shadow: 0px 7px 15px -3px rgba(0, 0, 0, 0.39); 14926 box-shadow: 0px 7px 15px -3px rgba(0, 0, 0, 0.39);
...@@ -14931,11 +14932,19 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14931,11 +14932,19 @@ figure.woocommerce-product-gallery__wrapper {
14931 .home-header-moibile { 14932 .home-header-moibile {
14932 display: none; 14933 display: none;
14933 } 14934 }
14934 @media (max-width: 600px) { 14935 @media (max-width: 786px) {
14935 .home-header-moibile { 14936 .home-header-moibile {
14936 position: relative; 14937 position: relative;
14937 top: 123px; 14938 top: 123px;
14938 display: block; 14939 display: block;
14940 width: calc(100vw + 0px);
14941 height: auto;
14942 margin-left: 0%;
14943 margin-right: -25%;
14944 }
14945 .home-header-moibile img {
14946 max-width: calc(100vw + 15%);
14947 width: calc(100vw + 15%);
14939 } 14948 }
14940 } 14949 }
14941 14950
...@@ -14952,7 +14961,7 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14952,7 +14961,7 @@ figure.woocommerce-product-gallery__wrapper {
14952 flex-wrap: wrap; 14961 flex-wrap: wrap;
14953 top: 120px; 14962 top: 120px;
14954 } 14963 }
14955 @media (max-width: 600px) { 14964 @media (max-width: 786px) {
14956 .home-header { 14965 .home-header {
14957 background-image: none !important; 14966 background-image: none !important;
14958 background-color: #183668 !important; 14967 background-color: #183668 !important;
...@@ -14962,19 +14971,22 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14962,19 +14971,22 @@ figure.woocommerce-product-gallery__wrapper {
14962 .home-header .content-container { 14971 .home-header .content-container {
14963 margin-left: 35%; 14972 margin-left: 35%;
14964 width: 100%; 14973 width: 100%;
14965 max-width: 600px; 14974 max-width: 900px;
14966 padding-bottom: 60px; 14975 padding-bottom: 60px;
14967 } 14976 }
14968 @media (max-width: 600px) { 14977 @media (max-width: 786px) {
14969 .home-header .content-container { 14978 .home-header .content-container {
14970 margin-left: 40px; 14979 margin-left: 35px;
14980 margin-right: 20px;
14971 padding-bottom: 100px; 14981 padding-bottom: 100px;
14972 } 14982 }
14973 } 14983 }
14974 .home-header .content-container h1, .home-header .content-container .h1, 14984 .home-header .content-container h1, .home-header .content-container .h1,
14975 .home-header .content-container h2, 14985 .home-header .content-container h2,
14976 .home-header .content-container .h2 { 14986 .home-header .content-container .h2 {
14977 font-family: "trade_gothic_next_lt_pro"; 14987 font-family: "trade-gothic-next", sans-serif;
14988 font-weight: 400;
14989 font-style: normal;
14978 color: #183668; 14990 color: #183668;
14979 text-align: left; 14991 text-align: left;
14980 display: flex; 14992 display: flex;
...@@ -14982,14 +14994,21 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14982,14 +14994,21 @@ figure.woocommerce-product-gallery__wrapper {
14982 line-height: 50px; 14994 line-height: 50px;
14983 font-weight: 300; 14995 font-weight: 300;
14984 } 14996 }
14985 @media (max-width: 600px) { 14997 @media (max-width: 786px) {
14998 .home-header .content-container h1 br, .home-header .content-container .h1 br,
14999 .home-header .content-container h2 br,
15000 .home-header .content-container .h2 br {
15001 display: none;
15002 }
15003 }
15004 @media (max-width: 786px) {
14986 .home-header .content-container h1, .home-header .content-container .h1, 15005 .home-header .content-container h1, .home-header .content-container .h1,
14987 .home-header .content-container h2, 15006 .home-header .content-container h2,
14988 .home-header .content-container .h2 { 15007 .home-header .content-container .h2 {
14989 color: #fff; 15008 color: #fff;
14990 } 15009 }
14991 } 15010 }
14992 @media only screen and (max-width: 782px) { 15011 @media only screen and (max-width: 786px) {
14993 .home-header .content-container h1, .home-header .content-container .h1, 15012 .home-header .content-container h1, .home-header .content-container .h1,
14994 .home-header .content-container h2, 15013 .home-header .content-container h2,
14995 .home-header .content-container .h2 { 15014 .home-header .content-container .h2 {
...@@ -15001,7 +15020,7 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -15001,7 +15020,7 @@ figure.woocommerce-product-gallery__wrapper {
15001 margin-bottom: 40px; 15020 margin-bottom: 40px;
15002 } 15021 }
15003 .home-header .content-container h2, .home-header .content-container .h2 { 15022 .home-header .content-container h2, .home-header .content-container .h2 {
15004 font-weight: bold; 15023 font-weight: 700;
15005 } 15024 }
15006 15025
15007 .home-header:after { 15026 .home-header:after {
...@@ -15031,6 +15050,9 @@ h1, .h1 { ...@@ -15031,6 +15050,9 @@ h1, .h1 {
15031 font-size: 32px; 15050 font-size: 32px;
15032 line-height: 40px; 15051 line-height: 40px;
15033 margin-top: 26px; 15052 margin-top: 26px;
15053 font-family: "trade-gothic-next", sans-serif;
15054 font-weight: 700;
15055 font-style: normal;
15034 } 15056 }
15035 15057
15036 h2, .h2 { 15058 h2, .h2 {
...@@ -15038,6 +15060,9 @@ h2, .h2 { ...@@ -15038,6 +15060,9 @@ h2, .h2 {
15038 font-size: 26px; 15060 font-size: 26px;
15039 line-height: 33px; 15061 line-height: 33px;
15040 margin-top: 26px; 15062 margin-top: 26px;
15063 font-family: "trade-gothic-next", sans-serif;
15064 font-weight: 700;
15065 font-style: normal;
15041 } 15066 }
15042 15067
15043 h3, .h3 { 15068 h3, .h3 {
...@@ -15045,6 +15070,9 @@ h3, .h3 { ...@@ -15045,6 +15070,9 @@ h3, .h3 {
15045 font-size: 20px; 15070 font-size: 20px;
15046 line-height: 25px; 15071 line-height: 25px;
15047 margin-top: 26px; 15072 margin-top: 26px;
15073 font-family: "trade-gothic-next", sans-serif;
15074 font-weight: 700;
15075 font-style: normal;
15048 } 15076 }
15049 15077
15050 h1 + p, .h1 + p { 15078 h1 + p, .h1 + p {
...@@ -15052,6 +15080,9 @@ h1 + p, .h1 + p { ...@@ -15052,6 +15080,9 @@ h1 + p, .h1 + p {
15052 font-size: 22px; 15080 font-size: 22px;
15053 line-height: 27px; 15081 line-height: 27px;
15054 margin-top: 10px; 15082 margin-top: 10px;
15083 font-family: "trade-gothic-next", sans-serif;
15084 font-weight: 400;
15085 font-style: normal;
15055 } 15086 }
15056 15087
15057 p { 15088 p {
...@@ -15059,18 +15090,28 @@ p { ...@@ -15059,18 +15090,28 @@ p {
15059 font-size: 18px; 15090 font-size: 18px;
15060 line-height: 24px; 15091 line-height: 24px;
15061 margin-top: 16px; 15092 margin-top: 16px;
15093 word-break: break-word;
15094 font-family: "trade-gothic-next", sans-serif;
15095 font-weight: 400;
15096 font-style: normal;
15062 } 15097 }
15063 15098
15064 ul li { 15099 ul li {
15065 color: #4C4C4C; 15100 color: #4C4C4C;
15066 font-size: 16px; 15101 font-size: 16px;
15067 margin-bottom: 6px; 15102 margin-bottom: 6px;
15103 font-family: "trade-gothic-next", sans-serif;
15104 font-weight: 400;
15105 font-style: normal;
15068 } 15106 }
15069 15107
15070 ol li { 15108 ol li {
15071 color: #4C4C4C; 15109 color: #4C4C4C;
15072 font-size: 16px; 15110 font-size: 16px;
15073 margin-bottom: 6px; 15111 margin-bottom: 6px;
15112 font-family: "trade-gothic-next", sans-serif;
15113 font-weight: 400;
15114 font-style: normal;
15074 } 15115 }
15075 15116
15076 .wp-block-table { 15117 .wp-block-table {
...@@ -15091,6 +15132,9 @@ table thead th { ...@@ -15091,6 +15132,9 @@ table thead th {
15091 text-align: left; 15132 text-align: left;
15092 padding: 10px; 15133 padding: 10px;
15093 border-width: 0px !important; 15134 border-width: 0px !important;
15135 font-family: "trade-gothic-next", sans-serif;
15136 font-weight: 400;
15137 font-style: normal;
15094 } 15138 }
15095 table tbody { 15139 table tbody {
15096 border-width: 0px !important; 15140 border-width: 0px !important;
...@@ -15102,10 +15146,16 @@ table tbody tr { ...@@ -15102,10 +15146,16 @@ table tbody tr {
15102 table tbody tr td { 15146 table tbody tr td {
15103 padding: 10px; 15147 padding: 10px;
15104 border-width: 0px !important; 15148 border-width: 0px !important;
15149 font-family: "trade-gothic-next", sans-serif;
15150 font-weight: 400;
15151 font-style: normal;
15105 } 15152 }
15106 table tbody tr th { 15153 table tbody tr th {
15107 padding-left: 10px; 15154 padding-left: 10px;
15108 border-width: 0px !important; 15155 border-width: 0px !important;
15156 font-family: "trade-gothic-next", sans-serif;
15157 font-weight: 400;
15158 font-style: normal;
15109 } 15159 }
15110 table tbody tr:nth-child(odd) { 15160 table tbody tr:nth-child(odd) {
15111 background-color: #E7EAEF !important; 15161 background-color: #E7EAEF !important;
...@@ -15209,15 +15259,15 @@ element.style { ...@@ -15209,15 +15259,15 @@ element.style {
15209 #wrapper-footer { 15259 #wrapper-footer {
15210 background-color: #183668; 15260 background-color: #183668;
15211 width: 100%; 15261 width: 100%;
15212 height: 100px; 15262 height: 200px;
15213 margin-top: -100px; 15263 margin-top: -100px;
15214 position: absolute; 15264 position: absolute;
15215 padding-bottom: 80px; 15265 padding-bottom: 80px;
15216 z-index: 99; 15266 z-index: 99;
15217 } 15267 }
15218 @media (max-width: 600px) { 15268 @media (max-width: 786px) {
15219 #wrapper-footer { 15269 #wrapper-footer {
15220 padding-bottom: 180px; 15270 height: 300px;
15221 } 15271 }
15222 } 15272 }
15223 15273
...@@ -15236,14 +15286,24 @@ element.style { ...@@ -15236,14 +15286,24 @@ element.style {
15236 15286
15237 .site-footer img { 15287 .site-footer img {
15238 float: right; 15288 float: right;
15239 margin-top: -30px;
15240 width: 230px; 15289 width: 230px;
15241 } 15290 }
15291 @media (max-width: 786px) {
15292 .site-footer img {
15293 margin-top: 10px;
15294 padding: 0px 30px;
15295 }
15296 }
15242 15297
15243 #menu-footer { 15298 #menu-footer {
15244 list-style: none; 15299 list-style: none;
15245 padding-left: 0px; 15300 padding-left: 0px;
15246 } 15301 }
15302 @media (max-width: 786px) {
15303 #menu-footer {
15304 padding: 0px 30px;
15305 }
15306 }
15247 #menu-footer li a { 15307 #menu-footer li a {
15248 color: #fff; 15308 color: #fff;
15249 text-decoration: none; 15309 text-decoration: none;
...@@ -15253,7 +15313,37 @@ element.style { ...@@ -15253,7 +15313,37 @@ element.style {
15253 } 15313 }
15254 #menu-footer li a:hover { 15314 #menu-footer li a:hover {
15255 color: #fff; 15315 color: #fff;
15256 text-decoration: none; 15316 text-decoration: underline;
15317 }
15318
15319 #menu-social {
15320 display: flex;
15321 list-style: none;
15322 margin-bottom: 10px;
15323 padding: 0;
15324 gap: 1rem;
15325 }
15326 #menu-social li a {
15327 color: transparent;
15328 display: inline-block;
15329 background-size: contain;
15330 background-repeat: no-repeat;
15331 }
15332 #menu-social li.insta a {
15333 width: 25px;
15334 height: 25px;
15335 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="clip-path"><rect id="Rectangle_79" data-name="Rectangle 79" width="26" height="26" fill="%23fff"/></clipPath></defs><g id="Group_72" data-name="Group 72" clip-path="url(%23clip-path)"><path id="Path_29" data-name="Path 29" d="M25.923,7.64C25.71,2.924,23.086.3,18.363.08,16.974.017,16.532,0,13,0S9.029.017,7.64.08C2.917.3.295,2.917.079,7.64.015,9.029,0,9.471,0,13s.015,3.973.079,5.361c.216,4.721,2.838,7.344,7.562,7.562C9.029,25.985,9.469,26,13,26s3.973-.017,5.362-.079c4.715-.218,7.347-2.837,7.56-7.562C25.985,16.974,26,16.532,26,13s-.015-3.972-.077-5.361M23.585,18.253c-.162,3.495-1.8,5.17-5.331,5.331-1.371.06-1.781.075-5.254.075s-3.883-.013-5.252-.075c-3.531-.162-5.168-1.839-5.331-5.331-.06-1.369-.075-1.781-.075-5.252s.015-3.883.075-5.252c.161-3.5,1.8-5.17,5.331-5.331C9.118,2.356,9.53,2.345,13,2.345s3.883.013,5.254.075c3.526.161,5.168,1.831,5.331,5.329.06,1.371.074,1.781.074,5.252s-.013,3.883-.074,5.252" transform="translate(0 0)" fill="%23fff"/><path id="Path_30" data-name="Path 30" d="M10.454,3.779a6.675,6.675,0,1,0,6.678,6.676,6.677,6.677,0,0,0-6.678-6.676m0,11.009a4.333,4.333,0,1,1,4.336-4.333,4.332,4.332,0,0,1-4.336,4.333" transform="translate(2.545 2.546)" fill="%23fff"/><path id="Path_31" data-name="Path 31" d="M12.541,2.69A1.56,1.56,0,1,0,14.1,4.25a1.56,1.56,0,0,0-1.562-1.56" transform="translate(7.397 1.812)" fill="%23fff"/></g></svg>');
15336 }
15337 #menu-social li.insta a:hover {
15338 opacity: 0.4;
15339 }
15340 #menu-social li.face a {
15341 width: 15px;
15342 height: 25px;
15343 background-image: url('data:image/svg+xml,<svg id="social_media_-_FB" data-name="social media - FB" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.167" height="26" viewBox="0 0 15.167 26"><defs><clipPath id="clip-path"><rect id="Rectangle_78" data-name="Rectangle 78" width="15.167" height="26" fill="%23fff"/></clipPath></defs><g id="Group_70" data-name="Group 70" clip-path="url(%23clip-path)"><path id="Path_28" data-name="Path 28" d="M4.333,8.666H0V13H4.333V26h6.5V13h3.943l.39-4.333H10.833v-1.8c0-1.036.208-1.446,1.208-1.446h3.125V0H9.958c-3.9,0-5.625,1.715-5.625,5Z" transform="translate(0 0)" fill="%23fff"/></g></svg>');
15344 }
15345 #menu-social li.face a:hover {
15346 opacity: 0.4;
15257 } 15347 }
15258 15348
15259 .block-link { 15349 .block-link {
...@@ -15355,6 +15445,11 @@ element.style { ...@@ -15355,6 +15445,11 @@ element.style {
15355 transition: 0.3s; 15445 transition: 0.3s;
15356 } 15446 }
15357 15447
15448 body, html {
15449 overflow-x: hidden;
15450 width: 100vw;
15451 }
15452
15358 #full-width-page-wrapper:not(.home-page) { 15453 #full-width-page-wrapper:not(.home-page) {
15359 padding-bottom: 200px; 15454 padding-bottom: 200px;
15360 padding-top: 130px; 15455 padding-top: 130px;
...@@ -15363,7 +15458,7 @@ element.style { ...@@ -15363,7 +15458,7 @@ element.style {
15363 .extra-wide-left { 15458 .extra-wide-left {
15364 padding: 50px 90px 90px 0px; 15459 padding: 50px 90px 90px 0px;
15365 } 15460 }
15366 @media (max-width: 600px) { 15461 @media (max-width: 786px) {
15367 .extra-wide-left { 15462 .extra-wide-left {
15368 padding: 0px 0px 40px 0px; 15463 padding: 0px 0px 40px 0px;
15369 } 15464 }
...@@ -15374,14 +15469,15 @@ element.style { ...@@ -15374,14 +15469,15 @@ element.style {
15374 margin-right: -25% !important; 15469 margin-right: -25% !important;
15375 background-position: center; 15470 background-position: center;
15376 background-repeat: no-repeat; 15471 background-repeat: no-repeat;
15472 background-size: cover;
15377 } 15473 }
15378 @media (max-width: 600px) { 15474 @media (max-width: 786px) {
15379 .extra-wide-right { 15475 .extra-wide-right {
15380 width: 150%; 15476 width: 160%;
15381 min-height: 266px; 15477 min-height: 266px;
15382 margin-right: -60px !important; 15478 margin-right: -30% !important;
15383 margin-left: -30% !important; 15479 margin-left: -30% !important;
15384 background-position: center; 15480 background-position: 0% 70%;
15385 } 15481 }
15386 } 15482 }
15387 15483
...@@ -15393,7 +15489,7 @@ element.style { ...@@ -15393,7 +15489,7 @@ element.style {
15393 padding-right: 50% !important; 15489 padding-right: 50% !important;
15394 background-color: #183668; 15490 background-color: #183668;
15395 } 15491 }
15396 @media (max-width: 600px) { 15492 @media (max-width: 786px) {
15397 .extra-wide { 15493 .extra-wide {
15398 flex-direction: column-reverse; 15494 flex-direction: column-reverse;
15399 } 15495 }
...@@ -15422,36 +15518,63 @@ element.style { ...@@ -15422,36 +15518,63 @@ element.style {
15422 15518
15423 .extra-wide.image { 15519 .extra-wide.image {
15424 background-size: cover; 15520 background-size: cover;
15425 height: 680px; 15521 height: 750px;
15426 background-repeat: no-repeat; 15522 background-repeat: no-repeat;
15427 background-position: center; 15523 background-position: center;
15428 margin-top: -28px; 15524 margin-top: -28px;
15429 } 15525 }
15430 @media (max-width: 600px) { 15526 @media (max-width: 786px) {
15431 .extra-wide.image { 15527 .extra-wide.image {
15432 width: 160%; 15528 width: 140%;
15433 margin-left: -30% !important; 15529 height: auto;
15434 padding-left: 30% !important; 15530 margin-left: -20% !important;
15435 margin-right: -30% !important; 15531 padding-left: 20% !important;
15436 padding-right: 30% !important; 15532 margin-right: -20% !important;
15533 padding-right: 20% !important;
15437 } 15534 }
15438 } 15535 }
15439 15536
15440 .extra-wide-image-left { 15537 .extra-wide-image-left {
15441 padding: 50px 90px 90px 0px; 15538 padding: 50px 90px 90px 0px;
15442 } 15539 }
15443 @media (max-width: 600px) { 15540 @media (max-width: 786px) {
15444 .extra-wide-image-left { 15541 .extra-wide-image-left {
15445 padding: 0px 0px 40px 0px; 15542 padding: 0 0px 40px 0;
15543 width: 100%;
15544 padding-bottom: 200px;
15446 } 15545 }
15447 } 15546 }
15448 15547
15449 @media (max-width: 600px) { 15548 @media (max-width: 786px) {
15450 .site-main { 15549 .site-main {
15451 margin: 0px 40px; 15550 margin: 0px 30px;
15452 } 15551 }
15453 } 15552 }
15454 15553
15554 @media (max-width: 786px) {
15555 .white-spacer {
15556 height: 30px !important;
15557 }
15558 .story-body-image-full {
15559 width: calc(100vw + 40%);
15560 background-image: none !important;
15561 height: auto;
15562 margin-left: -20%;
15563 margin-right: -20%;
15564 }
15565 .story-body-image-full img {
15566 display: block !important;
15567 max-width: 140%;
15568 }
15569 .extra-wide.image {
15570 background-image: none !important;
15571 flex-direction: column-reverse;
15572 background: #160f15;
15573 }
15574 .extra-wide {
15575 gap: 0px;
15576 }
15577 }
15455 .has-blue-color, 15578 .has-blue-color,
15456 .has-blue-color:visited { 15579 .has-blue-color:visited {
15457 color: #0d6efd; 15580 color: #0d6efd;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 @font-face { 1 @import url("https://use.typekit.net/lov0ylb.css");
2 font-family: 'trade_gothic_next_lt_pro';
3 src: url('../fonts/trade-gothic-next-lt-pro.woff2') format('woff2'),
4 url('../fonts/trade-gothic-next-lt-pro.woff') format('woff');
5 font-weight: normal;
6 font-style: normal;
7
8 }
9 2
10 3
11 @import "header"; 4 @import "header";
...@@ -14,6 +7,11 @@ ...@@ -14,6 +7,11 @@
14 @import "footer"; 7 @import "footer";
15 @import "link_block"; 8 @import "link_block";
16 9
10 body,html{
11 overflow-x: hidden;
12 width: 100vw;
13 }
14
17 #full-width-page-wrapper:not(.home-page) { 15 #full-width-page-wrapper:not(.home-page) {
18 padding-bottom: 200px; 16 padding-bottom: 200px;
19 padding-top: 130px; 17 padding-top: 130px;
...@@ -21,8 +19,8 @@ ...@@ -21,8 +19,8 @@
21 19
22 .extra-wide-left{ 20 .extra-wide-left{
23 padding: 50px 90px 90px 0px; 21 padding: 50px 90px 90px 0px;
24 @media (max-width: 600px) { 22 @media (max-width: 786px) {
25 padding: 0px 0px 40px 0px; 23 padding: 0px 00px 40px 0px;
26 } 24 }
27 } 25 }
28 .extra-wide-right { 26 .extra-wide-right {
...@@ -30,12 +28,14 @@ ...@@ -30,12 +28,14 @@
30 margin-right: -25% !important; 28 margin-right: -25% !important;
31 background-position: center; 29 background-position: center;
32 background-repeat: no-repeat; 30 background-repeat: no-repeat;
33 @media (max-width: 600px) { 31 background-size: cover;
34 width: 150%; 32 @media (max-width: 786px) {
33 width: 160%;
35 min-height: 266px; 34 min-height: 266px;
36 margin-right: -60px !important; 35 margin-right: -30%!important;
37 margin-left: -30% !important; 36 margin-left: -30%!important;
38 background-position: center; 37 background-position: 0% 70%;
38
39 } 39 }
40 } 40 }
41 .extra-wide{ 41 .extra-wide{
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
45 margin-right: -50% !important; 45 margin-right: -50% !important;
46 padding-right: 50% !important; 46 padding-right: 50% !important;
47 background-color: #183668; 47 background-color: #183668;
48 @media (max-width: 600px) { 48 @media (max-width: 786px) {
49 flex-direction: column-reverse; 49 flex-direction: column-reverse;
50 } 50 }
51 51
...@@ -73,29 +73,56 @@ ...@@ -73,29 +73,56 @@
73 } 73 }
74 .extra-wide.image{ 74 .extra-wide.image{
75 background-size: cover; 75 background-size: cover;
76 height: 680px; 76 height: 750px;
77 background-repeat: no-repeat; 77 background-repeat: no-repeat;
78 background-position: center; 78 background-position: center;
79 margin-top: -28px; 79 margin-top: -28px;
80 @media (max-width: 600px) { 80 @media (max-width: 786px) {
81 81 width: calc(100% + 40%);
82 width: 160%; 82 height: auto;
83 83 margin-left: -20% !important;
84 margin-left: -30% !important; 84 padding-left: 20% !important;
85 padding-left: 30% !important; 85 margin-right: -20% !important;
86 margin-right: -30% !important; 86 padding-right: 20% !important;
87 padding-right: 30% !important;
88 } 87 }
89 } 88 }
90 .extra-wide-image-left{ 89 .extra-wide-image-left{
91 padding: 50px 90px 90px 0px; 90 padding: 50px 90px 90px 0px;
92 @media (max-width: 600px) { 91 @media (max-width: 786px) {
93 padding: 0px 0px 40px 0px; 92 padding: 0 0px 40px 0;
93 width: 100%;
94 padding-bottom: 200px
94 } 95 }
95 } 96 }
96 97
97 .site-main{ 98 .site-main{
98 @media (max-width: 600px) { 99 @media (max-width: 786px) {
99 margin: 0px 40px; 100 margin: 0px 30px;
101 }
102 }
103 @media (max-width: 786px) {
104 .white-spacer{
105 height: 30px !important;
106 }
107 .story-body-image-full {
108 width: calc(100vw + 40%);
109 background-image: none !important;
110 height: auto;
111 //height: 266px;
112 margin-left: -20%;
113 margin-right: -20%;
114 img{
115 display: block !important;
116 max-width: 140%;
100 } 117 }
101 } 118 }
119 .extra-wide.image{
120 background-image: none !important;
121 flex-direction: column-reverse;
122 background:#160f15;
123
124 }
125 .extra-wide{
126 gap:0px;
127 }
128 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,6 +3,10 @@ h1{ ...@@ -3,6 +3,10 @@ h1{
3 font-size: 32px; 3 font-size: 32px;
4 line-height: 40px; 4 line-height: 40px;
5 margin-top: 26px; 5 margin-top: 26px;
6 font-family: "trade-gothic-next", sans-serif;
7 font-weight: 700;
8 font-style: normal;
9
6 } 10 }
7 11
8 h2{ 12 h2{
...@@ -10,30 +14,46 @@ h2{ ...@@ -10,30 +14,46 @@ h2{
10 font-size: 26px; 14 font-size: 26px;
11 line-height: 33px; 15 line-height: 33px;
12 margin-top: 26px; 16 margin-top: 26px;
17 font-family: "trade-gothic-next", sans-serif;
18 font-weight: 700;
19 font-style: normal;
13 } 20 }
14 h3{ 21 h3{
15 color: #183668; 22 color: #183668;
16 font-size: 20px; 23 font-size: 20px;
17 line-height: 25px; 24 line-height: 25px;
18 margin-top: 26px; 25 margin-top: 26px;
26 font-family: "trade-gothic-next", sans-serif;
27 font-weight: 700;
28 font-style: normal;
19 } 29 }
20 h1+p { 30 h1+p {
21 color: #183668; 31 color: #183668;
22 font-size: 22px; 32 font-size: 22px;
23 line-height: 27px; 33 line-height: 27px;
24 margin-top: 10px; 34 margin-top: 10px;
35 font-family: "trade-gothic-next", sans-serif;
36 font-weight: 400;
37 font-style: normal;
25 } 38 }
26 p{ 39 p{
27 color: #4C4C4C; 40 color: #4C4C4C;
28 font-size: 18px; 41 font-size: 18px;
29 line-height: 24px; 42 line-height: 24px;
30 margin-top: 16px; 43 margin-top: 16px;
44 word-break: break-word;
45 font-family: "trade-gothic-next", sans-serif;
46 font-weight: 400;
47 font-style: normal;
31 } 48 }
32 ul{ 49 ul{
33 li{ 50 li{
34 color: #4C4C4C; 51 color: #4C4C4C;
35 font-size: 16px; 52 font-size: 16px;
36 margin-bottom: 6px; 53 margin-bottom: 6px;
54 font-family: "trade-gothic-next", sans-serif;
55 font-weight: 400;
56 font-style: normal;
37 } 57 }
38 } 58 }
39 ol{ 59 ol{
...@@ -41,6 +61,9 @@ ol{ ...@@ -41,6 +61,9 @@ ol{
41 color: #4C4C4C; 61 color: #4C4C4C;
42 font-size: 16px; 62 font-size: 16px;
43 margin-bottom: 6px; 63 margin-bottom: 6px;
64 font-family: "trade-gothic-next", sans-serif;
65 font-weight: 400;
66 font-style: normal;
44 } 67 }
45 } 68 }
46 69
...@@ -60,6 +83,9 @@ table { ...@@ -60,6 +83,9 @@ table {
60 text-align: left; 83 text-align: left;
61 padding: 10px; 84 padding: 10px;
62 border-width: 0px !important; 85 border-width: 0px !important;
86 font-family: "trade-gothic-next", sans-serif;
87 font-weight: 400;
88 font-style: normal;
63 89
64 } 90 }
65 } 91 }
...@@ -72,10 +98,16 @@ table { ...@@ -72,10 +98,16 @@ table {
72 td { 98 td {
73 padding: 10px; 99 padding: 10px;
74 border-width: 0px !important; 100 border-width: 0px !important;
101 font-family: "trade-gothic-next", sans-serif;
102 font-weight: 400;
103 font-style: normal;
75 } 104 }
76 th { 105 th {
77 padding-left: 10px; 106 padding-left: 10px;
78 border-width: 0px !important; 107 border-width: 0px !important;
108 font-family: "trade-gothic-next", sans-serif;
109 font-weight: 400;
110 font-style: normal;
79 } 111 }
80 } 112 }
81 tr:nth-child(odd) { 113 tr:nth-child(odd) {
......
1 #wrapper-footer{ 1 #wrapper-footer{
2 background-color: #183668; 2 background-color: #183668;
3 width: 100%; 3 width: 100%;
4 height: 100px; 4 height: 200px;
5 margin-top: -100px; 5 margin-top: -100px;
6 position: absolute; 6 position: absolute;
7 padding-bottom: 80px; 7 padding-bottom: 80px;
8 z-index: 99; 8 z-index: 99;
9 @media (max-width: 600px) { 9
10 padding-bottom: 180px; 10 @media (max-width: 786px) {
11 height: 300px;
12
11 } 13 }
12 14
13 } 15 }
...@@ -27,14 +29,21 @@ margin-top: -120px; ...@@ -27,14 +29,21 @@ margin-top: -120px;
27 .site-footer{ 29 .site-footer{
28 img{ 30 img{
29 float: right; 31 float: right;
30 margin-top: -30px;
31 width: 230px; 32 width: 230px;
33 @media (max-width: 786px) {
34 margin-top: 10px;
35 padding: 0px 30px;
36 }
32 } 37 }
33 } 38 }
34 39
35 #menu-footer{ 40 #menu-footer{
36 list-style: none; 41 list-style: none;
37 padding-left: 0px; 42 padding-left: 0px;
43 @media (max-width: 786px) {
44 padding: 0px 30px;
45
46 }
38 li{ 47 li{
39 a{ 48 a{
40 color: #fff; 49 color: #fff;
...@@ -44,8 +53,46 @@ margin-top: -120px; ...@@ -44,8 +53,46 @@ margin-top: -120px;
44 font-weight: 300; 53 font-weight: 300;
45 &:hover{ 54 &:hover{
46 color: #fff; 55 color: #fff;
47 text-decoration: none; 56 text-decoration: underline;
48 } 57 }
49 } 58 }
50 } 59 }
51 } 60 }
61 #menu-social {
62 display: flex;
63 list-style: none;
64 margin-bottom: 10px;
65 padding: 0;
66 gap: 1rem;
67 li{
68 a {
69 color:transparent;
70 display: inline-block;
71 background-size: contain;
72 background-repeat: no-repeat;
73
74 }
75 &.insta {
76 a {
77 width:25px;
78 height:25px;
79 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="clip-path"><rect id="Rectangle_79" data-name="Rectangle 79" width="26" height="26" fill="%23fff"/></clipPath></defs><g id="Group_72" data-name="Group 72" clip-path="url(%23clip-path)"><path id="Path_29" data-name="Path 29" d="M25.923,7.64C25.71,2.924,23.086.3,18.363.08,16.974.017,16.532,0,13,0S9.029.017,7.64.08C2.917.3.295,2.917.079,7.64.015,9.029,0,9.471,0,13s.015,3.973.079,5.361c.216,4.721,2.838,7.344,7.562,7.562C9.029,25.985,9.469,26,13,26s3.973-.017,5.362-.079c4.715-.218,7.347-2.837,7.56-7.562C25.985,16.974,26,16.532,26,13s-.015-3.972-.077-5.361M23.585,18.253c-.162,3.495-1.8,5.17-5.331,5.331-1.371.06-1.781.075-5.254.075s-3.883-.013-5.252-.075c-3.531-.162-5.168-1.839-5.331-5.331-.06-1.369-.075-1.781-.075-5.252s.015-3.883.075-5.252c.161-3.5,1.8-5.17,5.331-5.331C9.118,2.356,9.53,2.345,13,2.345s3.883.013,5.254.075c3.526.161,5.168,1.831,5.331,5.329.06,1.371.074,1.781.074,5.252s-.013,3.883-.074,5.252" transform="translate(0 0)" fill="%23fff"/><path id="Path_30" data-name="Path 30" d="M10.454,3.779a6.675,6.675,0,1,0,6.678,6.676,6.677,6.677,0,0,0-6.678-6.676m0,11.009a4.333,4.333,0,1,1,4.336-4.333,4.332,4.332,0,0,1-4.336,4.333" transform="translate(2.545 2.546)" fill="%23fff"/><path id="Path_31" data-name="Path 31" d="M12.541,2.69A1.56,1.56,0,1,0,14.1,4.25a1.56,1.56,0,0,0-1.562-1.56" transform="translate(7.397 1.812)" fill="%23fff"/></g></svg>');
80 }
81 a:hover {
82 opacity: 0.4;
83 }
84 }
85
86 &.face {
87 a{
88 width:15px;
89 height:25px;
90 background-image: url('data:image/svg+xml,<svg id="social_media_-_FB" data-name="social media - FB" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.167" height="26" viewBox="0 0 15.167 26"><defs><clipPath id="clip-path"><rect id="Rectangle_78" data-name="Rectangle 78" width="15.167" height="26" fill="%23fff"/></clipPath></defs><g id="Group_70" data-name="Group 70" clip-path="url(%23clip-path)"><path id="Path_28" data-name="Path 28" d="M4.333,8.666H0V13H4.333V26h6.5V13h3.943l.39-4.333H10.833v-1.8c0-1.036.208-1.446,1.208-1.446h3.125V0H9.958c-3.9,0-5.625,1.715-5.625,5Z" transform="translate(0 0)" fill="%23fff"/></g></svg>');
91 }
92 a:hover {
93 opacity: 0.4;
94 }
95 }
96
97 }
98 }
......
1 #main-nav{ 1 #main-nav{
2 height: 123px; 2 height: 123px;
3 } 3 }
4 .navbar-brand{
5 @media (max-width: 786px) {
6 margin: auto;
7 }
8 }
4 #wrapper-navbar{ 9 #wrapper-navbar{
5 position: fixed; 10 position: fixed;
6 -webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39); 11 -webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
...@@ -11,10 +16,19 @@ ...@@ -11,10 +16,19 @@
11 } 16 }
12 .home-header-moibile{ 17 .home-header-moibile{
13 display: none; 18 display: none;
14 @media (max-width: 600px) { 19 @media (max-width: 786px) {
15 position: relative; 20 position: relative;
16 top: 123px; 21 top: 123px;
17 display: block; 22 display: block;
23 width: calc(100vw + 0px);
24 height: auto;
25 margin-left:0%;
26 margin-right: -25%;
27 img{
28 max-width: calc(100vw + 15%);
29 width: calc(100vw + 15%);
30 }
31
18 } 32 }
19 } 33 }
20 .home-header{ 34 .home-header{
...@@ -29,7 +43,7 @@ ...@@ -29,7 +43,7 @@
29 align-content: space-around; 43 align-content: space-around;
30 flex-wrap: wrap; 44 flex-wrap: wrap;
31 top: 120px; 45 top: 120px;
32 @media (max-width: 600px) { 46 @media (max-width: 786px) {
33 background-image: none !important; 47 background-image: none !important;
34 background-color: #183668 !important; 48 background-color: #183668 !important;
35 min-height: 390px; 49 min-height: 390px;
...@@ -38,26 +52,33 @@ ...@@ -38,26 +52,33 @@
38 .content-container{ 52 .content-container{
39 margin-left: 35%; 53 margin-left: 35%;
40 width: 100%; 54 width: 100%;
41 max-width: 600px; 55 max-width: 900px;
42 padding-bottom: 60px; 56 padding-bottom: 60px;
43 @media (max-width: 600px) { 57 @media (max-width: 786px) {
44 margin-left: 40px; 58 margin-left: 35px;
59 margin-right: 20px;
45 padding-bottom: 100px; 60 padding-bottom: 100px;
46 } 61 }
47 h1, 62 h1,
48 h2{ 63 h2{
49 64 br{
50 font-family: 'trade_gothic_next_lt_pro'; 65 @media (max-width: 786px) {
66 display: none;
67 }
68 }
69 font-family: "trade-gothic-next", sans-serif;
70 font-weight: 400;
71 font-style: normal;
51 color: #183668; 72 color: #183668;
52 text-align: left; 73 text-align: left;
53 display: flex; 74 display: flex;
54 font-size: 40px; 75 font-size: 40px;
55 line-height:50px; 76 line-height:50px;
56 font-weight: 300; 77 font-weight: 300;
57 @media (max-width: 600px) { 78 @media (max-width: 786px) {
58 color: #fff; 79 color: #fff;
59 } 80 }
60 @media only screen and (max-width: 782px) { 81 @media only screen and (max-width: 786px) {
61 font-size: 30px; 82 font-size: 30px;
62 line-height:40px ; 83 line-height:40px ;
63 } 84 }
...@@ -66,7 +87,7 @@ ...@@ -66,7 +87,7 @@
66 margin-bottom: 40px; 87 margin-bottom: 40px;
67 } 88 }
68 h2{ 89 h2{
69 font-weight: bold; 90 font-weight: 700;
70 } 91 }
71 } 92 }
72 } 93 }
...@@ -90,7 +111,7 @@ bottom: 0px; ...@@ -90,7 +111,7 @@ bottom: 0px;
90 margin-top: 120px; 111 margin-top: 120px;
91 position: relative; 112 position: relative;
92 z-index: 99; 113 z-index: 99;
93 @media (max-width: 600px) { 114 @media (max-width: 786px) {
94 // margin-top: 60px; 115 // margin-top: 60px;
95 } 116 }
96 } 117 }
......