Skip to content

Jeff Balicki / imagination_library

Go to a project
Toggle navigation
Toggle navigation pinning
c15ee566 by Jeff Balicki
Options

NEWS 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 10edaa74
Inline Side-by-side
Showing 11 changed files with 275 additions and 187 deletions
...@@ -15088,6 +15088,13 @@ a[target=_blank]::after { ...@@ -15088,6 +15088,13 @@ a[target=_blank]::after {
15088 font-weight: 900; 15088 font-weight: 900;
15089 } 15089 }
15090 15090
15091 .entry-content a:not(.wp-block-button__link) {
15092 color: #63656B;
15093 }
15094 .entry-content a:not(.wp-block-button__link):hover {
15095 text-decoration: none;
15096 }
15097
15091 ul:not(.navbar-nav):not(.menu) { 15098 ul:not(.navbar-nav):not(.menu) {
15092 font-family: "PT Sans", sans-serif; 15099 font-family: "PT Sans", sans-serif;
15093 font-size: 1.13rem; 15100 font-size: 1.13rem;
...@@ -15122,20 +15129,20 @@ ol li ol { ...@@ -15122,20 +15129,20 @@ ol li ol {
15122 } 15129 }
15123 15130
15124 .wp-block-button__link { 15131 .wp-block-button__link {
15125 color: #fff; 15132 color: #fff !important;
15126 background-color: #007299; 15133 background-color: #007299;
15127 font-family: "PT Sans", sans-serif; 15134 font-family: "PT Sans", sans-serif;
15128 font-size: 1.25rem; 15135 font-size: 1.25rem;
15129 padding: 12px 30px; 15136 padding: 8px 30px;
15130 } 15137 }
15131 @media screen and (max-width: 600px) { 15138 @media screen and (max-width: 600px) {
15132 .wp-block-button__link { 15139 .wp-block-button__link {
15133 padding: 12px 20px; 15140 padding: 8px 20px;
15134 } 15141 }
15135 } 15142 }
15136 15143
15137 .wp-block-button__link:hover { 15144 .wp-block-button__link:hover {
15138 color: #231F20; 15145 color: #231F20 !important;
15139 background-color: #FF9119; 15146 background-color: #FF9119;
15140 font-family: "PT Sans", sans-serif; 15147 font-family: "PT Sans", sans-serif;
15141 font-size: 1.25rem; 15148 font-size: 1.25rem;
...@@ -15172,6 +15179,10 @@ ol li ol { ...@@ -15172,6 +15179,10 @@ ol li ol {
15172 padding-top: 103px; 15179 padding-top: 103px;
15173 } 15180 }
15174 15181
15182 .page-id-32 h1, .page-id-32 .h1 {
15183 display: none;
15184 }
15185
15175 .page-id-10 #page-wrapper { 15186 .page-id-10 #page-wrapper {
15176 background-image: url("/wp-content/themes/understrap-child/images/yellow-c.png"); 15187 background-image: url("/wp-content/themes/understrap-child/images/yellow-c.png");
15177 background-position: -200px -300px; 15188 background-position: -200px -300px;
...@@ -15316,98 +15327,27 @@ ol li ol { ...@@ -15316,98 +15327,27 @@ ol li ol {
15316 background-color: #FF9119; 15327 background-color: #FF9119;
15317 } 15328 }
15318 15329
15319 .join-callout { 15330 .wp-block-group.betsys {
15320 background-color: #a3d55f; 15331 margin-left: -25%;
15321 margin: 0px -25% 0px -25%; 15332 padding-left: 25%;
15322 padding: 0px 25%; 15333 background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
15323 } 15334 background-position: -300px -130px;
15324 .join-callout h2, .join-callout .h2 { 15335 background-size: 1400px 900px;
15325 color: #231F20;
15326 }
15327 @media screen and (max-width: 900px) {
15328 .join-callout {
15329 margin: 0px -20% 0px -20%;
15330 padding: 0px 20%;
15331 }
15332 }
15333 @media screen and (max-width: 600px) {
15334 .join-callout {
15335 margin: 0px -30px 0px -30px;
15336 padding: 0px 30px;
15337 }
15338 }
15339 .join-callout .wp-block-group__inner-container {
15340 margin-top: -120px;
15341 }
15342 @media screen and (max-width: 900px) {
15343 .join-callout .wp-block-group__inner-container {
15344 margin-top: -75px;
15345 }
15346 }
15347 @media screen and (max-width: 600px) {
15348 .join-callout .wp-block-group__inner-container {
15349 margin-top: 120px;
15350 }
15351 }
15352 .join-callout .wp-block-group__inner-container .wp-block-columns {
15353 margin-bottom: 0px;
15354 }
15355 .join-callout .wp-block-group__inner-container .wp-block-column {
15356 display: flex;
15357 flex-direction: column;
15358 }
15359 .join-callout .wp-block-group__inner-container .wp-block-image {
15360 margin-bottom: 0px;
15361 }
15362 .join-callout .wp-block-group__inner-container .wp-block-image img {
15363 margin-bottom: 0px;
15364 position: relative;
15365 z-index: 2;
15366 }
15367
15368 .join-callout::before {
15369 position: relative;
15370 z-index: 1;
15371 top: -120px;
15372 content: "";
15373 display: block;
15374 width: 150%;
15375 height: 120px;
15376 margin: 0 -25%;
15377 background-position: top left;
15378 background-size: cover;
15379 background-repeat: no-repeat; 15336 background-repeat: no-repeat;
15380 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %23a3d55f; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>'); 15337 min-height: 600px;
15381 } 15338 padding-top: 200px;
15382 @media screen and (max-width: 900px) {
15383 .join-callout::before {
15384 margin: 0px -20% 0px -20%;
15385 padding: 0px 20%;
15386 width: 140%;
15387 top: -73px;
15388 height: 75px;
15389 }
15390 } 15339 }
15391 @media screen and (max-width: 600px) { 15340 @media screen and (max-width: 700px) {
15392 .join-callout::before { 15341 .wp-block-group.betsys {
15393 top: -48px; 15342 background-position: -285px 0px;
15394 height: 50px; 15343 background-size: 900px 600px;
15395 width: calc(100% + 60px);
15396 margin: 120px -30px 0 -30px !important;
15397 } 15344 }
15398 } 15345 }
15399 15346 .wp-block-group.betsys h2, .wp-block-group.betsys .h2 {
15400 .join-callout.blue { 15347 color: #231F20;
15401 background-color: #3DB5E6;
15402 }
15403
15404 .join-callout.blue::before {
15405 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
15406 } 15348 }
15407 15349 .wp-block-group.betsys p {
15408 .page-template-no-title .join-callout::before { 15350 color: #231F20;
15409 width: 120vw;
15410 margin: 180px 0 0% 0%;
15411 } 15351 }
15412 15352
15413 .nav-container { 15353 .nav-container {
...@@ -15852,9 +15792,9 @@ ol li ol { ...@@ -15852,9 +15792,9 @@ ol li ol {
15852 height: 120px; 15792 height: 120px;
15853 } 15793 }
15854 .testimonials-carousel .swiper-slide .testimonials .quotes::after { 15794 .testimonials-carousel .swiper-slide .testimonials .quotes::after {
15855 position: absolute; 15795 position: relative;
15856 top: 0px; 15796 top: 0px;
15857 left: 40px; 15797 right: -30px;
15858 background-repeat: no-repeat; 15798 background-repeat: no-repeat;
15859 background-size: contain; 15799 background-size: contain;
15860 width: 94px; 15800 width: 94px;
...@@ -15863,9 +15803,15 @@ ol li ol { ...@@ -15863,9 +15803,15 @@ ol li ol {
15863 display: block; 15803 display: block;
15864 background-image: url("/wp-content/themes/understrap-child/images/qu.png"); 15804 background-image: url("/wp-content/themes/understrap-child/images/qu.png");
15865 } 15805 }
15806 @media screen and (max-width: 1100px) {
15807 .testimonials-carousel .swiper-slide .testimonials .quotes::after {
15808 right: -10px;
15809 }
15810 }
15866 @media screen and (max-width: 768px) { 15811 @media screen and (max-width: 768px) {
15867 .testimonials-carousel .swiper-slide .testimonials .quotes::after { 15812 .testimonials-carousel .swiper-slide .testimonials .quotes::after {
15868 position: relative; 15813 position: relative;
15814 right: unset;
15869 top: 0px; 15815 top: 0px;
15870 margin: auto; 15816 margin: auto;
15871 left: unset; 15817 left: unset;
...@@ -15894,6 +15840,100 @@ ol li ol { ...@@ -15894,6 +15840,100 @@ ol li ol {
15894 padding-right: 0%; 15840 padding-right: 0%;
15895 } 15841 }
15896 15842
15843 .join-callout {
15844 background-color: #a3d55f;
15845 margin: 0px -25% 0px -25%;
15846 padding: 0px 25%;
15847 }
15848 .join-callout h2, .join-callout .h2 {
15849 color: #231F20;
15850 }
15851 @media screen and (max-width: 900px) {
15852 .join-callout {
15853 margin: 0px -20% 0px -20%;
15854 padding: 0px 20%;
15855 }
15856 }
15857 @media screen and (max-width: 600px) {
15858 .join-callout {
15859 margin: 0px -30px 0px -30px;
15860 padding: 0px 30px;
15861 }
15862 }
15863 .join-callout .wp-block-group__inner-container {
15864 margin-top: -120px;
15865 }
15866 @media screen and (max-width: 900px) {
15867 .join-callout .wp-block-group__inner-container {
15868 margin-top: -75px;
15869 }
15870 }
15871 @media screen and (max-width: 600px) {
15872 .join-callout .wp-block-group__inner-container {
15873 margin-top: 120px;
15874 }
15875 }
15876 .join-callout .wp-block-group__inner-container .wp-block-columns {
15877 margin-bottom: 0px;
15878 }
15879 .join-callout .wp-block-group__inner-container .wp-block-column {
15880 display: flex;
15881 flex-direction: column;
15882 }
15883 .join-callout .wp-block-group__inner-container .wp-block-image {
15884 margin-bottom: 0px;
15885 }
15886 .join-callout .wp-block-group__inner-container .wp-block-image img {
15887 margin-bottom: 0px;
15888 position: relative;
15889 z-index: 2;
15890 }
15891
15892 .join-callout::before {
15893 position: relative;
15894 z-index: 1;
15895 top: -120px;
15896 content: "";
15897 display: block;
15898 width: 150%;
15899 height: 120px;
15900 margin: 0 -25%;
15901 background-position: top left;
15902 background-size: cover;
15903 background-repeat: no-repeat;
15904 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %23a3d55f; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
15905 }
15906 @media screen and (max-width: 900px) {
15907 .join-callout::before {
15908 margin: 0px -20% 0px -20%;
15909 padding: 0px 20%;
15910 width: 140%;
15911 top: -73px;
15912 height: 75px;
15913 }
15914 }
15915 @media screen and (max-width: 600px) {
15916 .join-callout::before {
15917 top: -48px;
15918 height: 50px;
15919 width: calc(100% + 60px);
15920 margin: 120px -30px 0 -30px !important;
15921 }
15922 }
15923
15924 .join-callout.blue {
15925 background-color: #3DB5E6;
15926 }
15927
15928 .join-callout.blue::before {
15929 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
15930 }
15931
15932 .page-template-no-title .join-callout::before {
15933 width: 120vw;
15934 margin: 180px 0 0% 0%;
15935 }
15936
15897 .has-blue-color, 15937 .has-blue-color,
15898 .has-blue-color:visited { 15938 .has-blue-color:visited {
15899 color: #0d6efd; 15939 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.

4.55 KB | W: | H:

4.71 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -12,7 +12,9 @@ ...@@ -12,7 +12,9 @@
12 @import "theme/header"; 12 @import "theme/header";
13 @import "theme/footer"; 13 @import "theme/footer";
14 @import "theme/accordion"; 14 @import "theme/accordion";
15 @import "theme/carousel"; 15 @import "theme/carousel";
16 @import "theme/joincallout";
17
16 @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes. 18 @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
17 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks. 19 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
18 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support 20 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
...@@ -121,9 +121,9 @@ ...@@ -121,9 +121,9 @@
121 } 121 }
122 122
123 .quotes::after { 123 .quotes::after {
124 position: absolute; 124 position: relative;
125 top: 0px; 125 top: 0px;
126 left: 40px; 126 right: -30px;
127 background-repeat: no-repeat; 127 background-repeat: no-repeat;
128 background-size: contain; 128 background-size: contain;
129 width: 94px; 129 width: 94px;
...@@ -131,9 +131,12 @@ ...@@ -131,9 +131,12 @@
131 content: ""; 131 content: "";
132 display: block; 132 display: block;
133 background-image: url("/wp-content/themes/understrap-child/images/qu.png"); 133 background-image: url("/wp-content/themes/understrap-child/images/qu.png");
134 134 @media screen and (max-width: 1100px) {
135 right: -10px;
136 }
135 @media screen and (max-width: 768px) { 137 @media screen and (max-width: 768px) {
136 position: relative; 138 position: relative;
139 right: unset;
137 top: 0px; 140 top: 0px;
138 margin: auto; 141 margin: auto;
139 left: unset; 142 left: unset;
......
...@@ -112,9 +112,14 @@ a[target="_blank"]::after { ...@@ -112,9 +112,14 @@ a[target="_blank"]::after {
112 vertical-align: middle; 112 vertical-align: middle;
113 font-weight: 900; 113 font-weight: 900;
114 } 114 }
115 115 .entry-content{
116 116 a:not(.wp-block-button__link){
117 117 color: #63656B;
118 }
119 a:not(.wp-block-button__link):hover{
120 text-decoration: none;
121 }
122 }
118 123
119 ul:not(.navbar-nav):not(.menu){ 124 ul:not(.navbar-nav):not(.menu){
120 font-family: "PT Sans", sans-serif; 125 font-family: "PT Sans", sans-serif;
...@@ -151,19 +156,19 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -151,19 +156,19 @@ ul:not(.navbar-nav):not(.menu){
151 } 156 }
152 157
153 .wp-block-button__link{ 158 .wp-block-button__link{
154 color: #fff; 159 color: #fff !important;
155 background-color: #007299; 160 background-color: #007299;
156 font-family: "PT Sans", sans-serif; 161 font-family: "PT Sans", sans-serif;
157 font-size: 1.25rem; 162 font-size: 1.25rem;
158 padding:12px 30px ; 163 padding:8px 30px ;
159 @media screen and (max-width: 600px) { 164 @media screen and (max-width: 600px) {
160 padding: 12px 20px; 165 padding: 8px 20px;
161 } 166 }
162 167
163 } 168 }
164 169
165 .wp-block-button__link:hover{ 170 .wp-block-button__link:hover{
166 color: #231F20; 171 color: #231F20 !important;
167 background-color: #FF9119; 172 background-color: #FF9119;
168 font-family: "PT Sans", sans-serif; 173 font-family: "PT Sans", sans-serif;
169 font-size: 1.25rem; 174 font-size: 1.25rem;
...@@ -192,6 +197,8 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -192,6 +197,8 @@ ul:not(.navbar-nav):not(.menu){
192 } 197 }
193 198
194 199
200 ////////////////////pages////////////////////////
201
195 202
196 .home-page{ 203 .home-page{
197 min-height: 900px; 204 min-height: 900px;
...@@ -204,18 +211,26 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -204,18 +211,26 @@ ul:not(.navbar-nav):not(.menu){
204 #page-wrapper{ 211 #page-wrapper{
205 padding-top: 103px; 212 padding-top: 103px;
206 } 213 }
214
215 .page-id-32{
216 h1{
217 display: none;
218 }
219 }
220
207 .page-id-10{ 221 .page-id-10{
208 #page-wrapper{ 222 #page-wrapper{
209 background-image:url("/wp-content/themes/understrap-child/images/yellow-c.png"); 223 background-image:url("/wp-content/themes/understrap-child/images/yellow-c.png");
210 background-position: -200px -300px; 224 background-position: -200px -300px;
211 background-size: 1300px 900px; 225 background-size: 1300px 900px;
226 background-repeat: no-repeat;
212 @media screen and (max-width: 900px) { 227 @media screen and (max-width: 900px) {
213 background-size: 700px 700px; 228 background-size: 700px 700px;
214 } 229 }
215 @media screen and (max-width: 768px) { 230 @media screen and (max-width: 768px) {
216 background-size: 900px 900px; 231 background-size: 900px 900px;
217 } 232 }
218 background-repeat: no-repeat; 233
219 } 234 }
220 .partners-logo{ 235 .partners-logo{
221 margin-top: -70px; 236 margin-top: -70px;
...@@ -339,90 +354,27 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -339,90 +354,27 @@ ul:not(.navbar-nav):not(.menu){
339 354
340 355
341 356
342 .join-callout{ 357 .wp-block-group.betsys{
343 background-color: #a3d55f; 358 margin-left: -25%;
344 margin: 0px -25% 0px -25%; 359 padding-left: 25%;
345 padding: 0px 25%; 360 background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
346 h2{ 361 background-position: -300px -130px;
347 color:#231F20 ; 362 background-size: 1400px 900px;
348 } 363 background-repeat: no-repeat;
349 @media screen and (max-width: 900px) { 364 min-height: 600px;
350 margin: 0px -20% 0px -20%; 365 padding-top: 200px;
351 padding: 0px 20%; 366 @media screen and (max-width: 1100px) {
352 } 367 // background-size: 900px 900px;
353 @media screen and (max-width: 600px) { 368
354 margin: 0px -30px 0px -30px;
355 padding: 0px 30px;
356 }
357
358 .wp-block-group__inner-container {
359 margin-top: -120px;
360 @media screen and (max-width: 900px) {
361 margin-top: -75px;
362 }
363 @media screen and (max-width: 600px) {
364 margin-top:120px;
365 } 369 }
366 .wp-block-columns{ 370 @media screen and (max-width: 700px) {
367 margin-bottom: 0px; 371 background-position: -285px -0px;
372 background-size: 900px 600px;
368 } 373 }
369 .wp-block-column{ 374 h2{
370 display: flex; 375 color: #231F20;
371 flex-direction: column;
372 } 376 }
373 .wp-block-image { 377 p{
374 margin-bottom: 0px; 378 color:#231F20;
375 img{
376 margin-bottom: 0px;
377 position: relative;
378 z-index: 2;
379 }
380 } 379 }
381 } 380 }
382 }
383
384 .join-callout::before{
385 position: relative;
386 z-index: 1;
387 top: -120px;
388 content: "";
389 display: block;
390 width: 150%;
391 height: 120px;
392 margin: 0 -25%;
393 background-position: top left;
394 background-size: cover;
395 background-repeat: no-repeat;
396 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %23a3d55f; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
397 @media screen and (max-width: 900px) {
398 margin: 0px -20% 0px -20%;
399 padding: 0px 20%;
400 width: 140%;
401 top: -73px;
402 height: 75px;
403 }
404 @media screen and (max-width: 600px) {
405 top: -48px;
406 height: 50px;
407 width: calc(100% + 60px);
408 margin:120px -30px 0 -30px !important;
409 }
410
411 }
412
413
414 .join-callout.blue{
415 background-color: #3DB5E6;
416
417 }
418
419 .join-callout.blue::before{
420 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
421 }
422
423 .page-template-no-title{
424 .join-callout::before{
425 width: 120vw;
426 margin: 180px 0 0% 0%;
427 }
428 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,3 +5,4 @@ ...@@ -5,3 +5,4 @@
5 5
6 $dark_blue: #0A2240; // Thats a sample how you could change a BootStrap variable. 6 $dark_blue: #0A2240; // Thats a sample how you could change a BootStrap variable.
7 $primary: $dark_blue; // Once we've changed the value, we'll also make it the primary brand color. 7 $primary: $dark_blue; // Once we've changed the value, we'll also make it the primary brand color.
8 $bs-link-color: #63656B;
...\ No newline at end of file ...\ No newline at end of file
......
1
2
3
4 .join-callout{
5 background-color: #a3d55f;
6 margin: 0px -25% 0px -25%;
7 padding: 0px 25%;
8 h2{
9 color:#231F20 ;
10 }
11 @media screen and (max-width: 900px) {
12 margin: 0px -20% 0px -20%;
13 padding: 0px 20%;
14 }
15 @media screen and (max-width: 600px) {
16 margin: 0px -30px 0px -30px;
17 padding: 0px 30px;
18 }
19
20 .wp-block-group__inner-container {
21 margin-top: -120px;
22 @media screen and (max-width: 900px) {
23 margin-top: -75px;
24 }
25 @media screen and (max-width: 600px) {
26 margin-top:120px;
27 }
28 .wp-block-columns{
29 margin-bottom: 0px;
30 }
31 .wp-block-column{
32 display: flex;
33 flex-direction: column;
34 }
35 .wp-block-image {
36 margin-bottom: 0px;
37 img{
38 margin-bottom: 0px;
39 position: relative;
40 z-index: 2;
41 }
42 }
43 }
44 }
45
46 .join-callout::before{
47 position: relative;
48 z-index: 1;
49 top: -120px;
50 content: "";
51 display: block;
52 width: 150%;
53 height: 120px;
54 margin: 0 -25%;
55 background-position: top left;
56 background-size: cover;
57 background-repeat: no-repeat;
58 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %23a3d55f; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
59 @media screen and (max-width: 900px) {
60 margin: 0px -20% 0px -20%;
61 padding: 0px 20%;
62 width: 140%;
63 top: -73px;
64 height: 75px;
65 }
66 @media screen and (max-width: 600px) {
67 top: -48px;
68 height: 50px;
69 width: calc(100% + 60px);
70 margin:120px -30px 0 -30px !important;
71 }
72
73 }
74
75
76 .join-callout.blue{
77 background-color: #3DB5E6;
78
79 }
80
81 .join-callout.blue::before{
82 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
83 }
84
85 .page-template-no-title{
86 .join-callout::before{
87 width: 120vw;
88 margin: 180px 0 0% 0%;
89 }
90 }
...\ No newline at end of file ...\ No newline at end of file