/* compiled by scssphp 1.13.0 on Fri, 25 Jul 2025 01:57:33 +0000 (0.2398s) */
@charset "UTF-8";
body, html {
-webkit-overflow-scrolling: touch;
font-size: 15px;
font-weight: 400;
line-height: 1.625rem;
color: #3B3A3C;
font-family: "Nunito Sans", sans-serif;
overflow-x: clip;
}
a {
color: #416D3D;
transition: all 0.2s ease-in-out;
}
a:hover {
color: #EC925D;
}
.drop-shadow {
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.glohaven-separator-white {
background: url(/img/glohaven-white-separator-before.png) no-repeat bottom center;
background-size: 100% auto;
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100vw !important;
min-height: 45px;
height: auto;
}
.theme-glohaven {
background: #fff url(/themes/base/img/bg-light-board-texture.png) repeat-y;
background-size: 100% auto;
background-position: top center;
}
.container-semi-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width: 1400px;
max-width: 100%;
}
@media (max-width: 768px) {
.container-semi-fluid {
width: 750px;
}
}
@media (max-width: 992px) {
.container-semi-fluid {
width: 970px;
}
}
@media (min-width: 1200px) {
.container-semi-fluid {
width: 1200px;
}
}
@media (min-width: 1400px) {
.container-semi-fluid {
width: 1400px;
}
}
@media (max-width: 768px) {
.col-xs-6:nth-of-type(odd) {
clear: both;
}
}
.clear {
clear: both;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.row.flex:before {
display: none;
}
.flex {
display: flex;
align-items: center;
}
.flex.flex-center {
justify-content: center;
}
.flex.flex-wrap {
flex-wrap: wrap;
}
.flex.flex-top {
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.flex {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.flex-always {
flex-wrap: nowrap !important;
}
}
.pad, .padded, .padding {
padding: 5rem 0;
}
@media (max-width: 991px) {
.pad, .padded, .padding {
padding: 3.3333333333rem 0;
}
}
@media (max-width: 650px) {
.pad, .padded, .padding {
padding: 2rem 0;
}
}
.half-pad {
padding: 2.5rem 0;
}
@media (max-width: 991px) {
.half-pad {
padding: 2rem 0;
}
}
.extra-pad {
padding: 10rem 0;
}
@media (max-width: 991px) {
.extra-pad {
padding: 5rem 0;
}
}
@media (max-width: 991px) {
.extra-pad {
padding: 2.5rem 0;
}
}
.pad-top {
padding-top: 5rem;
}
@media (max-width: 991px) {
.pad-top {
padding-top: 3.3333333333rem;
}
}
@media (max-width: 991px) {
.pad-top {
padding-top: 2rem;
}
}
.half-pad-top {
padding-top: 2.5rem;
}
@media (max-width: 991px) {
.half-pad-top {
padding-top: 2rem;
}
}
.extra-pad-top {
padding-top: 10rem;
}
@media (max-width: 991px) {
.extra-pad-top {
padding-top: 2rem;
}
}
.pad-bottom {
padding-bottom: 5rem;
}
@media (max-width: 991px) {
.pad-bottom {
padding-bottom: 3.3333333333rem;
}
}
@media (max-width: 991px) {
.pad-bottom {
padding-bottom: 2rem;
}
}
.half-pad-bottom {
padding-bottom: 2.5rem;
}
@media (max-width: 991px) {
.half-pad-bottom {
padding-bottom: 2rem;
}
}
.extra-pad-bottom {
padding-bottom: 10rem;
}
@media (max-width: 991px) {
.extra-pad-bottom {
padding-bottom: 5rem;
}
}
.no-pad {
padding: 0;
}
.no-pad-top {
padding-top: 0;
}
@media (min-width: 768px) {
.no-pad-left {
padding-left: 0;
}
}
.no-pad-right {
padding-right: 0;
}
.no-pad-bottom {
padding-bottom: 0;
}
.no-margin-right {
margin-right: 0 !important;
}
.neg-margin-top {
margin-top: -5rem;
}
@media (max-width: 767px) {
.neg-margin-top {
margin-top: 0;
}
}
.content .pull-right {
margin: 0px 0px 40px 40px;
}
@media (max-width: 767px) {
.content .pull-right {
margin: 0px;
}
}
.relative {
position: relative;
}
.full-width {
width: 100%;
}
.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #3B3A3C;
opacity: 0.75;
}
.bg-absolute {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.bg-img {
background-size: cover;
background-position: center;
}
.bg-light, .light-bg {
background: #F4F4F4;
}
.uppercase {
text-transform: uppercase;
}
.uppercase .form-control {
text-transform: uppercase;
}
.well {
background: #F4F4F4;
border: none;
box-shadow: none;
padding: 2.5rem;
border-radius: 0;
word-wrap: break-word;
}
@media (max-width: 767px) {
.well {
padding: 2rem 15px;
margin: 0 -15px;
}
}
.well img {
background: #fff;
padding: 15px;
}
.well ul li a, .well ol li a {
border: none;
}
img.responsive, .img-responsive {
padding-left: 0;
padding-right: 0;
}
img.responsive.pull-left, .img-responsive.pull-left {
padding: 2rem 2rem 2rem 0;
}
img.responsive.pull-right, .img-responsive.pull-right {
padding: 2rem 0 2rem 2rem;
}
.social .fa {
font-size: 1rem;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
background: #416D3D;
color: #fff;
transition: all 0.3s;
}
.social .fa:hover, .social .fa:focus {
background: #243c22;
}
.csek-share-horizontal a, .csek-share-vertical a {
box-shadow: none !important;
border: none !important;
transition: all 0.3s !important;
}
.csek-share-horizontal span, .csek-share-vertical span {
text-shadow: none !important;
font-family: "Nunito Sans", sans-serif !important;
font-size: 0.7rem !important;
}
.csek-share-horizontal img, .csek-share-vertical img {
max-height: 20px !important;
}
.mfp-bg {
background: #fff !important;
opacity: 1 !important;
}
.mfp-figure:after {
box-shadow: none !important;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border: none !important;
background-image: url(/img/down-arrow.svg);
background-size: 25px;
background-repeat: no-repeat;
opacity: 1 !important;
height: 25px !important;
width: 25px !important;
}
.mfp-arrow {
height: 50% !important;
}
.mfp-arrow:after {
display: none !important;
}
.mfp-arrow.mfp-arrow-left {
transform: rotate(90deg);
}
.mfp-arrow.mfp-arrow-right {
transform: rotate(-90deg);
}
button.mfp-close {
color: #416D3D;
padding: 2rem !important;
width: auto !important;
height: auto !important;
display: block;
line-height: 1;
}
.intro .title {
font-size: 4rem;
margin-bottom: 2.5rem;
margin-top: 5rem;
}
.intro .bg-absolute {
bottom: 5rem;
}
.intro .content img {
max-width: 125%;
margin-top: 10rem;
}
.breadcrumb {
margin: 0;
}
#breadcrumbs ul {
padding: 0;
margin: 0;
}
#breadcrumbs li {
display: inline-block;
padding: 2px 5px 2px 0;
}
#breadcrumbs li a {
color: #416D3D;
border-bottom: none;
}
#breadcrumbs li a:hover {
color: #101010;
}
#breadcrumbs i {
font-size: 0.75rem;
}
#breadcrumbs a {
font-family: "great_forest_simplisimplified", sans-serif;
color: #222122;
font-weight: 100;
font-size: 1rem;
}
.sidebar li {
font-weight: 500;
}
.login p {
margin-bottom: 2em !important;
}
.login .border {
position: relative;
}
.login .border:after {
content: "";
display: block;
border-right: 1px #F4EDE1 solid;
position: absolute;
margin: 0;
top: -5rem;
bottom: -5rem;
left: 50%;
text-align: center;
}
.login form span {
display: block;
font-style: italic;
font-size: 0.8rem;
color: #3B3A3C;
padding: 2rem 0 0 0;
opacity: 0.5;
}
.login form span a {
color: inherit;
}
@media screen and (max-width: 650px) {
.login {
padding-top: 70px !important;
}
}
@media screen and (max-width: 650px) {
.register {
padding-top: 70px !important;
}
}
.input-group.checkbox-group {
border: none !important;
}
.input-group.checkbox-group .input-group-addon {
background: #fff;
border: none;
text-align: left;
padding-left: 3rem;
}
.input-group.checkbox-group input[type="radio"] {
margin-left: -44px;
border-radius: 0;
margin-right: 14px;
cursor: pointer;
width: 24px;
height: 24px;
margin-top: 5px;
}
.input-group.checkbox-group input[type="radio"]:checked + label:after {
opacity: 2;
}
.input-group.checkbox-group label {
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
color: #3B3A3C;
}
.input-group.checkbox-group label:before {
content: "";
background: white;
width: 26px;
height: 26px;
cursor: pointer !important;
position: absolute;
top: 5px;
left: 0px;
border: 1px #F4EDE1 solid;
pointer-events: none;
}
.input-group.checkbox-group label:after {
content: "";
width: 25px;
height: 10px;
position: absolute;
top: 5px;
left: 7px;
border: 1px solid #3B3A3C;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
transform: rotate(-45deg);
pointer-events: none;
}
.checkbox-group .input-group-addon {
padding-top: 1px;
}
.checkbox-group label {
cursor: pointer;
}
.checkbox-group label span {
position: relative;
top: -3px;
}
.tile {
position: relative;
border: solid #fff 3px;
}
.tile .scrim {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.1);
z-index: 10;
transition: background-color 0.3s ease 0s;
pointer-events: none;
}
.tile .tile-title {
position: absolute;
bottom: 37px;
left: 52px;
z-index: 11;
color: #fff;
text-shadow: rgba(41, 41, 41, 0.5) 1px 1px 3px;
}
.tile:hover .scrim {
background-color: rgba(0, 0, 0, 0.3);
}
p.fancy-or {
text-align: center;
position: relative;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px !important;
}
.fancy-or::before {
display: block;
content: " ";
position: absolute;
background: red;
width: 100%;
height: 0px;
border-bottom: solid 2px #292929;
top: 50%;
z-index: -2;
}
.fancy-or::after {
display: block;
content: " ";
position: absolute;
background: red;
width: 50px;
height: 100%;
background: #fff;
top: 50%;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0;
}
.grid {
display: grid;
gap: 1.1rem;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
.grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
.grid-cols-3 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 992px) {
.grid-cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 768px) {
.grid-cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 550px) {
.grid-cols-4 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media screen and (max-width: 992px) {
.grid-cols-5 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 768px) {
.grid-cols-5 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media screen and (max-width: 992px) {
.grid-cols-6 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 768px) {
.grid-cols-6 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.grid {
display: grid;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-5 {
grid-column: span 5 / span 5;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-7 {
grid-column: span 7 / span 7;
}
.col-span-8 {
grid-column: span 8 / span 8;
}
.col-span-9 {
grid-column: span 9 / span 9;
}
.col-span-10 {
grid-column: span 10 / span 10;
}
.col-span-11 {
grid-column: span 11 / span 11;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.col-span-full {
grid-column: 1 / -1;
}
.flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.content-start {
align-content: flex-start;
}
.content-center {
align-content: center;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.items-stretch {
align-items: stretch;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-baseline {
align-items: baseline;
}
.flex-grow {
flex-grow: 1;
}
.flex-grow-0 {
flex-grow: 0;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-wrap {
flex-wrap: wrap;
}
.w-80 {
width: 80px;
}
.gap-8 {
gap: 1rem;
}
.w-quarter {
width: 24%;
}
@media screen and (max-width: 768px) {
.w-quarter {
width: 47%;
}
}
.w-half {
width: 50%;
}
@media screen and (max-width: 768px) {
.w-half {
width: 100%;
}
}
.w-three-quarters {
width: 75%;
}
@media screen and (max-width: 768px) {
.w-three-quarters {
width: 100%;
}
}
.w-third {
width: 33.2%;
}
@media screen and (max-width: 768px) {
.w-third {
width: 100%;
}
}
.w-full {
width: 100%;
}
.h-100 {
height: 100% !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.h-100 {
height: 100% !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.h-100 {
height: 100% !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-grid {
display: grid !important;
}
.well {
border-radius: 6px;
background: #fff;
box-shadow: 0px 0px 2px 0px rgba(79, 94, 113, 0.12), 0px 2px 4px 0px rgba(79, 94, 113, 0.11), 0px 4px 8px 0px rgba(79, 94, 113, 0.1), 0px 16px 32px 0px rgba(79, 94, 113, 0.09);
}
/*** List Group Items *****/
.list-group-item {
padding: 8px 10px;
}
.list-group-item h4 {
font-size: 0.9rem !important;
font-family: "Nunito Sans", sans-serif !important;
font-weight: 700 !important;
}
.list-group-item h4 span.pull-right {
color: #EC925D !important;
font-weight: 700;
}
hr {
border-color: rgba(0, 0, 0, 0.2);
}
.community-wrap .breadcrumbs-container, .organization-wrap .breadcrumbs-container {
position: relative;
left: -25px;
}
.community-wrap .social-icons, .organization-wrap .social-icons {
position: relative;
right: -20px;
}
@media (min-width: 992px) {
.col-md-7-5 {
width: 62.5%;
}
.col-md-1-5 {
width: 12.5%;
}
}
#media-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
}
.media-item {
padding: 5px;
border-radius: 5px;
}
.media-item-inner {
position: relative;
}
.media-item-handle {
position: absolute;
top: 0px;
left: 0px;
display: block;
background: rgba(255, 255, 255, 0.8);
width: 30px;
height: 30px;
color: #000;
line-height: 30px;
text-align: center;
cursor: move;
}
.media-item img {
width: 100%;
}
.media-slideshow-item img, .media-slideshow-item iframe {
width: 100%;
}
.media-slideshow-navigation-item img, .media-slideshow-navigation-item iframe {
width: 100%;
}
.media-slideshow-navigation-item {
padding: 5px;
aspect-ratio: 1;
object-fit: cover;
}
.media-slideshow-navigation-item {
width: 100%;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
}
.media-slideshow-navigation-item img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.thumbnail-margin {
margin: 15px 0;
}
.media-slideshow-caption {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
padding: 0.25rem;
text-align: center;
background: rgba(255, 255, 255, 0.8);
display: block;
font-style: italic;
}
.media-slideshow-product {
background: white;
margin-top: 50px;
width: 100%;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
}
.media-slideshow-product .media-slideshow-item {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
}
.media-slideshow-product .media-slideshow-item img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.media-slideshow-product .slick-arrow {
display: none !important;
}
.media-slideshow.media-slideshow-format-stacked .media-slideshow-item {
margin-bottom: 15px;
}
@font-face {
font-family: "great_forest_simplisimplified";
src: url("/font/great_forest_-_simplified-webfont.woff2") format("woff2"), url("/font/great_forest_-_simplified-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
h1 {
font-family: "great_forest_simplisimplified", sans-serif;
color: #3B3A3C;
line-height: 1.4;
}
h2 {
color: #3B3A3C;
line-height: 1.1;
}
h3, h4, h5, h6 {
font-family: "Nunito Sans", sans-serif;
color: #416D3D;
font-weight: 620;
}
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 0.75em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
color: inherit;
font-size: inherit;
transition: 0.2s ease-in-out;
cursor: pointer !important;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
color: #EC925D;
text-decoration: none;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
display: block;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
margin-top: 0;
}
h1.main-title, h2.main-title, h3.main-title, h4.main-title, h5.main-title, h6.main-title {
font-size: 4rem;
margin-bottom: 5rem;
}
@media (max-width: 991px) {
h1.main-title, h2.main-title, h3.main-title, h4.main-title, h5.main-title, h6.main-title {
font-size: 3rem;
margin-bottom: 3.3333333333rem;
}
}
@media (max-width: 767px) {
h1.main-title, h2.main-title, h3.main-title, h4.main-title, h5.main-title, h6.main-title {
font-size: 2rem;
}
}
h1.uppercase, h2.uppercase, h3.uppercase, h4.uppercase, h5.uppercase, h6.uppercase {
text-transform: uppercase;
}
h1 {
font-size: 3.95rem;
}
@media (max-width: 1199px) {
h1 {
font-size: 3.25rem;
}
}
@media (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
}
@media (max-width: 650px) {
h1 {
font-size: 2.15rem;
}
}
h2 {
font-size: 2.5rem;
}
@media (max-width: 1199px) {
h2 {
font-size: 2.25rem;
}
}
@media (max-width: 767px) {
h2 {
font-size: 1.75rem;
}
}
h3 {
font-size: 2.25rem;
}
@media (max-width: 1199px) {
h3 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
h3 {
font-size: 1.5rem;
}
}
@media (max-width: 600px) {
h3 {
font-size: 1.3rem;
}
}
h4 {
font-size: 1.75rem;
}
@media (max-width: 1199px) {
h4 {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
h4 {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
h4 {
font-size: 1.15rem;
}
}
h5 {
font-size: 1.5rem;
}
@media (max-width: 1199px) {
h5 {
font-size: 1.25rem;
}
}
@media (max-width: 767px) {
h5 {
font-size: 1rem;
}
}
h6 {
font-size: 1.25rem;
}
@media (max-width: 1199px) {
h6 {
font-size: 1rem;
}
}
@media (max-width: 767px) {
h6 {
font-size: 1rem;
}
}
p, ul li, ol li {
font-size: 1.2rem;
line-height: 1.65;
font-weight: 400;
margin-bottom: 2rem;
}
@media (max-width: 991px) {
p, ul li, ol li {
font-size: 1.15rem;
line-height: 1.8;
margin-bottom: 1rem;
}
}
@media (max-width: 767px) {
p, ul li, ol li {
line-height: 1.6;
font-size: 1rem;
}
}
p big, p .lead, ul li big, ul li .lead, ol li big, ol li .lead {
font-size: 1.2em;
}
p strong, p b, ul li strong, ul li b, ol li strong, ol li b {
font-weight: 600;
}
p a, ul li a, ol li a {
color: inherit;
text-decoration: none;
font-weight: inherit;
transition: all 0.3s;
position: relative;
}
p a:hover, p a:focus, ul li a:hover, ul li a:focus, ol li a:hover, ol li a:focus {
text-decoration: none;
color: #3B3A3C;
border-color: #d9c096;
}
p::marker, ul li::marker, ol li::marker {
color: #EC925D;
}
p:last-of-type {
margin-bottom: 0;
}
p:last-of-type + ol, p:last-of-type + ul {
margin-top: 2em;
}
ol li, ul li {
margin-bottom: 0;
}
ol li a, ul li a {
color: #3B3A3C;
}
ol li a:hover, ol li a:focus, ul li a:hover, ul li a:focus {
color: #416D3D;
}
.fa-ul {
padding: 0;
margin: 0;
list-style: none;
}
.fa-ul li {
margin: 0 0 0.5em 0;
}
.fa-ul li .fa {
padding-right: 0.5em;
}
.fa-ul li strong {
display: block;
}
.fa-ul li a {
color: inherit;
font-weight: inherit;
border: none;
}
.fa-ul li.Address {
margin-bottom: 0;
}
.content h2 {
color: #EC925D;
}
.btn {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
border-radius: 8px;
padding: 12px 24px;
transition: all 0.2s ease-in-out;
text-decoration: none !important;
}
.btn.btn-primary, .btn.btn-success, .btn.btn-info {
background: #EC925D;
border: #e2641b;
box-shadow: 0px 2px 6px 0px rgba(236, 146, 93, 0.36);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-info:hover, .btn.btn-info:focus {
background: #e2641b;
border: #f4c0a1;
}
.btn.caret {
margin-left: 15px;
}
.btn-group {
margin-top: 5px;
position: relative;
display: flex;
vertical-align: middle;
align-items: center;
justify-content: space-between;
align-content: center;
}
.btn-group .btn {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
border-radius: 8px;
padding: 8px 16px;
transition: all 0.2s ease-in-out;
width: 100%;
}
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.label {
border-radius: 50px;
font-size: 12px;
padding: 3px 8px;
}
.label.label-primary {
background: #EC925D;
border: 1px solid #e2641b;
}
.label.label-primary:hover, .label.label-primary:focus {
background: #e2641b;
border: 1px solid #e2641b;
}
.label.label-secondary {
background: #416D3D;
border: 1px solid #243c22;
}
.label.label-secondary:hover, .label.label-secondary:focus {
background: #243c22;
border: 1px solid #243c22;
}
.input-group .form-control {
height: 35px;
}
.input-group .btn {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
border-radius: 8px;
padding: 8px 16px;
transition: all 0.2s ease-in-out;
width: 100%;
}
.cart-item .input-group {
margin-bottom: 15px;
}
.cart-item .input-group-btn {
border: none !important;
}
.cart-item .input-group-btn .btn-default {
color: #fff;
background: #416D3D;
border: 1px solid #416D3D;
transition: all 0.2s ease-in-out;
}
.cart-item .input-group-btn .btn-default .fa {
color: #fff;
}
.cart-item .input-group-btn .btn-default:hover {
background: #EC925D !important;
border-color: #EC925D !important;
}
.table {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 21px */
background: white;
border-radius: 12px;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.table.table-stripped {
background: transparent;
box-shadow: none;
border-radius: none;
border: none;
}
.table.table-stripped > thead > tr > th, .table.table-stripped > tbody > tr > th, .table.table-stripped > tfoot > tr > th, .table.table-stripped > thead > tr > td, .table.table-stripped > tbody > tr > td, .table.table-stripped > tfoot > tr > td {
border: 0px solid transparent !important;
border-top: 0px solid transparent;
border-color: transparent;
padding: 4px;
}
.table .total {
font-size: 130% !important;
font-weight: 700 !important;
}
.table-wrapper {
border-radius: 16px;
}
.table thead {
background: transparent;
color: #416D3D;
font-size: 14px;
font-style: normal;
text-transform: uppercase;
font-weight: 650;
line-height: 150%;
/* 24px */
border: 0px solid transparent;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
background: transparent;
color: #416D3D;
font-size: 14px;
font-style: normal;
text-transform: uppercase;
font-weight: 650;
line-height: 150%;
/* 24px */
border: 0px solid transparent;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top-left-radius: 16px;
}
@media only screen and (max-width: 800px) {
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
display: block;
}
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables tr {
border: 1px solid #F4F4F4;
}
#no-more-tables td {
border: none;
border-bottom: 1px solid #F4F4F4;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: right;
width: 100%;
}
#no-more-tables td:before {
position: absolute;
top: 15px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
content: attr(data-title);
}
}
.dataTables_filter input[type="search"] {
display: block;
width: 100%;
padding: 0 1rem;
font-size: 14px;
line-height: 1.42857143;
color: #3b3a3c;
background-color: #fff;
background-image: none;
border: 1px solid #dfdfdf;
border-radius: 4px;
height: 30px;
box-shadow: none;
}
.dataTables_scrollHeadInner > .table {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.dataTables_scrollBody > .table {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
/** product list */
section.inventory .filters {
padding-top: 10px;
padding-bottom: 10px;
}
section.inventory .filters .vendor select {
margin-left: 0.5em;
}
table .product-list td.sortable {
text-align: center;
vertical-align: middle;
position: relative;
}
table .product-list td.sortable .handle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
cursor: grabbing;
}
table .product-list td.sortable .handle i {
font-size: 1rem;
}
table .product-list td .actions {
display: flex;
align-items: center;
flex-direction: row;
gap: 1rem;
}
.form-group {
margin-bottom: 1.5em;
}
@media (max-width: 767px) {
.form-group {
margin-bottom: 1em;
}
}
.form-group label {
margin-bottom: 0.75em;
font-size: 0.8rem;
font-weight: 400;
color: #416D3D;
}
@media (max-width: 767px) {
.form-group label {
margin-bottom: 0.25em;
}
}
.form-group input, .form-group select, .form-group textarea, .form-group .input-group input {
border-radius: 0;
height: 45px;
box-shadow: none;
background: #fff;
border-color: #dfdfdf;
padding: 0 1rem;
color: #3B3A3C;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus, .form-group .input-group input:focus {
box-shadow: none;
border-color: #F4EDE1;
}
.form-group select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg fill='%23EC925D' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 8px;
padding-right: 2rem;
}
.form-group textarea {
height: auto;
padding: 12px;
}
.form-group input[type=file] {
padding: 0px;
}
.form-group .input-group .btn {
height: 45px;
}
.form-control {
height: 45px;
box-shadow: none;
background: #fff;
border-color: #dfdfdf;
padding: 0 1rem;
color: #3B3A3C;
}
@media (max-width: 767px) {
.form-control {
height: 50px;
}
}
.form-control:focus {
box-shadow: none;
border-color: #F4EDE1;
}
.well .form-group input, .well .form-group select {
background-color: #fff;
}
.form-label {
padding-top: 1rem;
font-size: 1rem;
font-weight: 400;
color: #3B3A3C;
margin-bottom: 0.75rem !important;
}
.input-group-lg > .form-control {
padding: 10px;
}
.form-table-condensed .form-control {
padding: 0 0.25rem;
height: 32px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-top: 2px;
padding: 0px 2px;
font-size: 14px;
}
.table.dataTable {
box-shadow: none !important;
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 1px !important;
margin-bottom: 10px !important;
}
.select2-container--default .select2-selection--multiple {
height: auto;
min-height: 45px;
border-color: #dfdfdf;
border-radius: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #dfdfdf;
}
.select2-container--default .select2-search--inline .select2-search__field {
margin-top: 0px;
font-size: 14px;
color: #3B3A3C;
}
.select2-selection__arrow {
min-height: 45px !important;
height: auto !important;
}
.radio label {
display: block;
color: #3B3A3C;
font-size: 1rem;
}
.radio label input[type=radio] {
height: 20px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flash {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 10;
width: 80%;
max-width: 500px;
background: #fff;
padding: 15px;
border-radius: 5px;
}
.flash::before {
display: block;
position: absolute;
right: 15px;
bottom: 2px;
content: "close";
font-size: 12px;
}
.flash.error {
background-color: #f44336;
color: #fff;
}
.flash.success {
background-color: #4caf50;
color: #fff;
}
.flash.info {
background-color: #bce8f1;
color: #31708f;
border: solid 1px #31708f;
}
.flash.info a {
color: #31708f;
}
.flash.warning {
background-color: #ed6f0f;
color: #fff;
}
.started-scrolling header .main-header {
background: #416d3d;
padding: 0 0 1.2rem;
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.414);
}
.started-scrolling .glohaven-header-logo {
width: 130px;
max-width: 100%;
top: 10px;
}
header {
z-index: 20;
transition: all 0.3s;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
}
@media (max-width: 767px) {
header .flex {
display: flex !important;
}
}
header .main-header {
padding: 0 0 2rem;
transition: all 0.3s;
}
@media (max-width: 991px) {
header .main-header {
padding: 0 0 1rem;
}
}
header .main-header .logo {
max-height: 30px;
float: left;
}
@media (max-width: 991px) {
header .main-header .logo {
max-height: 18px;
}
}
@media (max-width: 767px) {
header .main-header .logo {
float: none;
margin: 0;
margin-left: -15px;
}
}
header .main-header .logo path {
fill: #416D3D;
}
header .main-header .nav-element {
text-align: center;
}
@media (max-width: 767px) {
header .main-header .nav-element {
text-align: left;
}
}
header .main-header .nav-icons {
text-align: right;
}
header .main-header .nav-icons ul {
list-style: none;
padding: 0;
margin: 0;
}
header .main-header .nav-icons ul li {
display: inline-block;
margin: 0 0 0 1em;
}
@media (max-width: 767px) {
header .main-header .nav-icons ul li {
margin: 0 0 0 7px;
}
}
@media (max-width: 480px) {
header .main-header .nav-icons ul li {
margin: 0 0 0 5px;
}
}
header .main-header .nav-icons ul li:first-of-type {
margin-left: 0;
}
header .main-header .nav-icons ul li a {
border: none;
display: inline-block;
position: relative;
}
header .main-header .nav-icons ul li .badge {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
font-size: 0.6rem;
font-weight: 700;
line-height: 2.25;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #3B3A3C;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
padding: 0;
transform: translate(50%, -25%);
}
@media (max-width: 767px) {
header .main-header .nav-icons ul li .badge {
width: 1rem;
height: 1rem;
line-height: 1.75;
}
}
header .dashboard-header {
background: rgba(255, 255, 255, 0.5);
}
header .dashboard-header .navbar-default .navbar-nav > li > a {
color: #3B3A3C !important;
}
header .icon {
height: 30px;
}
@media (max-width: 991px) {
header .icon {
height: 22px;
}
}
@media (max-width: 767px) {
header .icon {
height: 26px;
margin-left: 10px;
}
}
header .icon path {
fill: #3B3A3C;
}
header.nav-up {
transform: translate(0, -100%);
}
header.sticky .preheader {
padding: 0.5rem 0;
}
header.sticky .main-header {
padding: 0.5rem 0;
}
@media (max-width: 767px) {
header .main-header .nav-icons ul li a.wishlist {
display: none;
}
header .main-header .nav-icons {
margin-left: -15px;
padding: 0;
}
}
#header-cart {
position: absolute;
right: 15px;
top: 75px;
display: none;
}
#header-cart.active {
display: block;
}
.glohaven-header-logo {
position: relative;
top: 25px;
left: 15px;
width: 150px;
max-width: 100%;
transition: all 1s;
}
@media screen and (max-width: 768px) {
.glohaven-header-logo {
top: 10px;
left: 5px;
}
}
@media screen and (max-width: 550px) {
.glohaven-header-logo {
top: 5px;
left: 0;
}
}
.beta-header {
background: #EC925D;
padding: 5px;
color: #fff;
font-weight: bold;
text-align: center;
}
.beta-header a {
color: #000;
}
@media screen and (max-width: 768px) {
.mobile-logo-pad {
padding-right: 0px !important;
}
}
.announcement {
background: #101010;
font-size: 1.2rem;
padding: 10px;
color: #fff;
}
.announcement a {
color: #fff;
text-decoration: none;
}
.navbar-default {
background-color: transparent;
border: none;
margin-bottom: 0px;
text-align: center;
}
.navbar-default .navbar-nav {
margin: 0 auto -8px;
display: inline-block;
}
.navbar-default .navbar-nav > li > a {
color: #3B3A3C;
border: none;
font-family: "Nunito Sans", sans-serif;
font-weight: 600;
font-size: 1.35rem;
padding: 30px 1em 15px;
}
@media (max-width: 1199px) {
.navbar-default .navbar-nav > li > a {
font-size: 1.15rem;
}
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
color: #416D3D;
}
.navbar-default .navbar-nav > li > a > .fa {
line-height: 1rem;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
border: none;
border-radius: 0;
box-shadow: none;
}
.navbar-default .navbar-nav > li > .dropdown-menu li a {
border: none;
}
.navbar-default .navbar-nav > .active > a {
background-color: #416D3D;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #416D3D;
color: #fff;
}
.navbar-default .navbar-nav > .open > a {
background-color: transparent;
color: #416D3D;
}
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color: #416D3D;
}
.navbar-default .navbar-nav.navbar-right .dropdown-menu {
right: auto;
}
.navbar-default .navbar-toggle {
background-color: #EC925D;
border: none;
margin: 15px 25px 0 0;
padding: 1rem;
border-radius: 30px;
float: left;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #416D3D;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
width: 19px;
height: 1px;
}
.nav-inverse .navbar-nav > li > a {
color: #fff !important;
}
.nav-inverse .navbar-nav > li > a:hover, .nav-inverse .navbar-nav > li > a:focus {
background-color: transparent;
color: #EC925D;
}
.nav-inverse .navbar-nav > li > a > .fa {
line-height: 1rem;
}
.nav-inverse .navbar-nav > li > .dropdown-menu {
border: none;
border-radius: 0;
box-shadow: none;
}
.nav-inverse .navbar-nav > li > .dropdown-menu li a {
border: none;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #F4F4F4;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-menu {
width: 100%;
}
.dropdown-menu > li > a {
font-size: 14px;
border-bottom: 0px solid transparent;
}
.dropdown-menu > li > a:hover {
color: #EC925D;
}
/* MM Menu */
.mm-slideout {
box-shadow: none !important;
}
#mobile-menu.mm-menu {
background-color: #F4F4F4;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#mobile-menu.mm-menu .mm-panel {
border: none;
border-radius: 0;
}
#mobile-menu.mm-menu .mm-panel.mm-highest {
box-shadow: none;
}
#mobile-menu.mm-menu > .mm-list {
padding: 0;
margin-top: 0 !important;
}
#mobile-menu.mm-menu > .mm-list > li {
width: 100%;
}
#mobile-menu.mm-menu > .mm-list > li a {
font-weight: 300;
font-family: "great_forest_simplisimplified", sans-serif;
color: #3B3A3C;
padding: 1em 1.5em !important;
border: none;
font-size: 1.25rem;
}
#mobile-menu.mm-menu > .mm-list > li a .fa {
display: none;
}
#mobile-menu.mm-menu > .mm-list > li a:hover, #mobile-menu.mm-menu > .mm-list > li a:focus {
background: transparent;
}
#mobile-menu.mm-menu > .mm-list > li:hover, #mobile-menu.mm-menu > .mm-list > li:focus {
background: #fff;
border-left-color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li:hover a, #mobile-menu.mm-menu > .mm-list > li:focus a {
color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li:hover a:hover, #mobile-menu.mm-menu > .mm-list > li:hover a:focus, #mobile-menu.mm-menu > .mm-list > li:focus a:hover, #mobile-menu.mm-menu > .mm-list > li:focus a:focus {
background: transparent;
}
#mobile-menu.mm-menu > .mm-list > li:hover .mm-subopen:hover, #mobile-menu.mm-menu > .mm-list > li:hover .mm-subopen:focus, #mobile-menu.mm-menu > .mm-list > li:focus .mm-subopen:hover, #mobile-menu.mm-menu > .mm-list > li:focus .mm-subopen:focus {
background: transparent;
}
#mobile-menu.mm-menu > .mm-list > li a.mm-subclose {
background: #222122;
color: #fff;
margin: 0;
}
#mobile-menu.mm-menu > .mm-list > li a.mm-subclose:before {
border-color: #fff;
margin-bottom: -5px;
}
#mobile-menu.mm-menu > .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
margin-left: 0;
border-color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
border-color: #F4F4F4;
}
#mobile-menu.mm-menu > .mm-list > li.mm-selected.open {
border-color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li.mm-selected > a:not(.mm-subopen) {
background: transparent;
color: #222122;
border-color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li.mm-selected > a.mm-subopen {
background: #222122;
}
#mobile-menu.mm-menu > .mm-list > li.active {
border-color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li.active > a {
color: #222122;
}
#mobile-menu.mm-menu > .mm-list > li.mm-subtitle {
border-color: #222122;
transition: all 0.3s;
}
#mobile-menu.mm-menu > .mm-list > li.mm-subtitle:hover, #mobile-menu.mm-menu > .mm-list > li.mm-subtitle:focus {
border-color: #243c22;
}
#mobile-menu.mm-menu > .mm-list > li.mm-subtitle:hover .mm-subclose:hover, #mobile-menu.mm-menu > .mm-list > li.mm-subtitle:hover .mm-subclose:focus, #mobile-menu.mm-menu > .mm-list > li.mm-subtitle:focus .mm-subclose:hover, #mobile-menu.mm-menu > .mm-list > li.mm-subtitle:focus .mm-subclose:focus {
background: #243c22;
}
#mobile-menu.mm-menu > .mm-list .mm-subopen {
background: #222122;
}
#mobile-menu.mm-menu > .mm-list .mm-subopen:after {
border-color: #fff !important;
right: 45%;
}
#mobile-menu.mm-menu > .mm-list .mm-subopen:hover, #mobile-menu.mm-menu > .mm-list .mm-subopen:focus {
background: #243c22;
}
#mobile-menu.mm-menu .level-2 .mm-subopen:after {
border-color: #3B3A3C !important;
}
#mobile-menu.mm-menu .mm-list > li a {
margin-right: 0;
}
#mobile-menu.mm-menu .mm-list .mm-subopen {
background: transparent;
width: 100%;
}
#mobile-menu.mm-menu .mm-list .mm-subopen:after {
border-color: #fff !important;
right: 22px;
margin-right: 0px;
}
#mobile-menu.mm-menu .level-2 .mm-subopen:after {
border-color: #3B3A3C !important;
}
#mobile-menu.mm-menu > .mm-list .dropdown-toggle:after, .level-2.mm-list li.dropdown-submenu a.dropdown-toggle:after {
content: "";
background: #222122;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 50px;
height: 100%;
border: none;
margin: 0px;
}
.level-2.mm-list li.dropdown-submenu a.dropdown-toggle:after {
background: none !important;
}
.navigation-hover {
position: absolute;
margin: 0 auto;
margin-top: 1px;
left: 0;
right: 0;
top: 100%;
z-index: 5;
display: none;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.navigation-hover.navigation-hover-categories {
padding: 5rem;
}
@media (max-width: 991px) {
.navigation-hover.navigation-hover-categories {
padding: 2.5rem;
}
}
.navigation-hover.navigation-hover-categories h3 {
font-size: 1.5rem;
margin-top: 0;
}
.navigation-hover.navigation-hover-categories ul {
padding: 0;
}
.navigation-hover.navigation-hover-categories ul li {
list-style: none;
}
.navigation-hover.navigation-hover-categories ul li a {
border: none;
}
.navigation-hover.navigation-hover-collections {
padding: 15px;
}
.navigation-hover.navigation-hover-collections .nav-collection-column {
padding: 0 15px;
}
.nav-collection-column-inner {
position: relative;
overflow: hidden;
}
.nav-collection-column-inner img {
transition: all 0.5s;
}
.nav-collection-column-inner:hover img {
transform: scale(1.1);
}
.nav-collection-link {
position: absolute;
margin: 0 auto;
left: 30px;
right: 30px;
bottom: 30px;
}
header .nav-element {
position: relative;
margin-top: -5px;
}
.nav-icons {
padding-right: 15px;
margin-top: 17px;
}
.nav-icons .fa {
color: #416D3D;
transition: all 0.2s ease-in-out;
width: 3rem;
height: 3rem;
line-height: 2.9rem;
text-align: center;
border-radius: 100px;
border: 2px solid #EC925D;
background: #fff;
}
.nav-icons .fa:hover, .nav-icons .fa:focus {
background: #416D3D;
color: #fff;
border: 2px solid #416D3D;
}
.nav-icons .fa.fa-2x {
font-size: 1.5rem;
}
.nav-tabs > li.active a {
color: #fff;
cursor: default;
background-color: #416D3D;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
color: #fff;
cursor: default;
background-color: #416D3D;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs > li.active a .handle {
color: #fff;
}
.nav-tabs > li a {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
.nav-tabs > li.disabled {
pointer-events: none;
opacity: 0.5;
}
.nav-tabs > li .handle {
color: grey;
cursor: move;
}
.nav-tabs.nav-tabs-lg > li a {
font-size: 20px;
padding: 10px 30px;
}
.dashboard-contain .nav-tabs > li a {
padding: 7px 10px;
font-size: 0.85rem;
}
@media (max-width: 767px) {
.dashboard-wrap .nav-tabs-scroll {
position: relative;
}
.dashboard-wrap .nav-tabs-scroll .nav-tabs {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.dashboard-wrap .nav-tabs-scroll .nav-tabs > li {
display: inline-block;
float: none;
}
.dashboard-wrap .nav-tabs-scroll .nav-tabs > li > a {
padding: 7px 5px;
}
.dashboard-wrap .nav-tabs-scroll .nav-tabs::-webkit-scrollbar {
display: none;
}
.dashboard-wrap .nav-tabs-scroll::after {
content: "";
display: block;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
background: white;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
width: 100px;
pointer-events: none;
}
}
.document-footer {
background: #416d3d url(/img/footer-top-bar.png?v=6);
background-position: top center;
background-repeat: repeat-x;
color: #fff;
}
@media (max-width: 767px) {
.document-footer {
text-align: center;
}
}
.document-footer .logo {
height: 20px;
margin-bottom: 1rem;
}
.document-footer .logo path {
fill: #416D3D;
}
.document-footer .border {
position: relative;
}
.document-footer .border:after {
content: "";
display: block;
border-right: 1px #416D3D solid;
position: absolute;
margin: 0;
top: -2.5rem;
bottom: -2.5rem;
left: 50%;
text-align: center;
}
@media (max-width: 767px) {
.document-footer .border:after {
display: none;
}
}
.document-footer .menu-title {
font-size: 1.25rem;
color: #fff;
margin: 0 0 1.5rem 0;
}
@media (max-width: 767px) {
.document-footer .menu-title {
margin-bottom: 1rem;
}
}
.document-footer ul {
padding: 0;
}
.document-footer ul > li {
color: #fff;
list-style: none;
}
.document-footer ul > li a {
color: #fff;
border: none;
}
.document-footer .social {
margin: 1rem 0 0 0;
}
.document-footer .social .fa {
background: transparent;
color: #416D3D;
height: auto;
width: auto;
font-size: 1.5rem;
margin: 0 0.5em;
}
.document-footer .copyright {
padding: 1rem 0;
background: #2e4c2b;
}
.document-footer .copyright p {
margin: 0;
font-size: 0.7rem;
color: #fff;
font-weight: 600;
}
@media (max-width: 767px) {
.document-footer .copyright p {
font-size: 0.8rem;
margin-bottom: 15px;
}
}
.document-footer .copyright p a {
color: inherit;
font-weight: inherit;
border: none;
}
@media screen and (max-width: 768px) {
.document-footer .copyright .text-right {
text-align: center !important;
}
}
.instagram-slider-content-container {
padding: 4vw 4vw 1vw 4vw;
position: absolute;
bottom: 0;
margin: 0 auto;
opacity: 0;
transition: all 0.25s ease-in-out;
background: rgba(24, 24, 24, 0.7);
width: 100%;
height: 100%;
z-index: 2;
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
.instagram-slider-content-container:hover {
opacity: 100%;
}
.instagram-slider-content {
z-index: 5;
position: relative;
}
.instagram-slider-slide a {
color: white;
text-decoration: none;
}
.instagram-slider-slide a:hover, .instagram-slider-slide a:focus {
color: white;
text-decoration: none;
}
.section-instagram {
padding: 2rem 0;
background: #e8e8e8;
}
.instagram-slider-slide {
position: relative;
width: 400px;
max-width: 100%;
height: 400px;
margin: 0 auto;
}
@media (max-width: 550px) {
.instagram-slider-slide {
width: 100%;
aspect-ratio: 1;
height: auto;
}
}
.image-title-box {
position: relative;
width: 100%;
}
.img-title-box-graphic {
width: 100%;
display: block;
}
.image-title-box-heading {
position: absolute;
left: 5%;
bottom: 10%;
font-size: 2rem;
color: #fff;
font-family: "Crimson Text", serif;
text-shadow: 1px 1px 3px rgba(41, 41, 41, 0.5);
}
.carousel {
background: #3B3A3C;
}
.carousel .searchbar {
margin-bottom: auto;
margin-top: auto;
height: 60px;
background-color: #EC925D;
border-radius: 30px;
padding: 10px;
}
.carousel .search_input {
color: white;
border: 0;
outline: 0;
background: none;
width: 0;
caret-color: transparent;
line-height: 40px;
transition: width 0.4s linear;
}
.carousel .search_input::placeholder {
color: white;
}
.carousel .searchbar:hover > .search_input {
padding: 0 10px;
width: 300px;
max-width: 100%;
caret-color: #EC925D;
transition: width 0.4s linear;
}
.carousel .searchbar:hover > .search_icon {
background: white;
color: #EC925D;
}
.carousel .search_icon {
height: 40px;
width: 40px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: white;
text-decoration: none;
}
.carousel .logo {
width: 50%;
max-width: 300px;
margin: 0 auto;
display: block;
top: 100px;
}
.carousel img {
width: 100%;
}
@media (max-width: 767px) {
.carousel img {
opacity: 1;
}
}
.carousel .carousel-img {
width: 100vw;
height: 100%;
object-position: top center;
object-fit: cover;
opacity: 0.9;
}
@media (max-width: 767px) {
.carousel .carousel-img {
opacity: 1;
}
}
.carousel .carousel-caption {
top: 33%;
right: 0;
left: 0;
text-align: center;
padding: 0;
text-shadow: none;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1100px) {
.carousel .carousel-caption {
top: 55%;
}
}
@media (max-width: 480px) {
.carousel .carousel-caption {
padding: 2rem 0;
}
}
.carousel .carousel-caption.left {
text-align: left;
}
.carousel .carousel-caption.right {
text-align: right;
}
.carousel .carousel-caption.center {
text-align: center;
justify-content: center;
}
.carousel .carousel-caption.title-color-primaryLightColor h3, .carousel .carousel-caption.title-color-primaryLightColor p, .carousel .carousel-caption.title-color-primaryLightColor li {
color: #fff;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.55);
}
.carousel .carousel-caption.title-color-primaryDarkColor h3, .carousel .carousel-caption.title-color-primaryDarkColor p, .carousel .carousel-caption.title-color-primaryDarkColor li {
color: #3B3A3C;
}
.carousel .carousel-caption.title-color-accentColor h3, .carousel .carousel-caption.title-color-accentColor p, .carousel .carousel-caption.title-color-accentColor li {
color: #416D3D;
}
.carousel .carousel-caption h1 {
line-height: 1;
font-size: 3vw;
text-transform: uppercase;
color: #fff;
}
.carousel .carousel-caption h1 small {
color: #fff;
text-transform: none;
font-family: "Nunito Sans", sans-serif;
font-weight: 600;
font-size: 2vw;
margin-top: 15px;
display: block;
}
@media (max-width: 767px) {
.carousel .carousel-caption h1 small {
font-size: 3vw;
}
}
.carousel .carousel-caption h3 {
margin: 0 0 1rem 0;
font-size: 5rem;
color: #fff;
}
@media (max-width: 1400px) {
.carousel .carousel-caption h3 {
font-size: 4rem;
}
}
@media (max-width: 1199px) {
.carousel .carousel-caption h3 {
font-size: 3.5rem;
}
}
@media (max-width: 991px) {
.carousel .carousel-caption h3 {
font-size: 2.5rem;
}
}
@media (max-width: 767px) {
.carousel .carousel-caption h3 {
font-size: 2rem;
color: #3B3A3C !important;
}
}
.carousel .carousel-caption p {
font-size: 1.5rem;
font-weight: 100;
margin-bottom: 1em;
}
.carousel .carousel-caption p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 1400px) {
.carousel .carousel-caption p {
font-size: 1.4rem;
}
}
@media (max-width: 1199px) {
.carousel .carousel-caption p {
font-size: 1.2rem;
}
}
@media (max-width: 991px) {
.carousel .carousel-caption p {
line-height: 1.8;
}
}
@media (max-width: 767px) {
.carousel .carousel-caption p {
font-size: 1rem;
color: #3B3A3C !important;
}
}
.carousel .carousel-caption .btn {
font-size: 1.1rem;
}
@media (max-width: 767px) {
.carousel .carousel-caption .btn {
font-size: 0.9rem;
}
}
.carousel .carousel-indicators li {
height: 15px;
width: 15px;
border-radius: 50%;
margin: 0 1px !important;
border-width: 2px;
}
.carousel .carousel-control {
background: transparent;
width: 8%;
}
.carousel .carousel-control.left .fa {
right: 100%;
}
.carousel .carousel-control.right .fa {
left: 100%;
}
.carousel .carousel-control .fa {
position: absolute;
top: 48%;
z-index: 5;
display: inline-block;
font-size: 3rem;
text-shadow: none;
transition: all 0.3s;
}
.carousel .carousel-control:hover.left .fa, .carousel .carousel-control:focus.left .fa {
right: 50%;
}
.carousel .carousel-control:hover.right .fa, .carousel .carousel-control:focus.right .fa {
left: 50%;
}
.carousel .carousel-inner .item {
margin-bottom: 0;
}
.scrim {
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.scrim.scrim-alt {
top: 0;
bottom: 50%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.carousel-inner {
position: relative;
}
.background-video {
position: relative;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
display: flex;
justify-content: center;
}
.fullscreen-video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fullscreen-video-cloudflare {
height: 100%;
width: auto;
aspect-ratio: 1.7777777778;
}
.background-video.width-based {
display: block;
}
.background-video.width-based .fullscreen-video-cloudflare {
width: 100%;
height: auto;
}
.slick-dots {
bottom: -55px;
text-align: center;
}
.slick-dots li button:before {
width: 24.5px;
content: "";
}
.slick-dots li button {
width: 24.5px;
background: rgba(65, 109, 61, 0.25);
padding: 0;
margin-right: 1rem;
transition: all 0.2s ease-in-out;
height: 3px;
}
.slick-dots li button:hover {
background: #416D3D;
}
.slick-dots li.slick-active button {
background: #416D3D !important;
}
.slick-dots li {
margin-right: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 0;
}
.slick-list:hover {
cursor: grab;
}
.slick-list:active {
cursor: grabbing;
}
.slick-next, .slick-prev {
z-index: 10;
}
.slick-next:before, .slick-prev:before {
height: 22px;
width: 13px;
content: "";
display: block;
}
.slick-next:before {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41412 22L0 18.7805L9.03053 11.0894L0 3.21951L1.41412 0L13 10.374V12.1626L1.41412 22Z' fill='%23416D3D'/%3E%3C/svg%3E%0A");
}
.slick-prev:before {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' d='M11.5859 -1.23626e-07L13 3.21951L3.96947 10.9106L13 18.7805L11.5859 22L9.06922e-07 11.626L1.06329e-06 9.8374L11.5859 -1.23626e-07Z' fill='%23416D3D'/%3E%3C/svg%3E%0A");
}
.media-slideshow-navigation-item {
transition: all 0.2s ease-in-out;
}
.media-slideshow-navigation-item.slick-active, .media-slideshow-navigation-item.slick-slide {
opacity: 0.5;
}
.media-slideshow-navigation-item.slick-current {
opacity: 1;
}
.home-carousel .carousel-caption {
top: 12%;
}
.home-carousel .carousel-caption h1 {
margin-top: 6vh;
}
@media screen and (max-width: 650px) {
.home-carousel .carousel-caption h1 {
font-size: 7vw;
line-height: 1.4;
}
.home-carousel .carousel-caption h1 small {
font-size: 4vw;
}
}
.logo-style-default {
filter: drop-shadow(0px 0px 20px white);
}
.logo-style-white {
filter: brightness(0) invert(1);
}
.shoutout .item {
margin-bottom: 0;
}
.shoutout .item h3.title {
margin: 0 0 2.5rem 0;
font-size: 2.5rem;
}
@media (max-width: 1199px) {
.shoutout .item h3.title {
font-size: 2rem;
margin-bottom: 1rem;
}
}
.shoutout .item .wrap {
padding: 0 1rem;
}
@media (max-width: 991px) {
.shoutout .item .wrap {
padding: 0;
}
}
.shoutout .item .card {
padding: 5rem 5rem 0 0;
}
@media (max-width: 1199px) {
.shoutout .item .card {
padding-right: 0;
}
}
@media (max-width: 991px) {
.shoutout .item .card {
padding-top: 2.5rem;
}
}
@media (max-width: 767px) {
.shoutout .item .card {
padding: 2.5rem 0;
}
}
.shoutout .item:first-child {
transform: translate(-1rem, 0);
}
@media (max-width: 991px) {
.shoutout .item:first-child {
transform: translate(0, 0);
}
}
.shoutout .item:last-child {
transform: translate(1rem, 0);
}
@media (max-width: 991px) {
.shoutout .item:last-child {
transform: translate(0, 0);
}
}
.cta h4 {
color: #3B3A3C;
font-size: 4rem;
margin: 0 0 2.5rem 0;
}
@media (max-width: 991px) {
.cta h4 {
font-size: 2.5rem;
}
}
@media (max-width: 767px) {
.cta h4 {
font-size: 2rem;
margin-bottom: 1rem;
}
}
.cta p {
font-size: 1.35rem;
}
@media (max-width: 991px) {
.cta p {
font-size: 1.1rem;
}
}
@media (max-width: 767px) {
.cta p {
font-size: 1rem;
}
}
.cta .btn {
font-size: 1.1rem;
}
@media (max-width: 767px) {
.cta .btn {
font-size: 1rem;
}
}
.alert {
border-radius: 0;
border: none;
color: #fff;
overflow: hidden;
}
.alert.alert-danger {
background-color: #f44336;
}
.alert.alert-success {
background-color: #4caf50;
}
.alert.alert-info {
background-color: #416D3D;
}
.alert.alert-warning {
background-color: #a94442;
}
.alert a {
color: #fff;
text-decoration: underline;
}
.modal-header {
background: #F4F4F4;
border-bottom: 0px solid transparent;
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5 {
font-family: "great_forest_simplisimplified", sans-serif;
}
.modal-content {
border-radius: 0;
}
.modal-header .close {
opacity: 0.7;
}
.modal-body p {
font-size: 1.3rem;
line-height: 2rem;
}
.modal-body .newsletter input[type="text"] {
background: #e2e4e6;
}
.modal-dialog, .modal.in .modal-dialog {
position: absolute;
top: 40%;
transform: translateY(-50%);
margin: 0 auto;
left: 0;
right: 0;
}
.modal.modal-mini .modal-dialog {
width: 700px;
}
@media (max-width: 767px) {
.modal-dialog, .modal.in .modal-dialog {
margin: 0 auto;
}
.modal.modal-mini p {
font-size: 1rem;
}
.modal.modal-mini .modal-dialog {
width: 94%;
}
}
.newsletter h1, .newsletter h2, .newsletter h3, .newsletter h4, .newsletter h5, .newsletter h6 {
margin: 0 0 0.75rem 0;
color: #fff;
font-size: 2.5rem;
}
@media (max-width: 1199px) {
.newsletter h1, .newsletter h2, .newsletter h3, .newsletter h4, .newsletter h5, .newsletter h6 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.newsletter h1, .newsletter h2, .newsletter h3, .newsletter h4, .newsletter h5, .newsletter h6 {
font-size: 1.5rem;
}
}
.newsletter p {
color: #F4EDE1;
font-size: 1.25rem;
margin: 0 0 1em 0;
}
@media (max-width: 1199px) {
.newsletter p {
font-size: 1.1rem;
}
}
@media (max-width: 767px) {
.newsletter p {
font-size: 1rem;
}
}
.newsletter input {
width: 75%;
margin: 0;
float: left;
height: 55px;
border: none;
padding: 0 1rem;
font-size: 0.9rem;
border-radius: 0;
}
@media (max-width: 767px) {
.newsletter input {
width: 60%;
}
}
.newsletter input:focus {
outline: none;
box-shadow: none;
}
.newsletter input[type=submit] {
width: 25%;
background: #416D3D;
color: #fff;
transition: all 0.3s;
}
@media (max-width: 767px) {
.newsletter input[type=submit] {
width: 40%;
}
}
.newsletter input[type=submit]:hover, .newsletter input[type=submit]:focus {
background: #5e9e58;
}
.faq .faq-item {
margin: 0 0 1rem 0;
}
.faq a.question {
position: relative;
width: 100%;
padding: 0 0 0 1.5rem;
color: #474f59;
font-weight: 500;
transition: all 0.3s;
font-size: 2rem;
}
.faq a.question:hover, .faq a.question:hover::after {
cursor: pointer;
color: #f2b6c1;
text-decoration: none;
}
.faq a.question::after {
font-family: FontAwesome;
content: "";
position: absolute;
left: 0;
top: -3px;
font-size: 0.8rem;
color: #474f59;
padding: 0 2em 0 0;
width: 30px;
height: 30px;
line-height: 50px;
text-align: center;
transition: all 0.3s;
}
.faq a.question.active {
color: #f2b6c1;
}
.faq a.question.active::after {
font-family: "FontAwesome";
content: "";
color: #f2b6c1;
}
.faq .content {
display: none;
padding: 0;
overflow: hidden;
background: #fff;
margin: 0.5em 0 2em 1.5rem;
}
.faq .title {
color: #f2b6c1;
text-transform: uppercase;
font-weight: 700;
font-size: 1.5rem;
}
.fc-daygrid-day.fc-day {
background: #416D3D;
cursor: pointer;
}
.fc-daygrid-day.fc-day a {
color: #fff;
font-weight: bold;
}
.fc {
font-size: 0.85rem;
}
.fc-day-past {
pointer-events: none;
opacity: 0.6;
}
.fc-day.disabled, .fc .fc-daygrid-day.fc-day-today.disabled {
background: #416D3D;
opacity: 0.3 !important;
}
.fc-day.disabled.fc-day-future {
background: red;
opacity: 0.3 !important;
}
.fc .fc-toolbar-title {
font-family: "Nunito Sans", sans-serif !important;
color: #416D3D;
}
.fc .fc-button-primary:disabled {
background: #3B3A3C;
opacity: 0.3 !important;
cursor: not-allowed;
}
.fc-day-today a {
color: #416D3D !important;
}
.fc-col-header-cell.fc-day a {
color: #416D3D;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 10px;
}
.fc .fc-button-primary {
background: #EC925D;
border-color: #e2641b;
transition: all 0.2s ease-in-out;
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:focus {
background: #e2641b;
border-color: #416D3D;
}
.fc .fc-highlight {
background: #EC925D;
border-color: #3B3A3C;
}
.fc-daygrid-day.fc-day {
opacity: 0.9;
transition: all 0.2s ease-in-out;
}
.fc-daygrid-day.fc-day:hover {
opacity: 1;
}
.fc-daygrid-day.fc-day .disabled {
cursor: not-allowed !important;
}
.form-box .register .text-red {
color: red;
}
.form-box .register .text-orange {
color: orange;
}
.form-box .register .text-green {
color: green;
}
.form-box .register .turnstile {
padding-top: 15px;
}
.form-box .register .show-password button {
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
}
.form-box .register .show-password button:focus, .form-box .register .show-password button:hover {
background-color: #ffffff;
border-color: #cccccc;
}
.form-box .register .btn {
border-radius: 0;
}
.spec-content {
position: relative;
}
.spec-content .bg-img {
background-position: top;
}
@media (max-width: 767px) {
.spec-content.pad {
padding: 1rem 0;
}
}
.spec-content h3.title:not(.section-title) {
font-size: 3rem;
margin-bottom: 1.5rem;
}
@media (max-width: 1400px) {
.spec-content h3.title:not(.section-title) {
font-size: 3rem;
}
}
@media (max-width: 991px) {
.spec-content h3.title:not(.section-title) {
font-size: 2.5rem;
}
}
@media (max-width: 767px) {
.spec-content h3.title:not(.section-title) {
font-size: 2rem;
}
}
.spec-content h6.title {
font-family: "Nunito Sans", sans-serif;
margin: 0 0 1.5rem 0;
font-size: 1rem;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.75;
}
@media (max-width: 991px) {
.spec-content h6.title {
font-size: 0.9rem;
}
}
@media (max-width: 767px) {
.spec-content h6.title {
font-size: 0.8rem;
}
}
.spec-content.normal-content {
/*@media(min-width:769px) {
background: transparent !important;
}
.container,
.container-semi-fluid {
@media(min-width:769px) {
border: 15px $primaryLightColor solid;
border-top: 0;
border-bottom: 0;
}
}*/
}
.spec-content.normal-content .text-pad.card-top {
padding: 10rem 0 5rem;
}
@media (max-width: 767px) {
.spec-content.normal-content .text-pad.card-top {
padding: 2rem 0;
}
}
.spec-content.normal-content .text-pad.card-bottom {
padding: 5rem 0 10rem;
}
@media (max-width: 767px) {
.spec-content.normal-content .text-pad.card-bottom {
padding: 2rem 0;
}
}
.spec-content.normal-content .text-pad.card-even {
padding: 5rem 0;
}
@media (max-width: 767px) {
.spec-content.normal-content .text-pad.card-even {
padding: 2rem 0;
}
}
.spec-content.normal-content .extra-wide {
max-width: 125%;
}
.spec-content.normal-content .bg-absolute {
bottom: 0;
left: 1rem;
right: 1rem;
}
.spec-content.normal-content.contentOnly .text-pad {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.spec-content.normal-content.threeCol .content-div .text-pad {
padding: 0 30px;
}
@media (max-width: 767px) {
.spec-content.normal-content.threeCol .content-div .text-pad {
padding: 2rem 0;
}
}
@media (min-width: 769px) {
.spec-content.spec-bg.spec-container-semi-fluid, .spec-content.spec-bg.spec-container {
background: transparent !important;
}
}
.spec-content.spec-bg.text-right, .spec-content.spec-bg .text-right {
text-align: left;
}
.spec-content.spec-bg.text-right .container-semi-fluid figure.photo-alt, .spec-content.spec-bg.text-right .container figure.photo-alt, .spec-content.spec-bg .text-right .container-semi-fluid figure.photo-alt, .spec-content.spec-bg .text-right .container figure.photo-alt {
left: 15px;
}
.spec-content.spec-bg.text-right figure.photo-alt, .spec-content.spec-bg .text-right figure.photo-alt {
left: 0;
right: auto;
}
.spec-content.spec-bg.text-right figure.photo-alt img, .spec-content.spec-bg .text-right figure.photo-alt img {
transform: translate(-5px, 0);
}
.spec-content.spec-bg p {
color: #fff;
}
.spec-content.spec-bg .container-semi-fluid .bg-absolute, .spec-content.spec-bg .container .bg-absolute {
left: 15px;
right: 15px;
}
.spec-content.spec-bg .container-semi-fluid .photo-alt, .spec-content.spec-bg .container .photo-alt {
right: 15px;
}
@media (min-width: 769px) {
.spec-content.spec-bg .container-semi-fluid .text-left .card, .spec-content.spec-bg .container .text-left .card {
margin-left: 30px;
}
}
@media (min-width: 769px) {
.spec-content.spec-bg .container-semi-fluid .text-right .card, .spec-content.spec-bg .container .text-right .card {
margin-right: 30px;
}
}
.spec-content.spec-bg .card.card-top {
padding: 10rem 5rem 5rem 5rem;
margin: 0 0 10rem 0;
}
@media (max-width: 991px) {
.spec-content.spec-bg .card.card-top {
padding: 7.5rem 3.3333333333rem 3.3333333333rem 3.3333333333rem;
margin: 0 0 3.3333333333rem 0;
}
}
@media (max-width: 767px) {
.spec-content.spec-bg .card.card-top {
padding: 2rem 0;
margin: 0;
}
}
.spec-content.spec-bg .card.card-bottom {
padding: 5rem 5rem 10rem 5rem;
margin: 10rem 0 0 0;
}
@media (max-width: 991px) {
.spec-content.spec-bg .card.card-bottom {
padding: 3.3333333333rem 3.3333333333rem 7.5rem 3.3333333333rem;
margin: 3.3333333333rem 0 0 0;
}
}
@media (max-width: 767px) {
.spec-content.spec-bg .card.card-bottom {
padding: 2rem 0;
margin: 0;
}
}
.spec-content.spec-bg .card.card-even {
padding: 5rem;
margin: 10rem 0;
}
@media (max-width: 991px) {
.spec-content.spec-bg .card.card-even {
padding: 3.3333333333rem;
margin: 5rem 0;
}
}
@media (max-width: 767px) {
.spec-content.spec-bg .card.card-even {
padding: 2rem 0;
margin: 0;
}
}
.spec-content.spec-bg figure.photo-alt {
position: absolute;
top: 0;
right: 0;
bottom: 0;
max-width: 15%;
display: flex;
align-items: center;
overflow: hidden;
}
@media (max-width: 991px) {
.spec-content.spec-bg figure.photo-alt {
max-width: 20%;
}
}
.spec-content.spec-bg figure.photo-alt img {
border: 5px #fff solid;
transform: translate(5px, 0);
}
@media (max-width: 767px) {
.spec-content .third-col .text-pad {
padding: 0 !important;
}
}
.spec-content.accentColor.spec-bg .card, .spec-content.accentColor.normal-content .text-pad, .spec-content.accentColor.normal-content .container, .spec-content.accentColor.normal-content .container-semi-fluid, .spec-content.accentColor.normal-content .container-fluid, .spec-content.accentColor.normal-content.bgColor, .spec-content.accentColor.spec-bg {
background-color: #416D3D;
}
.spec-content.accentColor h3.title {
color: #3B3A3C;
}
.spec-content.accentColor h6.title {
color: #3B3A3C;
}
.spec-content.accentColor p, .spec-content.accentColor li {
color: #fff;
}
.spec-content.accentColor .btn-stripped {
border-color: #3B3A3C;
color: #3B3A3C;
}
.spec-content.accentColorAlt.spec-bg .card, .spec-content.accentColorAlt.normal-content .text-pad, .spec-content.accentColorAlt.normal-content .container, .spec-content.accentColorAlt.normal-content .container-semi-fluid, .spec-content.accentColorAlt.normal-content .container-fluid, .spec-content.accentColorAlt.normal-content.bgColor, .spec-content.accentColorAlt.spec-bg {
background-color: #EC925D;
}
.spec-content.accentColorAlt.spec-bg h3.title {
color: #fff;
}
.spec-content.accentColorAlt.spec-bg h6.title {
color: #fff;
}
.spec-content.accentColorAlt.normal-content h3.title {
color: #3B3A3C;
}
.spec-content.accentColorAlt.normal-content h6.title {
color: #fff;
}
.spec-content.accentColorAlt.normal-content p, .spec-content.accentColorAlt.normal-content li {
color: #fff;
}
.spec-content.primaryDarkColor.spec-bg .card, .spec-content.primaryDarkColor.normal-content .text-pad, .spec-content.primaryDarkColor.normal-content .container, .spec-content.primaryDarkColor.normal-content .container-semi-fluid, .spec-content.primaryDarkColor.normal-content .container-fluid, .spec-content.primaryDarkColor.normal-content.bgColor, .spec-content.primaryDarkColor.spec-bg {
background-color: #3B3A3C;
}
.spec-content.primaryDarkColor h3.title {
color: #fff;
}
.spec-content.primaryDarkColor h6.title {
color: #416D3D;
}
.spec-content.primaryDarkColor p, .spec-content.primaryDarkColor li {
color: #F4EDE1;
}
.spec-content.primaryDarkColor p a:not(.btn), .spec-content.primaryDarkColor li a:not(.btn) {
color: inherit;
}
.spec-content.primaryDarkColor p a:not(.btn):hover, .spec-content.primaryDarkColor p a:not(.btn):focus, .spec-content.primaryDarkColor li a:not(.btn):hover, .spec-content.primaryDarkColor li a:not(.btn):focus {
color: inherit;
}
.spec-content.primaryLightColor.spec-bg .card, .spec-content.primaryLightColor.normal-content .text-pad, .spec-content.primaryLightColor.normal-content .container, .spec-content.primaryLightColor.normal-content .container-semi-fluid, .spec-content.primaryLightColor.normal-content .container-fluid, .spec-content.primaryLightColor.normal-content.bgColor, .spec-content.primaryLightColor.spec-bg, .spec-content.none.spec-bg .card, .spec-content.none.normal-content .text-pad, .spec-content.none.normal-content .container, .spec-content.none.normal-content .container-semi-fluid, .spec-content.none.normal-content .container-fluid, .spec-content.none.normal-content.bgColor, .spec-content.none.spec-bg {
background-color: #fff;
}
.spec-content.primaryLightColor h3.title, .spec-content.none h3.title {
color: #3B3A3C;
}
.spec-content.primaryLightColor h6.title, .spec-content.none h6.title {
color: #416D3D;
}
.spec-content.primaryLightColor p, .spec-content.primaryLightColor li, .spec-content.none p, .spec-content.none li {
color: #3B3A3C;
}
.spec-content.primaryLightColor .btn-ghost, .spec-content.none .btn-ghost {
color: #3B3A3C;
border-color: #3B3A3C;
}
.spec-content.primaryLightColor .btn-ghost:hover, .spec-content.primaryLightColor .btn-ghost:focus, .spec-content.none .btn-ghost:hover, .spec-content.none .btn-ghost:focus {
background-color: #3B3A3C;
color: #fff;
border-color: #3B3A3C;
}
.spec-content.secondaryLightColor.spec-bg .card, .spec-content.secondaryLightColor.normal-content .text-pad, .spec-content.secondaryLightColor.normal-content .container, .spec-content.secondaryLightColor.normal-content .container-semi-fluid, .spec-content.secondaryLightColor.normal-content .container-fluid, .spec-content.secondaryLightColor.normal-content.bgColor, .spec-content.secondaryLightColor.spec-bg {
background-color: #F4F4F4;
}
.spec-content.secondaryLightColor h3.title {
color: #3B3A3C;
}
.spec-content.secondaryLightColor h6.title {
color: #416D3D;
}
.spec-content.secondaryLightColor p, .spec-content.secondaryLightColor li {
color: #3B3A3C;
}
.spec-content.secondaryLightColor .btn-ghost {
color: #3B3A3C;
border-color: #3B3A3C;
}
.spec-content.secondaryLightColor .btn-ghost:hover, .spec-content.secondaryLightColor .btn-ghost:focus {
background-color: #3B3A3C;
color: #fff;
border-color: #3B3A3C;
}
.gallery {
margin: 0 -2px;
}
.gallery .item {
padding: 2px;
border: none;
}
.gallery .item img {
padding: 5px;
}
.Collage {
padding: 5px 0;
margin: 0;
overflow: hidden;
}
.Collage img {
vertical-align: bottom;
opacity: 1;
border: 5px #fff solid;
}
.Collage img:hover, .Collage img:focus {
cursor: pointer;
}
.account .main-title + .main-paragraph {
margin-top: -2.5rem;
margin-bottom: 5rem;
}
@media (max-width: 767px) {
.account .main-title + .main-paragraph {
margin-bottom: 1rem;
}
}
.account .alt-title {
font-size: 2.5rem;
margin: 5rem 0 2.5rem;
}
@media (max-width: 767px) {
.account .alt-title {
font-size: 2rem;
margin: 2.5rem 0 1rem;
}
}
.account form .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.account form .col-sm-6, .account form .col-xs-12 {
padding-left: 7.5px;
padding-right: 7.5px;
}
.account .sidebar {
position: sticky;
top: 100px;
}
@media (max-width: 767px) {
.account .sidebar {
position: static;
}
}
.account .sidebar .nav-pills > li {
padding: 0.25em 0;
margin: 0;
}
.account .sidebar .nav-pills > li:first-child {
border-top: none;
padding-top: 0;
}
.account .sidebar .nav-pills > li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.account .sidebar .nav-pills > li > a {
border: none;
background: transparent;
padding: 0.5em 0;
color: #3B3A3C;
font-size: 1.25rem;
font-weight: 300;
}
.account .sidebar .nav-pills > li > a:before {
content: "";
display: inline-block;
height: 5px;
width: 5px;
margin-right: 0;
opacity: 0;
background: #3B3A3C;
border-radius: 50%;
transform: translate(0, -0.25rem);
}
.account .sidebar .nav-pills > li.active > a {
color: #3B3A3C;
}
.account .sidebar .nav-pills > li.active > a:before {
display: inline-block;
margin-right: 1rem;
opacity: 1;
}
.account .sidebar .nav-pills > li.active > a:hover, .account .sidebar .nav-pills > li.active > a:focus {
background: transparent;
}
.account .border {
position: relative;
}
.account .border:after {
content: "";
display: block;
border-right: 1px #F4EDE1 solid;
position: absolute;
margin: 0;
top: -5rem;
bottom: -5rem;
left: 50%;
text-align: center;
}
.media-block-img {
width: 100%;
height: 100%;
object-position: top center;
object-fit: cover;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
@media screen and (max-width: 768px) {
.media-block-img {
max-height: 40vh;
object-position: center center;
}
}
.card-body {
/* background: #FFF;
box-shadow: 0px 0px 2px 0px rgba(79, 94, 113, 0.12), 0px 2px 4px 0px rgba(79, 94, 113, 0.11), 0px 4px 8px 0px rgba(79, 94, 113, 0.10), 0px 16px 32px 0px rgba(79, 94, 113, 0.09);*/
padding: 1.5rem 0;
}
.grid-content-pad {
padding: 3rem 4rem;
}
@media (max-width: 991px) {
.grid-content-pad {
padding: 3.3333333333rem 0;
}
}
.media-block-img {
border-radius: 6px;
box-shadow: 0px 0px 2px 0px rgba(79, 94, 113, 0.12), 0px 2px 4px 0px rgba(79, 94, 113, 0.11), 0px 4px 8px 0px rgba(79, 94, 113, 0.1), 0px 16px 32px 0px rgba(79, 94, 113, 0.09);
}
.about h2 {
font-size: 4rem;
}
.grid-content-pad h3 {
font-family: "Nunito Sans", sans-serif;
color: #416D3D;
font-weight: 700;
letter-spacing: 0.01rem;
font-size: 2rem;
}
.hero {
width: 100%;
height: 60vh;
background-size: cover;
background-position: center center;
position: relative;
z-index: 9;
}
.hero-subheading {
color: #EC925D;
}
.scrim {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 10;
display: block;
}
.hero .hero-container {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
padding: 0 15px;
z-index: 11;
}
.hero h1 {
margin: 0 0 10px 0;
font-size: 4vw;
color: #fff;
}
@media screen and (max-width: 768px) {
.hero h1 {
font-size: 7.75vw;
}
}
.hero h2 {
color: #fff;
margin-bottom: 30px;
font-size: 4vw;
}
@media screen and (max-width: 768px) {
.hero h2 {
font-size: 7.75vw;
}
}
.hero h3 {
font-size: 1.85rem;
}
@media screen and (max-width: 650px) {
.hero h3 {
font-size: 1.25rem;
}
}
.hero p {
font-size: 1.5rem;
color: #fff;
margin-bottom: 30px;
font-family: "Nunito Sans", sans-serif;
}
.hero .php-email-form input {
border-radius: 50px;
box-shadow: none;
font-size: 14px;
border: 0;
padding: 0px 15px 2px 20px;
width: 250px;
height: 40px;
margin: 0 8px;
}
.hero .php-email-form button[type=submit] {
font-family: "Nunito Sans", sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 30px;
border-radius: 50px;
transition: 0.5s;
margin: 10px;
border: none;
color: #fff;
background: #416D3D;
}
.hero .php-email-form button[type=submit]:hover {
background: #416D3D;
}
.commmunities-slider {
position: relative;
z-index: 200;
padding: 0 0px;
margin: 5rem auto;
max-width: 1200px;
width: 100%;
}
.card-img-top {
width: 100%;
height: 100%;
object-position: top center;
object-fit: cover;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
@media screen and (max-width: 768px) {
.card-img-top {
max-height: 40vh;
object-position: center center;
}
}
.card-title {
padding: 0 0 12px;
margin: 0 0;
}
.card-body p {
margin-bottom: 12px;
}
.card-body h2 {
font-size: 2.25rem;
margin-bottom: 10px;
color: #416D3D;
}
.card-body .subtitle {
margin-top: 0 !important;
}
.card-img-block {
/* width: 91%;
margin: 0 auto;
position: relative;
top: -20px;
*/
}
.community-card .card-img-block img {
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.63);
}
.card-link-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1000000000000000000;
}
.card-link-wrapper a {
color: inherit;
text-decoration: none;
}
.community-card {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border-radius: 0.25rem;
}
.community-card .card-img-block {
z-index: 1;
position: relative;
}
.community-card .card-body {
position: absolute;
padding-top: 225px;
top: 0;
bottom: 10px;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 8;
text-align: center;
color: #fff;
}
@media screen and (max-width: 768px) {
.community-card .card-body {
padding-top: 125px;
padding-left: 50px;
padding-right: 50px;
}
}
.community-card .btn {
margin: 0 auto;
}
.community-card .scrim {
opacity: 0.5;
z-index: 3;
}
.community-card .card-title {
color: #fff;
font-family: "great_forest_simplisimplified", sans-serif;
font-size: 2.75vw;
}
@media screen and (max-width: 768px) {
.community-card .card-title {
font-size: 4.5vw;
}
}
@media screen and (max-width: 550px) {
.community-card .card-title {
font-size: 5.75vw;
}
}
.browse-communities-pad {
padding-bottom: 2rem;
}
.community-card.slick-slide {
width: 800px;
transition: transform 0.4s;
position: relative;
}
.community-card.slick-slide {
transform: scale(0.7) translate(840px);
}
.community-card.slick-slide.slick-center + .slick-slide {
transform: scale(0.8) translate(-450px);
z-index: 10;
}
.community-card.slick-slide.slick-center + .slick-slide + .community-card.slick-slide {
transform: scale(0.7) translate(-840px);
z-index: 5;
}
.community-card.slick-slide.slick-active {
transform: scale(0.8) translate(450px);
}
.community-card.slick-slide.slick-center {
/* margin: 0 -10%; */
transform: scale(1);
z-index: 30;
}
.slick-center:after {
opacity: 0;
}
.browse-communities .slick-next, .browse-communities .slick-prev {
z-index: 10;
}
.browse-communities .slick-next:before, .browse-communities .slick-prev:before {
height: 22px;
width: 13px;
content: "";
display: block;
}
.browse-communities .slick-next:before {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41412 22L0 18.7805L9.03053 11.0894L0 3.21951L1.41412 0L13 10.374V12.1626L1.41412 22Z' fill='%23EC925D'/%3E%3C/svg%3E%0A");
}
.browse-communities .slick-prev:before {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' d='M11.5859 -1.23626e-07L13 3.21951L3.96947 10.9106L13 18.7805L11.5859 22L9.06922e-07 11.626L1.06329e-06 9.8374L11.5859 -1.23626e-07Z' fill='%23EC925D'/%3E%3C/svg%3E%0A");
}
.about .subtitle {
color: #416D3D;
font-weight: 700;
font-family: "Nunito Sans";
}
@media (min-width: 1024px) {
.hero {
background-attachment: fixed;
}
}
@media (max-width: 768px) {
.hero .php-email-form input {
margin: 0 auto;
}
}
.background-video {
opacity: 0.7;
}
.dashboard-logo {
width: 75%;
margin: 0 auto 15px;
}
@media screen and (max-width: 768px) {
.dashboard-logo {
width: 120px;
float: left;
}
}
.dashboard-wrap {
background: url(/themes/base/img/bg-light-board-texture.png) repeat-y;
background-size: 100% auto;
background-position: top center;
}
.dashboard-contain {
width: 900px;
max-width: 100%;
margin-top: 4rem !important;
}
@media screen and (max-width: 768px) {
.dashboard-contain {
margin-top: 0 !important;
padding-left: 15px;
padding-right: 15px;
}
}
.dashboard-contain h1 {
font-family: "Nunito Sans", sans-serif;
font-size: 2.75rem;
letter-spacing: -0.01rem;
color: #416D3D;
margin: 0 0 15px;
}
.dashboard-contain.dashboard-wide {
width: 1100px;
}
.mx-auto {
margin: 0 auto;
}
.container-fluid.no-pad {
overflow-x: clip;
}
.tab-content {
background: #fff;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 25px 25px 30px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.tab-content.tab-content-subtle {
padding: 10px 0px;
box-shadow: none;
border: none;
}
.tab-content.tab-transparent {
background: transparent;
border-radius: 0px;
box-shadow: none;
border: none;
padding: 0;
}
.sidebar-container {
background: #F4EDE1;
padding-right: 0px;
}
.sidebar-dashboard {
min-height: 100vh;
padding: 1rem 0rem;
position: relative;
z-index: 55;
margin: 0 auto;
width: 100%;
max-width: 250px;
}
@media screen and (max-width: 768px) {
.sidebar-dashboard {
min-height: auto;
padding: 0 15px;
}
}
.sidebar-dashboard .navbar-toggle {
background-color: #EC925D;
border: none;
margin: 35px 25px 0 0;
padding: 1rem;
border-radius: 30px;
float: right;
}
.sidebar-dashboard .navbar-toggle:hover, .sidebar-dashboard .navbar-toggle:focus {
background-color: #416D3D;
}
.sidebar-dashboard .navbar-toggle .icon-bar {
background-color: #fff;
width: 19px;
height: 1px;
}
.sidebar-dashboard .sidebar-user {
text-align: center;
font-size: 1rem;
margin-bottom: 1rem;
font-style: italic;
}
.tab-content {
padding-top: 25px;
}
.tab-content .well {
background: transparent !important;
box-shadow: none;
padding: 0;
}
.tab-content #community-tabs {
box-shadow: none;
}
.tab-content .table {
box-shadow: none;
}
.admin-bar li a {
font-size: 0.95rem;
line-height: 1;
font-weight: 600;
}
.admin-bar li a .fa {
font-size: 16px;
margin-right: 8px;
color: #416D3D;
width: 24px;
}
.admin-bar li.active > a {
background: #416D3D;
}
.admin-bar li.active > a .fa {
color: white !important;
}
.admin-bar li > a:hover, .admin-bar li > a:focus {
background: white;
border-color: #EC925D;
}
.grid > div a {
color: #416D3D;
text-decoration: none;
font-weight: inherit;
transition: all 0.3s;
position: relative;
font-weight: 500;
}
.grid > div a .fa {
font-size: 16px;
margin-right: 8px;
color: #EC925D;
width: 24px;
}
@media screen and (max-width: 650px) {
.grid > div a .fa {
margin-right: 4px;
width: 20px;
}
}
.grid > div a .fa:hover, .grid > div a .fa:focus {
color: #416D3D;
}
.grid > div a:hover, .grid > div a:focus {
text-decoration: none;
color: #416D3D;
}
@media screen and (max-width: 650px) {
.grid > div a {
font-size: 1rem;
}
}
.grid-cols-3-icons {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 550px) {
.grid-cols-3-icons {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.community-hero {
background-attachment: scroll;
}
.community-hero .scrim {
background: rgba(0, 0, 0, 0.3);
}
.community-section {
background: url(/themes/base/img/gh_communities_header.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
}
.community-wrap {
background: url(/themes/base/img/bg-light-board-texture.png) repeat-y;
background-size: 100% auto;
background-position: top center;
}
.community-title, .organization-title {
margin-bottom: 25px;
margin-top: 15px;
line-height: 1.25;
font-size: 2.5rem;
}
.crumby-social-wrapper {
margin: 25px 0;
}
.social-icons a {
width: 35px;
height: 35px;
display: inline-block;
border-radius: 50px;
line-height: 35px;
text-decoration: none;
position: relative;
margin-right: 5px;
background: #EC925D;
transition: all 0.3s ease-in-out;
text-align: center;
}
.social-icons a:hover {
background: #416D3D;
}
.social-icons a .fab, .social-icons a .fa {
color: #fff;
}
.social-icons a .fab:before, .social-icons a .fa:before {
line-height: 35px;
font-size: 1.25rem;
}
.organizations-logo {
border-radius: 0.25rem;
padding: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
background: #fff;
}
.organizations-logo img {
width: 100%;
aspect-ratio: 2;
object-fit: contain;
}
.products-list .product-item img {
width: 100%;
}
.product-title {
font-family: "Nunito Sans", sans-serif;
font-size: 2.5rem;
color: #416D3D;
}
.product-details {
margin-top: 1rem;
}
.product-details * {
font-size: 1rem;
font-style: italic;
}
.product-desc-pad {
padding: 15px 25px 15px 15px;
}
.product-grid {
font-family: "Nunito Sans", sans-serif;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin: 15px 0;
}
.product-grid .product-image {
overflow: hidden;
position: relative;
z-index: 1;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.product-grid .product-image a.image {
display: block;
}
.product-grid .product-image img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
background: #fff;
}
.product-grid .product-discount-label {
color: #fff;
background: #EC925D;
font-size: 13px;
font-weight: 600;
line-height: 25px;
padding: 0 20px;
position: absolute;
top: 10px;
left: 0;
}
.product-grid .product-links {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
text-align: center;
top: 10px;
right: -50px;
transition: all 0.5s ease 0s;
}
.product-grid .product-links li a {
color: #EC925D;
background: transparent;
font-size: 17px;
line-height: 38px;
width: 38px;
height: 38px;
border-radius: 38px;
border-bottom: none;
display: block;
transition: all 0.3s ease-in-out;
}
.product-grid .product-links li a:hover {
color: #fff;
background: #EC925D;
}
.product-grid:hover .product-links {
right: 10px;
}
.product-grid:hover .add-to-cart {
bottom: 0;
}
.product-grid .add-to-cart {
background: #416D3D;
color: #fff;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
width: 100%;
padding: 10px 26px;
position: absolute;
left: 0;
text-align: center;
bottom: -60px;
transition: all 0.3s ease 0s;
}
.product-grid .add-to-cart:hover {
background: #EC925D;
text-decoration: none !important;
}
.product-grid .product-content {
background: #fff;
padding: 1.5rem 1rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.product-grid .product-content a {
color: #416D3D;
transition: all 0.3s ease 0s;
}
.product-grid .product-content a:hover {
color: #e2641b;
text-decoration: none;
}
.product-grid .product-content .product-summary {
width: 100%;
aspect-ratio: 2;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.product-grid .product-content .product-summary {
aspect-ratio: 3;
}
}
.product-grid .product-content .product-summary::after {
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
background: white;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
height: 30px;
}
.product-grid .title {
font-family: "Nunito Sans", sans-serif;
font-size: 1.5rem;
margin: 0 0 7px;
}
.product-grid .title a {
color: #416D3D;
transition: all 0.3s ease 0s;
}
.product-grid .title a:hover {
color: #e2641b;
}
.product-grid .price {
color: #EC925D;
font-size: 17px;
font-weight: 600;
}
.product-grid .price span {
color: #e2641b;
font-size: 13px;
font-weight: 400;
text-decoration: line-through;
}
@media screen and (max-width: 990px) {
.product-grid {
margin-bottom: 30px;
}
}
.product-cart-tabs.nav-tabs > li a {
font-size: 12px;
}
.product-cart-tabs.nav-tabs > li.long-title a {
font-size: 10px;
}
.products-category {
margin-bottom: 0.5rem;
}
.average-rating span {
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.write-review {
text-transform: uppercase;
color: #222;
font-size: 11px;
letter-spacing: 0.02em;
border-bottom: solid 1px #222;
text-decoration: none;
line-height: 1.3;
}
.write-review:hover {
text-decoration: none;
color: #222;
}
.write-a-review {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 15px;
}
.write-a-review-rating {
color: #d3d3d3;
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}
.write-a-review-rating .fa-star {
color: #25282b;
}
.write-a-review-rating.selected .fa-star {
color: gold;
}
.review {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 24px;
padding-top: 24px;
}
.review-title {
margin-top: 0.5rem;
margin-bottom: 0.25rem;
}
.review-info {
opacity: 0.7;
margin-bottom: 0.5rem;
}
.review-content {
font-size: 13px;
}
.shipping-rates .shipping-rate {
padding: 10px;
margin-bottom: 5px;
border-radius: 0.2rem;
background: rgba(255, 255, 255, 0.9);
border: 1px dashed rgba(0, 0, 0, 0.1);
margin-bottom: 6px;
opacity: 80%;
cursor: pointer;
}
.shipping-rates .shipping-rate .shipping-rate-heading {
display: flex;
align-items: center;
justify-content: space-between;
}
.shipping-rates .shipping-rate .shipping-rate-heading h6 {
font-size: 1rem;
font-weight: 600;
color: black;
margin: 0;
}
.shipping-rates .shipping-rate .shipping-rate-heading .price {
color: #EC925D;
}
.shipping-rates .shipping-rate p {
font-size: 0.9rem;
font-weight: 500;
color: #416D3D;
margin: 0.25em 0 0 0;
}
.shipping-rates .shipping-rate p span {
display: block;
}
.shipping-rates .shipping-rate.selected {
opacity: 100%;
box-shadow: rgba(0, 0, 0, 0.1) 0 5px 10px;
background-color: #3379b7;
}
.shipping-rates .shipping-rate.selected h6, .shipping-rates .shipping-rate.selected p, .shipping-rates .shipping-rate.selected .price {
color: white;
}
.tab-content.tab-white > .tab-pane {
background: #fff;
padding: 30px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.cart-header {
padding: 0;
border-bottom: 1px solid #ddd;
background: #fff;
}
.checkout-summary {
padding: 3rem 2rem 6rem;
}
@media (max-width: 650px) {
.checkout-summary {
padding: 2rem 15px;
}
}
.checkout-summary .checkout-summary-container {
float: right;
width: 833px;
max-width: 100%;
}
.checkout-summary h3 {
font-family: "Nunito Sans", sans-serif;
color: #416D3D;
font-weight: 700;
letter-spacing: 0.01rem;
font-size: 2rem;
}
.cart-aside {
background: #fafafa;
border-left: 1px solid #ddd;
padding: 4rem 2rem;
}
@media (max-width: 650px) {
.cart-aside {
padding: 2rem 15px;
}
}
.cart-aside .cart-aside-container {
float: left;
width: 466px;
max-width: 100%;
}
.cart-aside h3 {
font-family: "Nunito Sans", sans-serif;
color: #416D3D;
font-weight: 700;
letter-spacing: 0.01rem;
font-size: 2rem;
}
.cart-logo {
width: 150px;
max-width: 100%;
}
.business-title {
font-size: 1.2rem !important;
}
.test-order {
margin-bottom: 3%;
}
.test-order.preview {
background-color: #efefef70;
padding: 3% 6%;
}
.cart-aside-container table {
box-shadow: none;
}
.mini-cart, .mini-cart-items {
border-bottom: 1px dashed #a0a0a0;
margin-bottom: 3%;
}
.mini-cart td, .mini-cart th, .mini-cart-items td, .mini-cart-items th {
padding: 0 !important;
}
.mini-cart .mini-cart-item div.item-image, .mini-cart-items .mini-cart-item div.item-image {
background-color: #efefef;
}
.mini-cart .mini-cart-item .item-image, .mini-cart-items .mini-cart-item .item-image {
max-width: 60px;
width: 100px;
aspect-ratio: 1;
border-radius: 6px;
overflow: hidden;
}
.mini-cart .mini-cart-item .item-image img, .mini-cart-items .mini-cart-item .item-image img {
max-width: 60px;
}
.mini-cart .item-details, .mini-cart-items .item-details {
padding-left: 10px;
padding-right: 10px;
}
.mini-cart .item-details h5, .mini-cart-items .item-details h5 {
line-height: 0.5;
font-size: 16px;
}
.mini-cart .item-totals ul, .mini-cart-items .item-totals ul {
margin: 1em 0 0.75em 0;
list-style: none;
}
.mini-cart .item-totals ul li, .mini-cart-items .item-totals ul li {
font-size: 14px;
}
.cart-item {
padding: 10px 0;
border-bottom: 1px solid #dfdfdf;
}
.cart-item .product-title {
margin-bottom: 0;
font-size: 1.4rem;
}
.cart-item .product-title .org-title {
font-size: 1.3rem;
font-weight: 400;
}
.cart-item .cart-item-img {
border-radius: 5px;
border: 1px solid #dfdfdf;
float: left;
width: 140px;
margin-right: 50px;
}
.cart-item h4 {
font-family: "Nunito Sans", sans-serif;
color: #416D3D;
font-weight: 700;
}
.cart-item .label-danger {
background: #EC925D;
border: #e2641b;
}
.cart-headings {
padding: 15px 0;
border-bottom: 1px solid #dfdfdf;
}
.cart-headings .cart-label {
text-transform: uppercase;
font-weight: 600;
font-family: "Nunito Sans", sans-serif;
letter-spacing: 1px;
color: rgba(65, 109, 61, 0.65);
}
@media screen and (max-width: 768px) {
.cart-headings {
display: none;
}
}
.cart-header-link {
color: #416D3D;
text-decoration: none !important;
transition: all 0.2s ease-in-out;
}
.cart-header-link .fa {
color: #EC925D;
}
.cart-header-link:hover {
text-decoration: none;
color: #EC925D;
}
.checkout-summary {
order: 1;
}
@media screen and (max-width: 767px) {
.checkout-summary {
order: 2;
}
}
.cart-aside {
position: relative;
order: 2;
}
.cart-aside .cart-aside-container {
position: sticky;
top: 20px;
}
@media screen and (max-width: 767px) {
.cart-aside {
order: 1;
}
}
@media screen and (max-width: 650px) {
.cart.padded {
padding-top: 70px !important;
}
}
.wizard-wrapper {
margin-top: 40px;
margin-bottom: 40px;
background-color: #fafbfa;
position: relative;
}
.wizard {
background-color: #fff;
border: 1px solid #F4F4F4;
font-size: 14px;
margin-top: 25px;
}
.wizard-step.panel {
margin-bottom: 0px !important;
}
.wizard-step {
border-top: 1px solid #f2f2f2;
color: #EC925D;
font-size: 14px;
padding: 8px 12px;
position: relative;
}
.wizard-step-number {
border-radius: 50%;
border: 1px solid #416D3D;
color: #416D3D;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 32px;
margin-right: 26px;
padding: 6px;
text-align: center;
width: 32px;
line-height: 16px;
}
.wizard-step-number.checked {
background: #EC925D;
color: #fff;
border-color: #EC925D;
}
.wizard-step-title {
font-size: 18px;
font-weight: 500;
vertical-align: middle;
display: inline-block;
margin: 0px;
}
.wizard-step-body {
padding-left: 60px;
padding-top: 15px;
padding-bottom: 15px;
}
.wizard-step-body h1, .wizard-step-body h2, .wizard-step-body h3, .wizard-step-body h4, .wizard-step-body h5 {
margin-top: 0;
color: #416D3D;
font-weight: 700;
font-family: "Nunito Sans", sans-serif;
}
.wizard-step-body p {
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 2em;
color: #3B3A3C;
}
@media (max-width: 991px) {
.wizard-step-body p {
font-size: 1.15rem;
line-height: 1.8;
margin-bottom: 1em;
}
}
@media (max-width: 767px) {
.wizard-step-body p {
line-height: 1.6;
font-size: 1rem;
}
}
.wizard-step-body p big, .wizard-step-body p .lead {
font-size: 1.2em;
}
.wizard-step-body p strong, .wizard-step-body p b {
font-weight: 600;
}
@media screen and (max-width: 768px) {
.wizard-step-body {
padding: 15px !important;
}
}
.wizard-step-active {
display: block;
}
.wizard-step-disabled {
display: none;
}
.login-phone:after {
content: "+91 - ";
font-size: 14px;
left: 36px;
}
.login-phone:before {
content: "";
font-style: normal;
color: #3B3A3C;
font-size: 18px;
left: 12px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.plans {
opacity: 0.5;
pointer-events: none;
user-select: none;
}
.plans.active {
opacity: 1;
pointer-events: all;
user-select: auto;
}
.plan {
padding: 30px 15px;
text-align: center;
position: relative;
overflow: hidden;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
transition: transform 0.2s;
}
.plan h3 {
color: #fff;
font-size: 1.8rem;
margin-top: 0;
text-transform: uppercase;
padding: 0px 15px;
margin-bottom: 10px;
}
.plan .icon {
height: 50px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
filter: brightness(0) invert(1);
}
.plan .price {
color: #fff;
font-size: 1.8rem;
margin-top: 0;
}
.plan .price span {
font-size: 1.3rem;
text-transform: uppercase;
}
.plan .description {
font-size: 1rem;
line-height: 1.15rem;
color: #fff;
margin-bottom: 15px;
min-height: 76px;
}
.plan .btn.btn-default {
border-radius: 100px;
border: none;
text-transform: none;
padding: 8px 24px;
}
.plan.current {
/* pointer-events: none; */
}
.plan:hover {
transform: scale(1.05, 1.05);
}
.plan.featured {
transform: scale(1, 1.1);
}
.plan.featured:hover {
transform: scale(1.05, 1.15);
}
.plan.featured::before {
position: absolute;
top: 0px;
left: 0;
z-index: 1;
width: 150px;
/* Adjust width for ribbon text */
height: 30px;
/* Adjust height for ribbon size */
background: #7030a0;
color: white;
text-align: center;
line-height: 30px;
/* Align text vertically */
font-size: 12px;
font-weight: bold;
transform: rotate(-45deg) translate(-28%, -25px);
transform-origin: center;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
font-family: "Font Awesome 5 Free";
content: "";
}
.plan.current::before {
position: absolute;
top: 0px;
left: 0;
z-index: 1;
width: 150px;
/* Adjust width for ribbon text */
height: 30px;
/* Adjust height for ribbon size */
background: rgba(255, 255, 255, 0.3);
color: white;
text-align: center;
line-height: 30px;
/* Align text vertically */
font-size: 12px;
font-weight: bold;
transform: rotate(-45deg) translate(-28%, -25px);
transform-origin: center;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
content: "CURRENT";
}
.billing-modals .modal-header h4 {
color: #fff;
}
.billing-modals .modal-content .description {
font-size: 1rem;
}
.user-content, .user-details {
overflow: hidden;
}
.user-content img, .user-details img {
width: 30%;
height: auto;
float: left;
clear: both;
margin-right: 15px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.user-content img, .user-details img {
width: 100%;
float: none;
}
}
.user-content h1, .user-details h1 {
font-size: 1.7rem;
}
.user-content h2, .user-details h2 {
font-size: 1.6rem;
}
.user-content h3, .user-details h3 {
font-size: 1.5rem;
}
.user-content h4, .user-details h4 {
font-size: 1.4rem;
}
.user-content h5, .user-details h5 {
font-size: 1.3rem;
}
.user-content h6, .user-details h6 {
font-size: 1.2rem;
}
.user-details * {
font-style: italic;
font-size: 1rem;
}
.noNameBox {
display: block;
position: fixed;
width: 350px;
padding: 1.5rem;
bottom: -100%;
right: 1rem;
z-index: 100;
background: #f1f1f1;
border: 1px #e2e2e2 solid;
transition: all 0.6s;
}
.noNameBox.visible {
bottom: 0;
}
.pagination > li > a {
font-size: 1.15rem;
color: #3B3A3C;
border: none;
height: 2em;
text-align: center;
font-weight: 100;
}
.pagination > li > a:hover, .pagination > li > a:focus {
background: transparent;
color: #3B3A3C;
}
.pagination > li.active > a {
background: #3B3A3C;
border-radius: 50%;
margin: 0 0.5em;
font-weight: 400;
}
.pagination > li.active > a:hover, .pagination > li.active > a:focus {
background: #3B3A3C;
}
.pagination > li:last-child > a, .pagination > li:first-child > a {
border-radius: 0;
}
.search .searchbar {
margin: 15px 0;
padding: 10px;
height: 60px;
background-color: #EC925D;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.search .searchbar:hover > .search_input {
padding: 0 10px;
width: 300px;
max-width: 100%;
caret-color: #EC925D;
transition: width 0.4s ease-in-out;
}
.search .searchbar:hover > .search_icon {
background-color: #FFFFFF;
color: #EC925D;
}
.search .searchbar .search_input {
flex-grow: 1;
width: 0;
color: #FFFFFF;
border: 0;
outline: 0;
background: none;
caret-color: transparent;
line-height: 40px;
transition: width 0.4s ease-in-out;
}
.search .searchbar .search_input::placeholder {
color: #FFFFFF;
}
.search .searchbar .search_icon {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #FFFFFF;
text-decoration: none;
flex-shrink: 0;
}
.hidden-iphone {
display: block;
}
.visible-iphone {
display: none;
}
@media screen and (max-width: 550px) {
.hidden-iphone {
display: none;
}
.visible-iphone {
display: block;
}
}
@media screen and (min-width: 1800px) {
.background-video iframe {
width: 100vw;
transform: Scale(1.25);
}
}
html.layout-auth, body.layout-auth {
height: 100%;
/* Left side (Form) - Full screen on mobile */
/* Right section: Background image (Hidden on mobile) */
}
html.layout-auth .form-container, body.layout-auth .form-container {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
/* Make form section fill entire screen */
}
html.layout-auth .form-box, body.layout-auth .form-box {
width: 80%;
max-width: 400px;
padding: 20px;
}
html.layout-auth .form-box h1, body.layout-auth .form-box h1 {
font-size: 2.1rem;
}
html.layout-auth .form-box p, body.layout-auth .form-box p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
html.layout-auth .form-box .form-group, body.layout-auth .form-box .form-group {
margin-bottom: 0.25em;
}
html.layout-auth .image-container, body.layout-auth .image-container {
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
/* Ensure the image fills the space */
}
html.layout-auth .image-container .image-bg, body.layout-auth .image-container .image-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
/* Ensures the image scales properly */
z-index: -1;
}
html.layout-auth .image-container .overlay, body.layout-auth .image-container .overlay {
background: rgba(0, 0, 0, 0.6);
color: white;
text-align: center;
padding: 40px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
html.layout-auth .image-container .logo, body.layout-auth .image-container .logo {
width: 300px;
margin-bottom: 20px;
}
/*# sourceMappingURL=/themes/base/css/sources/style.map */