body, html {
height: 100%;
}
/* The hero image */
.hero-image {
/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
background-image: url("https://www.rangelandtrust.org/wp-content/uploads/2019/02/bEAT.jpg");
/* Set a specific height */
height: 50%;
/* Position and center the image to scale nicely on all screens */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
/* Place text in the middle of the image */
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
@font-face {
font-family: mr;
src: url(fonts/mailr.woff) format("woff");
font-weight: 400;
font-style: normal;
}
/* Adds image backgrounds to sections */
header {
background-image: url(https://www.rangelandtrust.org/wp-content/uploads/genesis-extender/plugin/images/header-tile.jpg);
}
.columns {
/* background: url(https://www.rangelandtrust.org/wp-content/uploads/genesis-extender/plugin/images/background-fade-right.jpg) right top no-repeat, url(https://www.rangelandtrust.org/wp-content/uploads/genesis-extender/plugin/images/background-fade.jpg) left top no-repeat;*/
background-color: #faf8f3;
}
@media (max-width: 930px){
.columns{
background: url();
}
}
/* Makes 4 even columns */
.column {
width: 100%;
max-width: 1000px;
}
.column2 {
float: left;
width: 100%;
}
@media (max-width: 1600px) {
.column2 {
width: 100%;
}
}
@media (max-width: 1350px) {
.column2 {
width: 100%;
}
}
@media (max-width: 1250px) {
.column2 {
width: 100%;
}
}
@media (max-width: 1600px) {
.column {
max-width: 750px;
}
}
@media (max-width: 1350px) {
.column {
max-width: 625px;
}
}
@media (max-width: 1250px) {
.column {
max-width: 550px;
}
}
@media (max-width: 1175px) {
.column {
max-width: 500px;
}
}
@media (max-width: 1100px) {
.column {
max-width: 400px;
}
}
@media (max-width: 1020px) {
.column {
max-width: 300px;
}
}
@media (max-width: 930px) {
.column {
max-width: 750px;
}
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.shell,
.shell-wide,
.shell-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px;
}
.shell,
.shell-wide {
min-width: 300px;
max-width: 480px;
max-height: 200px;
}
@media (min-width: 768px) {
.shell,
.shell-wide {
max-width: 750px;
}
}
@media (min-width: 992px) {
.shell,
.shell-wide {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.shell,
.shell-wide {
max-width: 1174px;
}
}
@media (min-width: 1200px) {
.shell-wide {
max-width: 1170px;
}
}
@media (min-width: 1200px) {
.shell-fluid-inset-lg-50 {
padding-left: 50px;
padding-right: 50px;
}
}
.section-cta {
padding-top: 50px;
padding-bottom: 50px;
max-height: 175px;
}
.section-cta .subheading {
font-family: trajan-pro-3, serif;
font-weight: 400;
font-size: 18px;
}
.section-cta * + .heading {
font-family: trajan-pro-3, serif;
margin-top: 18px;
text-transform: uppercase;
}
.section-cta * + .button {
margin-top: 15px;
}
@media (min-width: 1200px) {
.section-cta {
padding-top: 187px;
padding-bottom: 150px;
}
.section-cta .subheading {
font-size: 18px;
}
.section-cta .heading {
font-size: 48px;
line-height: 80px;
}
.section-cta * + .button {
margin-top: 36px;
}
}
h3 {
font-family: "trajan-pro-3, serif";
font-size: 40px;
font-weight: 400;
line-height: 1.1;
margin: 0 0 10px;
color: #572600;
text-transform: uppercase;
}
h5 {
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
color: #572600;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
margin: 0;
padding: 0;
}
.bg-fixed {
background-position: center center;
background-size: cover;
}
html:not(.ios) .bg-fixed {
background-attachment: fixed;
}
.context-dark {
color: #888a8c;
}
.context-dark p {
color: #fff;
}
.context-dark h1, .context-dark h2, .context-dark h3, .context-dark h4, .context-dark h5, .context-dark h6, .context-dark .heading-1, .context-dark .heading-2, .context-dark .heading-3, .context-dark .heading-4, .context-dark .heading-5, .context-dark .heading-6,
.context-dark .counter-inner,
.context-dark .heading {
color: #fff;
}
.stl-footer {padding:20px 15px 10px;}
.stl-footer p {font-size:14px; color:#a8a04f;}
.stl-footer p a {color:inherit;}
.stl-footer p a:hover, .stl-footer p a:focus {color:#8a3c00;}
#stl-copyright-container {max-width:1200px; margin:0 auto;}
#stl-copyright-container p {font-size:13px;}
.footer-bottom {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 0 0;}
.footer-right a {color:#a8a04f; font-size:20px; margin:0 5px;}
.footer-right a:hover, .footer-right a:focus {color:#8a3c00;}
@media screen and (min-width:768px) {
.client-logo {max-width:none;}
}
@media screen and (min-width:768px) {
.stl-header .container {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1080px;margin:0 auto;padding-top: 50px;padding-bottom:0;}
.footer-bottom {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; -ms-flex-pack:distribute; justify-content:space-around;}
}
.stl-footer {background:#faf8f3; color:#978f47; border-top:1px solid #8a3c00;}