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 273 additions and 185 deletions
......@@ -15088,6 +15088,13 @@ a[target=_blank]::after {
font-weight: 900;
}
.entry-content a:not(.wp-block-button__link) {
color: #63656B;
}
.entry-content a:not(.wp-block-button__link):hover {
text-decoration: none;
}
ul:not(.navbar-nav):not(.menu) {
font-family: "PT Sans", sans-serif;
font-size: 1.13rem;
......@@ -15122,20 +15129,20 @@ ol li ol {
}
.wp-block-button__link {
color: #fff;
color: #fff !important;
background-color: #007299;
font-family: "PT Sans", sans-serif;
font-size: 1.25rem;
padding: 12px 30px;
padding: 8px 30px;
}
@media screen and (max-width: 600px) {
.wp-block-button__link {
padding: 12px 20px;
padding: 8px 20px;
}
}
.wp-block-button__link:hover {
color: #231F20;
color: #231F20 !important;
background-color: #FF9119;
font-family: "PT Sans", sans-serif;
font-size: 1.25rem;
......@@ -15172,6 +15179,10 @@ ol li ol {
padding-top: 103px;
}
.page-id-32 h1, .page-id-32 .h1 {
display: none;
}
.page-id-10 #page-wrapper {
background-image: url("/wp-content/themes/understrap-child/images/yellow-c.png");
background-position: -200px -300px;
......@@ -15316,98 +15327,27 @@ ol li ol {
background-color: #FF9119;
}
.join-callout {
background-color: #a3d55f;
margin: 0px -25% 0px -25%;
padding: 0px 25%;
}
.join-callout h2, .join-callout .h2 {
color: #231F20;
}
@media screen and (max-width: 900px) {
.join-callout {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
}
}
@media screen and (max-width: 600px) {
.join-callout {
margin: 0px -30px 0px -30px;
padding: 0px 30px;
}
}
.join-callout .wp-block-group__inner-container {
margin-top: -120px;
}
@media screen and (max-width: 900px) {
.join-callout .wp-block-group__inner-container {
margin-top: -75px;
}
}
@media screen and (max-width: 600px) {
.join-callout .wp-block-group__inner-container {
margin-top: 120px;
}
}
.join-callout .wp-block-group__inner-container .wp-block-columns {
margin-bottom: 0px;
}
.join-callout .wp-block-group__inner-container .wp-block-column {
display: flex;
flex-direction: column;
}
.join-callout .wp-block-group__inner-container .wp-block-image {
margin-bottom: 0px;
}
.join-callout .wp-block-group__inner-container .wp-block-image img {
margin-bottom: 0px;
position: relative;
z-index: 2;
}
.join-callout::before {
position: relative;
z-index: 1;
top: -120px;
content: "";
display: block;
width: 150%;
height: 120px;
margin: 0 -25%;
background-position: top left;
background-size: cover;
.wp-block-group.betsys {
margin-left: -25%;
padding-left: 25%;
background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
background-position: -300px -130px;
background-size: 1400px 900px;
background-repeat: no-repeat;
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>');
}
@media screen and (max-width: 900px) {
.join-callout::before {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
width: 140%;
top: -73px;
height: 75px;
}
min-height: 600px;
padding-top: 200px;
}
@media screen and (max-width: 600px) {
.join-callout::before {
top: -48px;
height: 50px;
width: calc(100% + 60px);
margin: 120px -30px 0 -30px !important;
@media screen and (max-width: 700px) {
.wp-block-group.betsys {
background-position: -285px 0px;
background-size: 900px 600px;
}
}
.join-callout.blue {
background-color: #3DB5E6;
}
.join-callout.blue::before {
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>');
.wp-block-group.betsys h2, .wp-block-group.betsys .h2 {
color: #231F20;
}
.page-template-no-title .join-callout::before {
width: 120vw;
margin: 180px 0 0% 0%;
.wp-block-group.betsys p {
color: #231F20;
}
.nav-container {
......@@ -15852,9 +15792,9 @@ ol li ol {
height: 120px;
}
.testimonials-carousel .swiper-slide .testimonials .quotes::after {
position: absolute;
position: relative;
top: 0px;
left: 40px;
right: -30px;
background-repeat: no-repeat;
background-size: contain;
width: 94px;
......@@ -15863,9 +15803,15 @@ ol li ol {
display: block;
background-image: url("/wp-content/themes/understrap-child/images/qu.png");
}
@media screen and (max-width: 1100px) {
.testimonials-carousel .swiper-slide .testimonials .quotes::after {
right: -10px;
}
}
@media screen and (max-width: 768px) {
.testimonials-carousel .swiper-slide .testimonials .quotes::after {
position: relative;
right: unset;
top: 0px;
margin: auto;
left: unset;
......@@ -15894,6 +15840,100 @@ ol li ol {
padding-right: 0%;
}
.join-callout {
background-color: #a3d55f;
margin: 0px -25% 0px -25%;
padding: 0px 25%;
}
.join-callout h2, .join-callout .h2 {
color: #231F20;
}
@media screen and (max-width: 900px) {
.join-callout {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
}
}
@media screen and (max-width: 600px) {
.join-callout {
margin: 0px -30px 0px -30px;
padding: 0px 30px;
}
}
.join-callout .wp-block-group__inner-container {
margin-top: -120px;
}
@media screen and (max-width: 900px) {
.join-callout .wp-block-group__inner-container {
margin-top: -75px;
}
}
@media screen and (max-width: 600px) {
.join-callout .wp-block-group__inner-container {
margin-top: 120px;
}
}
.join-callout .wp-block-group__inner-container .wp-block-columns {
margin-bottom: 0px;
}
.join-callout .wp-block-group__inner-container .wp-block-column {
display: flex;
flex-direction: column;
}
.join-callout .wp-block-group__inner-container .wp-block-image {
margin-bottom: 0px;
}
.join-callout .wp-block-group__inner-container .wp-block-image img {
margin-bottom: 0px;
position: relative;
z-index: 2;
}
.join-callout::before {
position: relative;
z-index: 1;
top: -120px;
content: "";
display: block;
width: 150%;
height: 120px;
margin: 0 -25%;
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
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>');
}
@media screen and (max-width: 900px) {
.join-callout::before {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
width: 140%;
top: -73px;
height: 75px;
}
}
@media screen and (max-width: 600px) {
.join-callout::before {
top: -48px;
height: 50px;
width: calc(100% + 60px);
margin: 120px -30px 0 -30px !important;
}
}
.join-callout.blue {
background-color: #3DB5E6;
}
.join-callout.blue::before {
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>');
}
.page-template-no-title .join-callout::before {
width: 120vw;
margin: 180px 0 0% 0%;
}
.has-blue-color,
.has-blue-color:visited {
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
......@@ -13,6 +13,8 @@
@import "theme/footer";
@import "theme/accordion";
@import "theme/carousel";
@import "theme/joincallout";
@import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
@import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
@import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
......@@ -121,9 +121,9 @@
}
.quotes::after {
position: absolute;
position: relative;
top: 0px;
left: 40px;
right: -30px;
background-repeat: no-repeat;
background-size: contain;
width: 94px;
......@@ -131,9 +131,12 @@
content: "";
display: block;
background-image: url("/wp-content/themes/understrap-child/images/qu.png");
@media screen and (max-width: 1100px) {
right: -10px;
}
@media screen and (max-width: 768px) {
position: relative;
right: unset;
top: 0px;
margin: auto;
left: unset;
......
......@@ -112,9 +112,14 @@ a[target="_blank"]::after {
vertical-align: middle;
font-weight: 900;
}
.entry-content{
a:not(.wp-block-button__link){
color: #63656B;
}
a:not(.wp-block-button__link):hover{
text-decoration: none;
}
}
ul:not(.navbar-nav):not(.menu){
font-family: "PT Sans", sans-serif;
......@@ -151,19 +156,19 @@ ul:not(.navbar-nav):not(.menu){
}
.wp-block-button__link{
color: #fff;
color: #fff !important;
background-color: #007299;
font-family: "PT Sans", sans-serif;
font-size: 1.25rem;
padding:12px 30px ;
padding:8px 30px ;
@media screen and (max-width: 600px) {
padding: 12px 20px;
padding: 8px 20px;
}
}
.wp-block-button__link:hover{
color: #231F20;
color: #231F20 !important;
background-color: #FF9119;
font-family: "PT Sans", sans-serif;
font-size: 1.25rem;
......@@ -192,6 +197,8 @@ ul:not(.navbar-nav):not(.menu){
}
////////////////////pages////////////////////////
.home-page{
min-height: 900px;
......@@ -204,18 +211,26 @@ ul:not(.navbar-nav):not(.menu){
#page-wrapper{
padding-top: 103px;
}
.page-id-32{
h1{
display: none;
}
}
.page-id-10{
#page-wrapper{
background-image:url("/wp-content/themes/understrap-child/images/yellow-c.png");
background-position: -200px -300px;
background-size: 1300px 900px;
background-repeat: no-repeat;
@media screen and (max-width: 900px) {
background-size: 700px 700px;
}
@media screen and (max-width: 768px) {
background-size: 900px 900px;
}
background-repeat: no-repeat;
}
.partners-logo{
margin-top: -70px;
......@@ -339,90 +354,27 @@ ul:not(.navbar-nav):not(.menu){
.join-callout{
background-color: #a3d55f;
margin: 0px -25% 0px -25%;
padding: 0px 25%;
h2{
color:#231F20 ;
}
@media screen and (max-width: 900px) {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
}
@media screen and (max-width: 600px) {
margin: 0px -30px 0px -30px;
padding: 0px 30px;
}
.wp-block-group.betsys{
margin-left: -25%;
padding-left: 25%;
background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
background-position: -300px -130px;
background-size: 1400px 900px;
background-repeat: no-repeat;
min-height: 600px;
padding-top: 200px;
@media screen and (max-width: 1100px) {
// background-size: 900px 900px;
.wp-block-group__inner-container {
margin-top: -120px;
@media screen and (max-width: 900px) {
margin-top: -75px;
}
@media screen and (max-width: 600px) {
margin-top:120px;
}
.wp-block-columns{
margin-bottom: 0px;
}
.wp-block-column{
display: flex;
flex-direction: column;
}
.wp-block-image {
margin-bottom: 0px;
img{
margin-bottom: 0px;
position: relative;
z-index: 2;
}
}
@media screen and (max-width: 700px) {
background-position: -285px -0px;
background-size: 900px 600px;
}
}
.join-callout::before{
position: relative;
z-index: 1;
top: -120px;
content: "";
display: block;
width: 150%;
height: 120px;
margin: 0 -25%;
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
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>');
@media screen and (max-width: 900px) {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
width: 140%;
top: -73px;
height: 75px;
h2{
color: #231F20;
}
@media screen and (max-width: 600px) {
top: -48px;
height: 50px;
width: calc(100% + 60px);
margin:120px -30px 0 -30px !important;
p{
color:#231F20;
}
}
.join-callout.blue{
background-color: #3DB5E6;
}
.join-callout.blue::before{
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>');
}
.page-template-no-title{
.join-callout::before{
width: 120vw;
margin: 180px 0 0% 0%;
}
}
\ No newline at end of file
......
......@@ -5,3 +5,4 @@
$dark_blue: #0A2240; // Thats a sample how you could change a BootStrap variable.
$primary: $dark_blue; // Once we've changed the value, we'll also make it the primary brand color.
$bs-link-color: #63656B;
\ No newline at end of file
......
.join-callout{
background-color: #a3d55f;
margin: 0px -25% 0px -25%;
padding: 0px 25%;
h2{
color:#231F20 ;
}
@media screen and (max-width: 900px) {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
}
@media screen and (max-width: 600px) {
margin: 0px -30px 0px -30px;
padding: 0px 30px;
}
.wp-block-group__inner-container {
margin-top: -120px;
@media screen and (max-width: 900px) {
margin-top: -75px;
}
@media screen and (max-width: 600px) {
margin-top:120px;
}
.wp-block-columns{
margin-bottom: 0px;
}
.wp-block-column{
display: flex;
flex-direction: column;
}
.wp-block-image {
margin-bottom: 0px;
img{
margin-bottom: 0px;
position: relative;
z-index: 2;
}
}
}
}
.join-callout::before{
position: relative;
z-index: 1;
top: -120px;
content: "";
display: block;
width: 150%;
height: 120px;
margin: 0 -25%;
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
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>');
@media screen and (max-width: 900px) {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
width: 140%;
top: -73px;
height: 75px;
}
@media screen and (max-width: 600px) {
top: -48px;
height: 50px;
width: calc(100% + 60px);
margin:120px -30px 0 -30px !important;
}
}
.join-callout.blue{
background-color: #3DB5E6;
}
.join-callout.blue::before{
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>');
}
.page-template-no-title{
.join-callout::before{
width: 120vw;
margin: 180px 0 0% 0%;
}
}
\ No newline at end of file