/* GLOBAL */
/* GLOBAL CSS */
body {background-image: url(/userfiles/1950/images/ticks-darker.png); background-repeat: repeat;}
a img:hover {
filter: brightness(1.2);
transition: all .3s ease-in-out;
}
/* Form Edits */
.oms-wrapper form input,
.oms-wrapper form textarea {
font-size: 85%;
padding: 1.2rem;
border-radius: 0;
box-shadow: none;
}
.oms-wrapper form .btn {
width: 100%;
}
.oms-wrapper .fb-text-label {
display: none;
}
.oms-wrapper .fb-select-label {
display: none;
}
.oms-wrapper #select-1567092855394 {
font-size: 85%;
padding: 1.2rem;
border-radius: 0;
box-shadow: none;
color: #495057;
border-radius:0px !important;
}
/* Blog Modifications */
.oms-blog-detail {
padding-top: 0 !important; padding-bottom: 0 !important;
}
.blog-detail-page h1 {
color: var(--primary);
}
.blog-detail-page {
background: #eeeeee;
background: var(--light);
}
.blog-detail-page .blog {
margin: 1rem;
}
.blog-detail-page .blog-desc {
padding: 20px; border: 1px solid #ddd; background: white;
}
@media(min-width: 992px){
.blog-detail-page .blog {
margin: 3rem;
}
.blog-detail-page .blog-desc {
padding: 40px;
}
}
.blog-detail-page .blog h3 {
color: var(--primary);
}
.blog-detail-page .blog h5 {
color: #888 !important;
color: var(--secondary) !important;
}
.blog-detail-page .blog p.text-muted {
color: #bbb !important;
color: var(--secondary) !important;
}
.blog.blog-roll {
background: white;
}
.blog-wrapper .searchbox .input-group {
margin-bottom: 0 !important;
width: 100%;
}
.blog-wrapper .searchbox {
padding: 1rem;
margin-top: 2rem;
background: var(--secondary);
}
.blog-wrapper .searchbox.end {
display: none;
}
.float-md-right {
float: right!important;
padding-left: 1rem;
padding-bottom: 1rem;
}
.card {
position: relative;
display: inline-block;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: rgba(255,255,255,1.0);
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
padding: 2rem;
color: var(--dark) !important;
margin-top: 2rem;
}
/* PAGE SPECIFIC */
/* Page Specific CSS */
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-shrink: 0;
}
.flex.row {
flex-direction: row;
-webkit-flex-flow: row wrap;
}
.flex.col {
flex-direction: column;
-webkit-flex-flow: column wrap;
flex-basis: auto;
}
.afs {
align-items: flex-start;
}
.afc {
align-items: center;
}
.afe {
align-items: flex-end;
}
.jfs {
justify-content: flex-start;
}
.jfc {
justify-content: center;
}
.jfe {
justify-content: flex-end;
}
.jfsa {
justify-content: space-around;
}
.jfsb {
justify-content: space-between;
}
.jfse {
justify-content: space-evenly;
}
.full {
width: 100%;
flex-basis: 100%;
}
.row .nowrap {
flex-flow: nowrap;
-webkit-flex-flow: nowrap;
}
.col .nowrap {
-webkit-flex-flow: column;
}
.imgfix {
align-self: center;
max-width: 100%;
}
/*
* ##--------------------#
* ## columns
* #---------------------#
**/
.item_full {
width: 100%;
flex-basis: 100%;
}
.item_1_2 {
width: 50%;
flex-basis: 50%;
}
.item_1_2_gut {
width: calc(50% - 12px);
flex-basis: calc(50% - 12px);
}
.item_1_3 {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.item_2_3 {
width: calc((100% / 3) * 2);
flex-basis: calc((100% / 3) * 2);
}
.item_1_3_gut {
width: calc((100% / 3) - 12px);
flex-basis: calc((100% / 3) - 12px);
}
.item_2_3_gut {
width: calc(((100% / 3) * 2) - 12px);
flex-basis: calc(((100% / 3) * 2) - 12px);
}
.item_1_3_gut-blog {
width: calc((100% / 3) - 24px);
flex-basis: calc((100% / 3) - 24px);
}
.item_1_4 {
width: 25%;
flex-basis: 25%;
}
.item_3_4 {
width: 75%;
flex-basis: 75%;
}
.item_1_4_gut {
width: calc(25% - 12px);
flex-basis: calc(25% - 12px);
}
.item_3_4_gut {
width: calc(75% - 12px);
flex-basis: calc(75% - 12px);
}
.item_1_5 {
width: 20%;
flex-basis: 20%;
}
.item_2_5 {
width: 40%;
flex-basis: 40%;
}
.item_3_5 {
width: 60%;
flex-basis: 60%;
}
.item_4_5 {
width: 80%;
flex-basis: 80% !important;
}
.item_1_5_gut {
width: calc(20% - 12px);
flex-basis: calc(20% - 12px);
}
.item_2_5_gut {
width: calc(40% - 12px);
flex-basis: calc(40% - 12px);
}
.item_3_5_gut {
width: calc(60% - 12px);
flex-basis: calc(60% - 12px);
}
.item_4_5_gut {
width: calc(80% - 12px);
flex-basis: calc(80% - 12px) !important;
}
.item_1_6 {
width: calc(100% / 6);
flex-basis: calc(100% / 6);
}
.item_5_6 {
width: calc((100% / 6) * 5);
flex-basis: calc((100% / 6) * 5);
}
.item_1_7 {
width: calc(100% / 7);
flex-basis: calc(100% / 7);
}
.item_2_7 {
width: calc((100% / 7) * 2);
flex-basis: calc((100% / 7) * 2);
}
.item_3_7 {
width: calc((100% / 7) * 3);
flex-basis: calc((100% / 7) * 3);
}
.item_4_7 {
width: calc((100% / 7) * 4);
flex-basis: calc((100% / 7) * 4);
}
.item_5_7 {
width: calc((100% / 7) * 5);
flex-basis: calc((100% / 7) * 5);
}
.item_6_7 {
width: calc((100% / 7) * 6);
flex-basis: calc((100% / 7) * 6);
}
.item_1_8 {
width: calc(100% / 8);
flex-basis: calc(100% / 8);
}
.item_3_8 {
width: calc((100% / 8) * 3);
flex-basis: calc((100% / 8) * 3);
}
.item_5_8 {
width: calc((100% / 8) * 5);
flex-basis: calc((100% / 8) * 5);
}
.item_7_8 {
width: calc((100% / 8) * 7);
flex-basis: calc((100% / 8) * 7);
}
.item_1_9 {
width: calc(100% / 9);
flex-basis: calc(100% / 9);
}
.item_2_9 {
width: calc((100% / 9) * 2);
flex-basis: calc((100% / 9) * 2);
}
.item_4_9 {
width: calc((100% / 9) * 4);
flex-basis: calc((100% / 9) * 4);
}
.item_5_9 {
width: calc((100% / 9) * 5);
flex-basis: calc((100% / 9) * 5);
}
.item_7_9 {
width: calc((100% / 9) * 7);
flex-basis: calc((100% / 9) * 7);
}
.item_8_9 {
width: calc((100% / 9) * 8);
flex-basis: calc((100% / 9) * 8);
}
.item_1_10 {
width: 10%;
flex-basis: 10%;
}
.item_3_10 {
width: 30%;
flex-basis: 30%;
}
.item_7_10 {
width: 70%;
flex-basis: 70%;
}
.item_9_10 {
width: 90%;
flex-basis: 90%;
}
.item_1_12 {
width: calc(100% / 12);
flex-basis: calc(100% / 12);
}
.item_5_12 {
width: calc((100% / 12) * 5);
flex-basis: calc((100% / 12) * 5);
}
.item_7_12 {
width: calc((100% / 12) * 7);
flex-basis: calc((100% / 12) * 7);
}
.item_11_12 {
width: calc((100% / 12) * 11);
flex-basis: calc((100% / 12) * 11);
}
.item_less_300 {
max-width: calc(100% - 300px);
width: calc(100% - 300px);
flex-basis: calc(100% - 300px);
}
.item_300 {
max-width: 300px;
width: 100%;
flex-basis: 100%;
}
.item_100 {
max-width: 100px;
width: 100%;
flex-basis: 100%;
}
.item_less_100 {
max-width: calc(100% - 100px);
width: 100%;
flex-basis: 100%;
}
.item_800 {
max-width: 800px;
width: 100%;
flex-basis: 100%;
}
/* GLOBAL */
/* GLOBAL CSS */
body {
background-image: url(/userfiles/1950/images/ticks-darker.png);
background-repeat: repeat;
background-color: #fff;
}
body,
h2,
h3,
h4 {
color: #fff !important;
}
a img:hover {
filter: brightness(1.2);
transition: all .3s ease-in-out;
}
/* Form Edits */
.oms-wrapper form input,
.oms-wrapper form textarea {
font-size: 85%;
padding: 1.2rem;
border-radius: 0;
box-shadow: none;
}
.oms-wrapper form .btn {
width: 100%;
}
.oms-wrapper .fb-text-label {
display: none;
}
.oms-wrapper .fb-select-label {
display: none;
}
.oms-wrapper #select-1567092855394 {
font-size: 85%;
padding: 1.2rem;
border-radius: 0;
box-shadow: none;
color: #495057;
border-radius: 0px !important;
}
/* Blog Modifications */
.oms-blog-detail {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.blog-detail-page h1 {
color: var(--primary);
}
.blog-detail-page {
background: #eeeeee;
background: var(--light);
}
.blog-detail-page .blog {
margin: 1rem;
}
.blog-detail-page .blog-desc {
padding: 20px;
border: 1px solid #ddd;
background: white;
}
@media(min-width: 992px) {
.blog-detail-page .blog {
margin: 3rem;
}
.blog-detail-page .blog-desc {
padding: 40px;
}
}
.blog-detail-page .blog h3 {
color: var(--primary);
}
.blog-detail-page .blog h5 {
color: #888 !important;
color: var(--secondary) !important;
}
.blog-detail-page .blog p.text-muted {
color: #bbb !important;
color: var(--secondary) !important;
}
.blog.blog-roll {
background: white;
}
.blog-wrapper .searchbox .input-group {
margin-bottom: 0 !important;
width: 100%;
}
.blog-wrapper .searchbox {
padding: 1rem;
margin-top: 2rem;
background: var(--secondary);
}
.blog-wrapper .searchbox.end {
display: none;
}
.float-md-right {
float: right !important;
padding-left: 1rem;
padding-bottom: 1rem;
}
.card {
position: relative;
display: inline-block;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: rgba(255, 255, 255, 1.0);
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
padding: 2rem;
color: var(--dark) !important;
margin-top: 2rem;
}
/* PAGE SPECIFIC */
/* Home Page - 2022 */
.btn-large {
background: #699b42;
border-color: #699b42;
border-radius: 5px;
color: #fff;
font-size: 1.25rem;
letter-spacing: 1px;
}
.btn-large:hover {
color: #699b42;
background: #fff;
}
.btn-bw {
background: transparent;
border-color: #fff;
border-radius: 5px;
color: #fff;
font-size: 1.25rem;
}
.btn-bw:hover {
background: #fff;
border-color: #fff;
color: #404040;
}
.hero-overlay {
position: relative;
}
.hero-overlay h1 {
margin-bottom: 35px;
}
.background-stretch-right {
bottom: 0;
display: flex;
max-height: 100%;
max-width: 40%;
position: absolute;
right: 0;
}
.background-stretch-right img {
max-width: 100%;
}
.background-stretch-right:after {
background: #699b42;
border-radius: 50%;
content: "";
height: 40vw;
position: absolute;
right: 0;
top: 0;
width: 40vw;
z-index: -1;
}
@media (max-width:440px) {
.hero-overlay {
display: flex;
flex-direction: column;
padding-bottom: 0 !important;
}
.background-stretch-right {
position: relative;
order: 2;
max-width: 100%;
align-items: flex-end;
justify-content: flex-end;
overflow: hidden;
}
.background-stretch-right:after {
height: 120vw;
right: -24vw;
width: 120vw;
}
.hero-overlay h1 {
font-size: 35px;
line-height: 40px;
margin-bottom: 1.5rem !important;
}
.hero-overlay h3 {
font-size: 20px;
line-height: 26px;
}
}
.oms-three-image-overlay-links {
background-color: #eaeaea;
padding: 70px 25px;
}
.oms-three-image-overlay-links .bg-image {
box-shadow: 0px 10px 30px #00000026;
}
@media (max-width:440px) {
.oms-three-image-overlay-links span.h2 {
font-size: 26px;
line-height: 38px;
margin-bottom: 0 !important;
}
.oms-three-image-overlay-links a.btn {
margin-top: 1rem !important;
}
}
.core-values {
padding-right: 15px;
}
.core-values img {
max-width: 150px;
margin-right: 15px;
}
@media (max-width:440px) {
.core-values img {
max-width: 70px;
}
.core-values div.flex-column {
align-items: center;
}
.core-values div.flex-column p {
max-width: 280px;
text-align: center;
}
}
.cta-cards {
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
margin: 0 auto;
max-width: 1300px;
}
.cta-cards .grid_1 {
grid-area: 1 / 1 / 2 / 2;
}
.cta-cards .grid_2 {
grid-area: 1 / 2 / 2 / 3;
}
.cta-cards .grid_3 {
grid-area: 1 / 3 / 2 / 4;
}
.cta-cards__card > .flex {
background-color: #699b42;
padding: 36px;
}
.cta-cards__card .btn-large {
border: 2px solid #fff;
}
.cta-sideBySides__card {
background-color: #404040;
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
}
.cta-sideBySides__card .grid_1 {
grid-area: 1 / 1 / 2 / 2;
}
.cta-sideBySides__card .content_square {
overflow: hidden;
padding: 6rem 4rem;
}
.cta-sideBySides__card .content_square.revert svg {
transform: scale(-1, 1);
}
.cta-sideBySides__card .content_square svg {
position: absolute;
right: -30%;
top: -50%;
width: 150%;
z-index: 0;
}
.cta-sideBySides__card .content_square svg path {
fill: #4b4b4b;
}
.cta-sideBySides__card .content_square h3 {
font-size: 2.5rem;
margin-bottom: 1.5rem !important;
}
.cta-sideBySides__card .content_square h4 {
font-size: 1.55rem;
line-height: 2.25rem;
margin-bottom: 1.5rem !important;
}
.cta-sideBySides__card .content_square p {
font-size: 1.2rem;
margin-bottom: 3rem !important;
}
.cta-sideBySides__card .content_square h3,
.cta-sideBySides__card .content_square h4,
.cta-sideBySides__card .content_square p,
.cta-sideBySides__card .content_square a {
position: relative;
z-index: 1;
}
.cta-sideBySides__card .grid_2 {
grid-area: 1 / 2 / 2 / 3;
}
.organizations h2 {
color: #000 !important;
}
.org-logos {
align-items: center;
display: grid;
grid-gap: 36px;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
justify-items: center;
margin: 0 auto;
max-width: 1300px;
}
.org-logos .div1 { grid-area: 1 / 1 / 2 / 2; }
.org-logos .div2 { grid-area: 1 / 2 / 2 / 3; }
.org-logos .div3 { grid-area: 1 / 3 / 2 / 4; }
.org-logos .div4 { grid-area: 1 / 4 / 2 / 5; }
.org-logos .div5 { grid-area: 2 / 1 / 3 / 2; }
.org-logos .div6 { grid-area: 2 / 2 / 3 / 3; }
.org-logos .div7 { grid-area: 2 / 3 / 3 / 4; }
.org-logos .div8 { grid-area: 2 / 4 / 3 / 5; }
.org-logos .div9 { grid-area: 3 / 1 / 4 / 2; }
.org-logos .div10 { grid-area: 3 / 2 / 4 / 3; }
.org-logos .div11 { grid-area: 3 / 3 / 4 / 4; }
.org-logos .div12 { grid-area: 3 / 4 / 4 / 5; }
.org-logos img {
max-width: 100%;
}
.testimonial {
background-color: #669940;
overflow: hidden;
padding: 7rem;
position: relative;
}
.testimonial svg {
height: 140%;
position: absolute;
right: 0;
top: -20%;
transform: scale(1, -1);
z-index: 0;
}
.testimonial svg path {
fill: #628e40;
}
.testimonial-grid {
display: grid;
grid-gap: 36px;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: minmax(min-content, max-content);
margin: 0 auto;
max-width: 1300px;
position: relative;
z-index: 1;
}
.testimonial-grid .div1 {
font-size: 12rem;
grid-area: 1 / 1 / 2 / 2;
line-height: 11rem;
text-align: right;
}
.testimonial-grid .div2 {
font-size: 2rem;
grid-area: 1 / 2 / 2 / 6;
line-height: 2.5rem;
}
.testimonial-grid .div3 {
font-size: 2rem;
grid-area: 2 / 2 / 3 / 6;
line-height: 2rem;
}
.form-box {
background-color: #7e7e7e;
}
/* FOOTER */
body {
background:#fff;
}
#savecontent .logo-nav {
display:none;
}
#savecontent .omsFooter {
display:none;
}
@media (max-width:768px) {
.mobile-column {
flex-direction: column;
align-items: center;
margin-bottom: 0 !important;
}
.mobile-column .core-values {
margin-bottom: 1.618rem;
}
.cta-cards {
display: flex;
flex-direction: column;
}
.cta-sideBySides__card {
display: flex;
flex-direction: column;
}
.cta-sideBySides__card > div:not(.content_square) {
min-height: 450px;
}
.cta-sideBySides__card > .content_square {
order: 2;
}
.testimonial {
padding: 7rem 3rem;
}
.testimonial-grid {
display: flex;
flex-direction: column;
}
.testimonial-grid .div1 {
line-height: 6rem;
text-align: left;
}
}
@media (max-width:440px) {
.core-values-block h2 {
font-size: 35px;
line-height: 40px;
margin-top: 3rem !important;
}
.core-values {
flex-direction: column;
justify-content: center;
width: 100% !important;
}
.cta-sideBySides__card > div:not(.content_square) {
min-height: 250px;
}
.cta-sideBySides__card .content_square {
padding: 3rem 2rem;
}
.cta-sideBySides__card .content_square h3 {
font-size: 28px;
line-height: 34px;
}
.cta-sideBySides__card .content_square h4 {
font-size: 20px;
line-height: 26px;
}
.cta-sideBySides__card .content_square p {
font-size: 18px;
line-height: 24px;
}
.organizations h2 {
font-size: 35px;
line-height: 40px;
text-align: center;
}
.org-logos {
grid-gap: 20px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
}
.org-logos > div {
grid-area: auto !important;
}
.testimonial {
padding: 7rem 3rem 3rem;
}
.testimonial-grid .div1 {
line-height: 1rem;
margin-bottom: -2rem;
}
.testimonial-grid .div2 {
font-size: 20px;
line-height: 26px;
}
.testimonial-grid .div3 {
font-size: 24px;
line-height: 30px;
}
.form-box h4 {
font-size: 30px;
line-height: 36px;
}
}
/* FOOTER */