/*
Theme Name: Divi - weCreate Child Theme
Description: A child theme to house custom coding which modifies the
Divi parent theme by Elegant Themes. Includes default line
numbers where the code was taken from in the parent theme.
Author: weCreate Website Design & Marketing
Author URI: https://www.wecreate.com/
Template: Divi
Version: 1.0
*/
/*
Use "Find/Search" feature to skip ahead to the section you need to ammend or edit
-------------------------------------------------------------------------------------
Contents
- General
- Scrollbars
- Navigation
- Global Buttons
- Forms
- Testimonials
- Homepage Elements
- Internal Pages
- Post Archives
- Single Post Page
- Search/Career Archives
- Single Career Post Page
- Miscellaneous
- Footer Area
- Media Queries
/*
-------------------------------------------------------------------------------------
/************************************************************************************
*
* General
*
***********************************************************************************/
.site-logo {
display: inline-block;
width: 100%;
}
.site-logo img {
max-height: 150px;
height: 100%;
width: 100%;
}
h1, h2,
.large-header, .medium-header {
text-transform: lowercase;
}
:is(h1, h2, .large-header, .medium-header) strong {
color: #C1778C;
font-weight: inherit;
}
.subheader {
color: var(--clr-iron);
margin-bottom: 10px;
}
.subheader a {
color: var(--clr-clay);
}
.subheader a:is(:hover, :focus) {
color: var(--clr-iron);
}
:is(h1, h2, h3, h4):last-child {
padding-bottom: 0;
}
body > svg {
display: none;
left: -99999px;
overflow: hidden;
position: absolute;
visibility: hidden;
}
p:empty {
display: none;
}
p > a:not(.btn) {
color: #c1778c;
font-weight: bold;
}
a, a::before, a::after,
.transition, .transition *,
button, input, textarea, select {
transition: all .2s ease 0s;
}
:is(p, ul, ol) + :is(h2, h3, h4),
p:last-of-type + :is(ul, ol) {
padding-top: 25px;
}
:is(table, p:last-of-type, .btn-container) + :is(p, h2, h3, h4) {
padding-top: 40px;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) :where(ul, ol) {
list-style-position: outside;
list-style-type: disc;
padding: 0 0 1em 1em;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) ol {
list-style-type: decimal;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) :where(ul, ol):last-child {
padding-bottom: 0;
}
:is(.et_pb_text.et_pb_text_align_center, .et_pb_text.mobile-centered) :where(ul, ol) {
list-style-position: inside;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) li {
margin-bottom: 15px;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) li:last-of-type {
margin-bottom: 0;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) li::marker {
color: var(--accent-primary);
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) li ul {
list-style-type: circle;
padding-bottom: 0;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) li ol {
list-style-type: lower-alpha;
padding-bottom: 0;
}
:where(.et_pb_text, .et_pb_toggle, #single-post-content) li :where(ul, ol) li {
font-size: inherit;
}
::selection {
background: #2b87da; /* WebKit/Blink Browsers */
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}
::-moz-selection {
background: #2b87da; /* Gecko Browsers */
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}
.layouts-content img {
margin-bottom: 0;
}
#et-main-area.layouts-content {
margin-top: 0;
}
.divider-line {
background-color: #333333;
height: 2px;
margin: 15px auto 25px;
width: 75px;
}
.hidden-label,
#category-selection {
position: relative;
}
.hidden-label label,
.hidden-item {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.circle {
border-radius: 50%;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.circle::before {
content: "";
display: block;
padding-bottom: 100%;
}
.circle *,
#et-boc .et-l .circle.et_pb_image .et_pb_image_wrap,
.et-db #et-boc .et-l .circle.et_pb_image .et_pb_image_wrap img {
display: block;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.et_pb_bg_layout_dark,
.et_pb_bg_layout_dark :is(p, li, h1, h2, h3, h4, h5),
.et_pb_bg_layout_dark :is(p, li, h1, h2, h3, h4, h5) a {
color: #ffffff;
}
.et_pb_bg_layout_dark .divider-line {
background-color: #ffffff;
}
.mobile-centered,
.et_pb_module.et_pb_text_align_left.mobile-centered,
.et_pb_module.et_pb_text_align_right.mobile-centered,
.et_pb_text_align_center {
text-align: center;
}
#lightbox {
z-index: 100000;
}
#lightboxOverlay {
z-index: 99999;
}
.equal-hgt-img {
position: relative;
}
.equal-hgt-img::after {
content: "";
display: block;
padding-bottom: 56.25%;
}
.equal-hgt-img img,
.equal-hgt-img.et_pb_image .et_pb_image_wrap {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.clear {
clear: both;
}
/************************************************************************************
*
* Images
*
***********************************************************************************/
.et_pb_image.rounded {
border-radius: 38px !important;
overflow: hidden;
}
.et_pb_image.square img {
aspect-ratio: 1;
object-fit: cover;
}
.et_pb_image.fade-bottom .et_pb_image_wrap,
.et_pb_image.fade-bottom .et_pb_image_wrap img {
width: 100%;
}
/************************************************************************************
*
* Scrollbars
*
***********************************************************************************/
/* ---- Webkit Scrollbar ---- */
::-webkit-scrollbar {
width: auto;
}
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border: 2px solid #f1f1f1;
}
::-webkit-scrollbar-thumb:hover {
background-color: #d5d4d4;
}
::-webkit-scrollbar-corner {
background-color: #222222;
}
::-webkit-scrollbar-button:single-button {
background-color: #f1f1f1;
background-repeat: no-repeat;
background-size: 10px;
display: block;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url("data:image/svg+xml;utf8,");
background-position: center 7px;
background-size: 7px auto;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url("data:image/svg+xml;utf8,");
background-position: center 6px;
background-size: 7px auto;
}
/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
background-image: url("data:image/svg+xml;utf8,");
background-position: 7px center;
background-size: 7px auto;
}
/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
background-image: url("data:image/svg+xml;utf8,");
background-position: 6px center;
background-size: 7px auto;
}
/* ---- Firefox Scrollbar ---- */
* {
scrollbar-width: auto;
scrollbar-color: #c1c1c1 #f1f1f1;
}
/************************************************************************************
*
* Navigation
*
***********************************************************************************/
body #page-container header {
position: fixed;
top: 0!important;
width: 100%;
z-index: 30;
}
.header-wrapper,
#nav-menu-wrapper #menu-top-header-menu {
display: flex;
}
.header-wrapper {
justify-content: space-between;
}
.header-wrapper #nav-menu-wrapper,
#nav-menu .menu {
align-self: center;
}
#main-header #topbar,
#main-header #primary-navigation {
padding: 0;
}
body:not(.logged-in) .hide-if-logged-out,
body.logged-in .hide-if-logged-in {
display: none!important;
}
.hidden-item {
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.header-item .display-mobile {
display: inline-block;
}
.header-item .display-desktop {
display: none;
}
.btn.full {
display: block;
width: 100%;
}
/* Main Header */
#main-header {
background-color: #ffffff;
border: none;
-webkit-box-shadow: 0px 3px 12px #0000001a;
box-shadow: 0px 3px 12px #0000001a;
position: fixed;
width: 100%;
}
#main-header,
#main-header .et_pb_row {
padding: 0!important;
max-width: none!important;
width: 100%!important;
}
#main-header:before {
top: 0;
}
#main-header:after {
bottom: 0;
}
#topbar {
margin-bottom: 0!important;
}
/* Top Header */
#topbar {
align-items: center;
display: none;
justify-content: center;
text-align: center;
}
#main-header #topbar .header-wrapper {
padding: 12px 30px;
}
body.logged-in #topbar .header-item .widget_nav_menu {
display: block;
width: 100%;
}
#topbar .menu {
list-style: none;
}
#topbar .menu li {
display: inline-block;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
position: relative;
}
#topbar .menu li:after {
color: #ffffff;
content: '|';
position: absolute;
font-size: 0.75rem;
right: -6px;
top: -2px;
z-index: 10;
}
#topbar .menu li:last-of-type,
#topbar .menu li.hide-if-logged-in:nth-of-type(2) {
margin-right: 0;
padding-right: 0;
}
#topbar .menu li:last-of-type::after,
#topbar .menu li.hide-if-logged-in:nth-of-type(2)::after {
display: none;
}
#topbar .menu li a {
display: block;
}
#topbar .menu li.fal {
font-size: 1rem;
}
#topbar .header-wrapper {
align-items: center;
}
.logged-in #main-header .menu li.user-login,
body:not(.logged-in) #main-header .menu li.user-mgmt {
display: none
}
#menu-account-links {
padding: 0;
}
#menu-account-links a {
}
#topbar .menu li a:is(:hover, :focus) {
color: var(--clr-clay);
}
/* Primary Navigation */
#main-header #primary-navigation .header-wrapper {
padding: 0 20px;
}
/* Nav Logo */
#nav-logo {
margin-right: 30px;
padding: 15px 0;
/* width: 90%; */
}
#nav-logo a {
display: inline-flex;
}
#nav-logo a:hover,
#nav-logo a:focus {
opacity: 0.7;
}
#nav-logo img {
height: 100px;
max-height: 100px;
width: 100%;
}
/* Nav CTA */
#nav-cta {
display: none;
}
/* Nav Menu */
#nav-menu {
background-color: #ffffff;
border-bottom: 5px solid #000000;
border-top: 5px solid #000000;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: 100%;
opacity: 0;
overflow-y: scroll;
padding: 0;
position: absolute;
top: 100%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 100%;
z-index: 90000000;
}
#nav-menu.open,
#nav-menu li.menu-item-has-children.et-show-dropdown > .sub-menu {
opacity: 1;
visibility: visible;
}
#nav-menu.open {
left: 0;
}
#nav-menu > div {
border-bottom: solid 1px #000000;
padding: 20px;
}
#nav-menu > div:last-of-type {
border-bottom: none;
}
#nav-menu .menu {
justify-content: center;
padding: 0;
}
#nav-menu .et_pb_widget {
margin: 0;
width: 100%;
}
#nav-menu li {
border-bottom: solid 1px var(--clr-wheat3);
display: block;
margin: 0;
padding: 0;
}
#nav-menu li:last-of-type {
border-bottom: 0;
}
#nav-menu li a,
.header-item #secondary-nav ul.menu,
.header-item #welcome-msg {
font-family: var(--fnt-heading);
font-size: 0.875rem;
letter-spacing: 1.08px;
line-height: 1;
text-transform: lowercase;
}
.header-item,
.header-item #secondary-nav ul.menu,
.header-item #welcome-msg {
font-family: var(--fnt-body);
font-size: 1rem;
font-weight: 400;
line-height: 1;
text-transform: none;
}
#nav-menu li a {
background-color: transparent;
border-radius: 23px;
color: var(--clr-off-black);
display: block;
font-weight: bold;
margin: 5px 0;
padding: 10px;
}
#nav-menu li a:is(:hover, :focus) {
background: var(--clr-accent-medium);
color: #ffffff;
}
#nav-menu li a,
#nav-menu li.menu-item-has-children {
position: relative;
}
#nav-menu li a:hover,
#nav-menu li a:focus {
color: #2ea3f2;
}
#nav-menu li.menu-item-has-children > a:first-child:after,
#main-header.et-fixed-header #nav-menu li.menu-item-has-children > a:first-child:after {
content: "3";
font-family: 'ETmodules';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
#nav-menu .sub-menu {
border-top: solid 1px transparent;
max-height: 0;
opacity: 0;
padding: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
}
#nav-menu li.menu-item-has-children.et-show-dropdown > .sub-menu {
background-color: #f7f7f7;
border-color: #CBCBCB;
max-height: 500px;
padding: 5px 0;
}
#nav-menu .sub-menu li {
padding: 0;
}
#nav-menu .sub-menu li a {
padding: 10px;
width: auto;
}
#nav-menu .sub-menu li:nth-of-type(2) a {
margin-top: 0;
}
#nav-menu .sub-menu li:last-of-type a {
margin-bottom: 0;
}
#nav-menu li.close-submenu {
background: #f7f7f7;
border-left: solid 1px #CBCBCB;
border-right: solid 1px #CBCBCB;
height: 45px;
letter-spacing: 0;
overflow: hidden;
position: absolute;
right: 0;
top: -5px;
z-index: 10;
}
#nav-menu li.close-submenu a {
color: transparent!important;
height: 45px;
margin: 0!important;
padding: 16px!important;
width: 45px;
}
#nav-menu li li.close-submenu a:after {
color: #b92525!important;
content: '\4d';
font-family: 'ETmodules';
font-size: 45px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
/* Mobile Menu Toggle */
#mobile-nav-icon {
align-self: center;
cursor: pointer;
display: block;
height: 22px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
width: 30px;
}
#mobile-nav-icon span:not(.hidden-item){
background-color: var(--clr-iron);
border-radius: 9px;
display: block;
height: 3px;
left: 0;
opacity: 1;
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
width: 100%;
}
#mobile-nav-icon span:nth-child(1) {
top: 0px;
}
#mobile-nav-icon span:nth-child(2), #mobile-nav-icon span:nth-child(3) {
background-color: var(--clr-iron);
top: 10px;
}
#mobile-nav-icon span:nth-child(4) {
top: 20px;
}
#mobile-nav-icon.open span:nth-child(1) {
left: 50%;
top: 15px;
width: 0%;
}
#mobile-nav-icon.open span:nth-child(2), #mobile-nav-icon.open span:nth-child(3){
background-color: var(--clr-clay);
}
#mobile-nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#mobile-nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#mobile-nav-icon.open span:nth-child(4) {
left: 50%;
top: 15px;
width: 0%;
}
/************************************************************************************
*
* Global Buttons
*
***********************************************************************************/
.btn-container {
margin-top: 15px;
}
:is(h1, h2, h3, h4) + .btn-container {
margin-top: 0;
}
.btn, input[type="submit"], button, .gform_wrapper .gform_footer input.gform_button, a.more-link, .pagination a, .form-submit .et_pb_button, .wpv-filter-next-link, .wpv-filter-previous-link, .woocommerce :is(.woocommerce-info, .woocommerce-message) a, .woocommerce :is(.button, #submit) {
background-color: transparent;
border: 1px solid transparent;
border-radius: 36px;
cursor: pointer;
display: block;
font-family: var(--fnt-heading);
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 1em!important;
padding: 15px 35px;
text-align: center;
text-decoration: none;
text-transform: lowercase;
white-space: normal;
}
.dark.btn, input[type="submit"], button, .gform_wrapper .gform_footer input.gform_button, a.more-link, .pagination a, .form-submit .et_pb_button, .wpv-filter-next-link, .wpv-filter-previous-link, .divi_events .amelia-app-booking #amelia-booking-wrap #am-event-calendar-page.am-wrap .am-event__btn-gray, .woocommerce :is(.woocommerce-info, .woocommerce-message) a, .woocommerce :is(.button, #submit) {
background-color: var(--clr-accent-medium);
color: var(--clr-off-black);
}
.light.btn,
.iron.btn:is(:hover, :focus),
.et_pb_bg_layout_dark .dark.btn:is(:hover, :focus) {
background-color: var(--clr-accent-light);
color: var(--clr-off-black);
}
.dark.btn:is(:hover, :focus),
.light.btn:is(:hover, :focus),
input[type="submit"]:is(:hover, :focus),
button:is(:hover, :focus),
.gform_wrapper .gform_footer input.gform_button:is(:hover, :focus),
a.more-link:is(:hover, :focus)
.pagination a:is(:hover, :focus),
.form-submit .et_pb_button:is(:hover, :focus),
.wpv-filter-next-link:is(:hover, :focus),
.wpv-filter-previous-link:is(:hover, :focus),
.light.btn:is(:hover, :focus),
.iron.btn,
.divi_events .amelia-app-booking #amelia-booking-wrap #am-event-calendar-page.am-wrap .am-event__btn-gray:is(:hover, :focus),
.black.btn {
background-color: var(--clr-off-black);
color: #ffffff;
}
:is(.divi_events.amelia-app-booking #amelia-booking-wrap, #am-modal.am-modal.am-in-body) .el-button--primary.el-button {
background-color: #EDB0C1!important;
border-color: #EDB0C1!important;
}
:is(.divi_events.amelia-app-booking #amelia-booking-wrap, #am-modal.am-modal.am-in-body) .el-button--primary.el-button:is(:hover, :focus) {
background-color: #424342!important;
border-color: #424342!important;
}
:is(.divi_events.amelia-app-booking #amelia-booking-wrap, #am-modal.am-modal.am-in-body) .el-button--primary.el-button:is(:hover, :focus) span {
color: #ffffff!important;
}
.left.btn {
margin: 0 0 10px 0;
}
.full-width-btn.btn {
width: 100%
}
body #page-container .et_pb_section .et_pb_button {
line-height: 1!important;
}
/************************************************************************************
*
* Forms
*
***********************************************************************************/
::placeholder { /* Non-Standard Placeholder Fix for Firefox, Chrome, and Safari */
color: #ffffff;
opacity: 1; /* For Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ffffff;
}
::-webkit-input-placeholder {
color: #ffffff;
}
.hidden_label label {
display: none!important;
}
.gfield_label.gform-field-label:before {
background-color: #ecede4;
content: '';
height: 2px;
margin: 4px 0 0 25px;
order: 3;
width: 100%;
}
/* Gravity Form Error Message Styles */
.gform_wrapper.gravity-theme .gform_validation_errors {
border: solid 1px #c02b0a;
border-radius: 10px;
box-shadow: none;
margin: 0 0 25px;
text-align: left;
}
.gform_wrapper.gravity-theme .gform_validation_errors,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
background-color: #fff9f9;
border: solid 1px #c02b0a;
color: #c02b0a;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
color: #c02b0a;
font-weight: bold;
font-size: 1rem;
padding: 0;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
border: none;
border-bottom: solid 1px #e1e1e1;
}
body .gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: 10px;
grid-row-gap: 15px;
}
/* Gravity Form Required Field Styles */
.gform_required_legend,
.gform_wrapper span.gfield_required{
display: none!important;
}
.gform_wrapper .gfield_contains_required label.gfield_label:after,
.gform_wrapper.gravity-theme .gfield_contains_required .gfield_label:after,
.gform_wrapper.gravity-theme .gfield_contains_required .ginput_complex label:after,
.gform_wrapper.gravity-theme .gfield_contains_required .ginput_complex legend:after {
color: #c02b0a;
font-size: 1rem;
line-height: 0;
padding-left: 5px;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"],
.gform_wrapper li.hidden_label input,
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
.gform_wrapper.gravity-theme .ginput_container_address {
margin: 0;
}
/* Gravity Form Label and Description Styles */
.gform_wrapper label.gfield_label,
.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend,
.gform_wrapper.gravity-theme .gfield_header_item,
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction,
.gform_wrapper.gravity-theme .description p,
.gform_wrapper.gravity-theme .gfield_description p,
.gform_wrapper.gravity-theme .gsection_description p,
.gform_wrapper.gravity-theme .instruction p,
.gform_wrapper.gravity-theme .gform_fileupload_rules {
color: var(--clr-iron);
font-family: Open Sans ,Arial, sans-serif;
font-size: 0.75rem;
font-weight: 600;
line-height: 1;
}
.gform_wrapper.gravity-theme .gform_fields label.gfield_label, .gform_wrapper.gravity-theme .gform_fields .gfield_label, .gform_wrapper.gravity-theme .gform_fields .ginput_complex label, .gform_wrapper.gravity-theme .gform_fields .ginput_complex legend, .gform_wrapper.gravity-theme .gform_fields .gfield_header_item {
font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
font-weight: 700;
font-size: 28px;
align-items: center;
display: flex;
color: #424342!important;
justify-content: space-between;
letter-spacing: -2px;
margin-bottom: 15px;
padding: 0;
position: relative;
text-align: left;
text-transform: uppercase;
}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .field_description_above .gfield_description,
.gform_wrapper.gravity-theme .instruction {
background-color: #ffffff;
border: solid 1px #e1e1e1;
border-radius: 10px;
padding: 12px;
margin-top: 12px!important;
}
.gform_wrapper.gravity-theme fieldset.gfield_error .validation_message {
margin-bottom: -13px;
}
.gform_wrapper.gravity-theme .description p,
.gform_wrapper.gravity-theme .gfield_description p,
.gform_wrapper.gravity-theme .gsection_description p,
.gform_wrapper.gravity-theme .instruction p {
padding-bottom: 10px;
}
.gform_wrapper.gravity-theme .gfield h2,
.gform_wrapper.gravity-theme .gfield h3,
.gform_wrapper.gravity-theme .gfield h4,
.gform_wrapper.gravity-theme .gfield h5,
.gform_wrapper.gravity-theme .description p:last-of-type,
.gform_wrapper.gravity-theme .gfield_description p:last-of-type,
.gform_wrapper.gravity-theme .gsection_description p:last-of-type,
.gform_wrapper.gravity-theme .instruction p:last-of-type {
padding-bottom: 0;
}
.gform_wrapper.gravity-theme .gfield h2,
.gform_wrapper.gravity-theme .gfield h3,
.gform_wrapper.gravity-theme .gfield h4,
.gform_wrapper.gravity-theme .gfield h5,
.et_pb_bg_layout_dark .gform_wrapper.gravity-theme .description strong,
.et_pb_bg_layout_dark .gform_wrapper.gravity-theme .gfield_description strong {
color: #EE8712!important;
}
.gform_wrapper.gravity-theme legend.gfield_label + .gfield_description {
margin-top: 0!important;
}
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 1.2px;
}
.gfield_checkbox .gchoice label {
cursor: pointer;
margin-left: 0;
pointer-events: none;
z-index: 2;
}
.newsletter-form_wrapper.gform_wrapper .gform_footer.top_label {
display: block;
margin: 0;
padding: 0;
}
.gform_wrapper.gravity-theme legend.gfield_label {
color: #000000;
font-size: 1.25rem;
margin-bottom: 25px
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"],
.gform_wrapper .top_label div.ginput_container, .ui-datepicker,
.gform_wrapper ul li.field_description_below div.ginput_container_radio,
.gform_wrapper ul li.field_description_below div.ginput_container_checkbox,
.gform_wrapper ul.gfield_radio, .gform_wrapper ul.gfield_checkbox {
margin-top: 0;
}
.gform_wrapper ul li.gfield {
margin-top: 15px;
}
.gform_wrapper ul.gform_fields > li.gfield:not(.gf_left_half) {
padding-right: 0;
}
.gform_wrapper .ginput_container span:not(.ginput_price).name_first,
.form-group.field-pair > div:first-of-type {
margin-bottom: 25px;
}
.gform_wrapper .ginput_container_address span:last-of-type input[type="text"],
.gform_wrapper.gravity-theme .ginput_complex span:last-of-type,
.gform_wrapper.gravity-theme .gfield_list_header,
.gform_wrapper.gravity-theme .instruction {
margin-bottom: 0;
}
.gform_wrapper ul.gform_fields li.gfield.gsection {
margin: 25px 0;
padding: 15px 0 5px;
}
.gform_wrapper.gravity-theme .ginput_complex span {
flex: none;
}
.gform_wrapper.gravity-theme .ginput_complex .gf_clear {
position: absolute;
}
.gform_wrapper.gravity-theme .ginput_complex.gf_name_has_2 > span,
.gform_wrapper.gravity-theme .ginput_complex.gf_name_has_3 > span,
.gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email > span,
.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address .ginput_left,
.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address .ginput_right,
.gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1,
.gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2,
.gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3,
.gform_wrapper .gfield_visibility_visible {
width: 100%;
}
div.gfield,
div.ginput_complex > span,
.gform_wrapper div.ginput_container.ginput_container_list {
line-height: 1;
transition: all 0.3s ease 0s;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body.layouts-active .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper .ginput_container_multiselect .chosen-container-multi, body.layouts-active .gform_wrapper textarea, .gform_wrapper textarea, .gform_wrapper.gf_browser_gecko select, .gform_wrapper.gf_browser_chrome select, .gform_wrapper select {
appearance: none;
-webkit-appearance: none;
background-color: #f0f0f0;
border: solid 1px #f0f0f0;
border-radius: 16px;
box-shadow: none;
color: #424342;
font-size: 1.125rem;
font-weight: 600;
height: auto;
line-height: 1.25;
padding: 10px;
text-transform: none;
}
.gform_wrapper.gravity-theme .ginput_container_select {
position: relative;
}
.gform_wrapper .ginput_container_select:after {
border-color: #000000 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
content: "";
height: 0;
pointer-events: none;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
width: 0;
}
.gform_wrapper.gravity-theme.gf_browser_chrome select,
.gform_wrapper.gravity-theme.gf_browser_gecko select,
.gform_wrapper select {
color: #ffffff;
cursor: pointer;
padding: 5px 0;
}
.gform_wrapper.gravity-theme.gf_browser_chrome select option,
.gform_wrapper.gravity-theme.gf_browser_gecko select option,
.gform_wrapper select option {
color: #000000;
}
.gform_wrapper.gravity-theme .field_description_above .gfield_description,
.gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)),
.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
margin-bottom: 25px;
}
.gform_wrapper .ginput_container.ginput_container_multiselect .chosen-container.chosen-container-multi ul.chosen-choices li.search-field input[type="text"],
.gform_wrapper.gravity-theme .ginput_container_textarea {
height: auto!important;
line-height: 0;
}
.gform_wrapper textarea,
body.layouts-active .gform_wrapper textarea {
line-height: 1.125;
text-transform: none;
}
.gform_wrapper .ginput_container.ginput_container_multiselect .chosen-container.chosen-container-multi ul.chosen-choices li.search-field input[type="text"] {
color: #000000;
font-size: 1rem;
padding: 30px 20px 25px;
width: 100% !important;
}
.gform_wrapper .ginput_container_multiselect .search-choice {
font-size: .75rem;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.gform_wrapper textarea:focus {
color: #424342;
}
div.gfield:focus-within,
div.ginput_complex > span:focus-within,
.gform_wrapper div.ginput_container.ginput_container_list:focus-within,
div.gfield:focus-within input, div.gfield:focus-within textarea, div.gfield:focus-within select,
div.ginput_complex > span:focus-within input, div.ginput_complex > span:focus-within textarea, div.ginput_complex > span:focus-within select,
.gform_wrapper div.ginput_container.ginput_container_list:focus-within input, .gform_wrapper div.ginput_container.ginput_container_list:focus-within textarea, .gform_wrapper div.ginput_container.ginput_container_list:focus-within select,
#post-search:focus-within, #post-search:focus-within input[type='search'] {
border-color: var(--clr-iron)!important;
}
.gform_wrapper ul.gfield_radio li input[type="radio"],
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {
left: 0;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.gfield_checkbox .gchoice {
align-items: center;
color: #2ea3f2;
cursor: pointer;
display: flex;
font-size: 0.875rem;
font-weight: 600;
height: 60px;
justify-content: center;
letter-spacing: 1.2px;
line-height: 1;
margin: 0 25px 25px 0;
max-width: 100%;
padding: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.gfield_checkbox .gchoice input {
-webkit-appearance: none;
appearance: none;
background-color: #F1F1F1;
border: solid 1px #F1F1F1;
border-radius: 10px;
cursor: pointer;
height: 100%;
left: 0;
margin: 0;
opacity: 1;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
z-index: 1;
}
.gform_wrapper .gchoice:not(:last-of-type) {
margin-bottom: 10px;
}
.gfield_checkbox {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -25px -25px 0;
}
.gfield_checkbox .gchoice:hover input,
.gfield_checkbox .gchoice:focus-within input {
background-color: #1a2247!important;
}
.gfield_checkbox .gchoice:hover label,
.gfield_checkbox .gchoice:focus label {
color: #ffffff!important;
}
.gfield_checkbox .gchoice input[type="checkbox"]:checked {
background-color: #3483e8;
border-color: #3483e8;
}
.gfield_checkbox .gchoice input[type="checkbox"]:checked+label {
color: #ffffff;
}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
background-color: #222222;
border-color: #000000;
color: #EE8712;
margin-bottom: 0;
}
.gform_wrapper .keyboard-outline {
outline:none!important;
}
.gform_wrapper.gravity-theme .gform_save_link.button {
margin: 25px 0 0;
width: 100%;
}
.gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right {
padding-right: 0;
}
body .gform_wrapper.gravity-theme .gform_footer button,
body .gform_wrapper.gravity-theme .gform_footer input,
body .gform_wrapper.gravity-theme .gform_page_footer button,
body .gform_wrapper.gravity-theme .gform_page_footer input {
margin-bottom: 0;
}
.gform_wrapper.gravity-theme .gform_footer.before,
.gform_wrapper.gravity-theme .gform_page_footer.before {
margin: 0;
padding: 20px 0 0;
}
/************************************************************************************
*
* Testimonials
*
***********************************************************************************/
.testimonial-section-flex {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 400px;
width: 100%;
}
.testimonial-section-flex .testimonial-heading {
margin-bottom: 50px;
}
#testimonial-wrapper .slides {
align-items: center;
display: flex;
line-height: 1;
padding: 0;
}
.testimonial-content {
display: block;
padding-bottom: 30px;
position: relative;
}
.testimonial-content p {
display: inline-block;
padding: 0 1rem;
}
.testimonial-body .subheader {
padding: 20px 1rem 0;
}
#testimonial-nav-wrapper {
margin: 50px 0 0!important;
}
#testimonial-navigation {
align-items: center;
display: flex;
justify-content: center;
margin: 0!important;
}
#testimonial-navigation :is(.flex-control-nav, .flex-nav) {
line-height: 1;
list-style: none;
}
#testimonial-navigation .flex-control-nav {
text-align: right;
line-height: 0;
letter-spacing: 0;
}
#testimonial-navigation .flex-control-nav li:not(:last-of-type) {
margin: 0 10px 0 0;
}
/************************************************************************************
*
* Homepage Elements
*
***********************************************************************************/
#homepage-header > .et_pb_row > .et_pb_column:first-of-type {
margin: 0!important;
}
/************************************************************************************
*
* Internal Pages
*
***********************************************************************************/
#page-header,
#call-to-action {
background-color: var(--accent-primary);
background-position: center;
background-size: cover;
}
.post-container {
padding: 50px;
}
.post-container > div,
.post-container > figure {
margin: 0 auto;
max-width: 1280px;
width: 100%;
}
.bottom-image, .top-image {
display: flex;
flex-direction: column;
}
.top-image {
justify-content: start;
}
.bottom-image {
justify-content: flex-end;
}
/* --------------- Contact --------------- */
#contact .fwidget {
margin: 0;
max-width: none;
width: 100%;
}
#contact .fwidget .title {
display: none;
}
#contact .fwidget.et_pb_widget ul li {
font-size: 1.5em;
margin-bottom: 5px;
}
#contact .fwidget.et_pb_widget ul li:last-of-type {
margin-bottom: 0;
}
#contact .wpv-addon-maps-render::after {
content: "";
display: block;
padding-bottom: 40%;
}
#contact .gm-style .gm-style-iw-d {
color: #000000;
}
#contact .gform_wrapper.gravity-theme .gform_footer,
#contact .gform_wrapper.gravity-theme .gform_page_footer {
padding-bottom: 0;
}
/************************************************************************************
*
* WooCommerce Pages
*
***********************************************************************************/
.woocommerce :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
align-items: center;
background-color: var(--clr-white);
color: var(--clr-off-black)!important;
border: solid 2px var(--clr-accent-medium);
border-radius: 38px;
display: flex;
flex-wrap: wrap;
font-family: var(--fnt-body);
font-size: 1.25rem!important;
font-weight: 500;
justify-content: center;
line-height: 1;
margin-bottom: 30px;
padding: 15px 30px!important;
text-align: center;
}
.woocommerce :is(.woocommerce-error, .woocommerce-info, .woocommerce-message)::after {
display: none;
}
.woocommerce :is(.woocommerce-info, .woocommerce-message) a {
margin-top: 15px;
padding: 10px 20px;
width: 100%;
}
.woocommerce .return-to-shop {
line-height: 0;
}
:is(.woocommerce, .woocommerce-page) .col2-set {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
:is(.woocommerce, .woocommerce-page) .col2-set:before,
:is(.woocommerce, .woocommerce-page) .col2-set:after {
display: none;
}
:is(.woocommerce, .woocommerce-page) .col2-set > div {
flex: unset;
float: none;
margin: 0!important;
max-width: unset;
padding: 0;
}
.woocommerce h3 {
border-bottom: solid 1px #424342;
display: block;
font-family: var(--fnt-body);
letter-spacing: -2px;
font-size: 1.75rem;
margin-bottom: 30px;
padding-bottom: 30px;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) .checkout .col-2 h3#ship-to-different-address {
float: none;
}
:is(.woocommerce, .woocommerce-page) form .form-row-wide {
flex-wrap: wrap;
}
:is(.woocommerce, .woocommerce-page) form .form-row > :is(label, span) {
display: block;
}
:is(.woocommerce, .woocommerce-page) form :is(.form-row-first, .form-row-last) {
float: none;
width: calc(50% - 12.5px);
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm.edit-account {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
:is(.woocommerce, .woocommerce-page) form .form-row:is(::before, ::after) {
display: none;
}
:is(.woocommerce, .woocommerce-page) form .form-row > :is(label, span),
:is(.woocommerce, .woocommerce-page) form .form-row-wide {
width: 100%;
}
:is(.woocommerce, .woocommerce-page) form .form-row > label {
font-family: var(--fnt-body);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: -1px;
line-height: 1.125;
padding-bottom: 15px;
}
:is(.woocommerce, .woocommerce-page) :is(.quantity, #content, .cart, form .form-row) :is(input, textarea), :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment .wc-stripe-elements-field {
background-color: #f0f0f0;
border: solid 1px #424342;
border-radius: 10px;
color: #424342;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: -1px;
line-height: 1;
padding: 10px;
transition: all 0.3s ease 0s;
}
:is(.woocommerce, .woocommerce-page) :is(.quantity, #content, .cart, form .form-row) :is(input, textarea)::placeholder {
color: #424342;
}
:is(.woocommerce, .woocommerce-page) form .form-row {
margin-bottom: 25px;
padding: 0;
}
:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single {
background-color: #f0f0f0;
border-color: #f0f0f0;
border: solid 1px #424342;
border-radius: 10px;
height: unset;
}
:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #424342;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: -1px;
padding: 10px;
}
:is(.woocommerce, .woocommerce-page) .select2-dropdown {
border-radius: 10px 10px 0 0;
}
:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-results__option--highlighted {
background-color: var(--clr-clay);
}
:is(.woocommerce, .woocommerce-page) form .form-row:last-of-type {
margin-bottom: 0;
}
.woocommerce-billing-fields {
margin-bottom: 30px;
}
.woocommerce table.shop_table {
background-color: #ffffff;
border: solid 2px var(--clr-accent-medium);
border-radius: 20px;
margin: 0 0 30px!important;
}
.woocommerce ul#shipping_method li {
margin: 0;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment {
background-color: transparent;
border: none;
}
body #page-container .woocommerce form .form-row::before,
body #page-container .woocommerce form .form-row::after {
display: none;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment .form-row {
justify-self: flex-end;
padding: 0;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment :is(.form-row, .stripe-card-group, .wc-stripe-elements-field) {
width: 100%;
}
:is(.et_pb_section, .layout-section) :is(.woocommerce, .woocommerce-page) :is(.button, #submit)::after {
display: none;
}
body #page-container .woocommerce .shop_table .coupon {
display: flex;
flex-wrap: wrap;
}
body #page-container .woocommerce .shop_table .coupon input[type="text"] {
margin-bottom: 15px;
}
body #page-container .woocommerce .shop_table .coupon button:is(:hover, :focus) {
background-color: #424342;
border-color: #424342;
color: var(--clr-accent-medium);
}
.woocommerce .cart_totals h2 {
font-size: 3rem;
margin-bottom: 0;
padding-bottom: 30px;
}
body #page-container .woocommerce .cart_totals .shop_table :is(th, td) {
border-top: 0;
padding: 15px 10px;
vertical-align: middle;
}
body #page-container .woocommerce .cart_totals .shop_table tr:first-of-type :is(th, td) {
border-bottom: solid 2px var(--clr-accent-medium);
}
:is(.woocommerce-cart, .woocommerce-checkout) .wc-proceed-to-checkout {
text-align: right;
}
:is(.woocommerce-cart, .woocommerce-checkout) .wc-proceed-to-checkout .button {
margin-bottom: 0!important;
}
.woocommerce .showcoupon {
font-weight: 600;
text-decoration: underline;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) .checkout .col-2 h3#ship-to-different-address label {
align-items: center;
display: flex;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) .checkout .col-2 h3#ship-to-different-address label input {
margin-right: 15px;
}
.woocommerce form:is(.checkout_coupon, .login, .register) {
margin: 25px 0 75px;
padding: 0;
}
.woocommerce table.shop_table td:is(.product-name, .product-total) a,
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) .cart-collaterals .shipping-calculator-button {
color: var(--clr-clay);
text-decoration: underline;
}
.woocommerce table.shop_table td:is(.product-name, .product-total) a:is(:hover, :focus),
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) .cart-collaterals .shipping-calculator-button:is(:hover, :focus) {
color: var(--clr-iron);
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 20px;
top: 55%;
transform: translatey(-50%);
}
.woocommerce-account .woocommerce {
background-color: #ffffff;
border: solid 2px var(--clr-accent-medium);
border-radius: 38px;
box-shadow: none;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
background-color: var(--clr-accent-medium);
padding: 30px;
}
li.woocommerce-MyAccount-navigation-link a {
background-color: #c1778c;
border-radius: 36px;
color: #ffffff;
display: block;
font-family: var(--fnt-heading);
font-size: 1.25rem;
font-weight: bold;
padding: 10px 20px;
text-align: center;
text-transform: lowercase;
}
li.woocommerce-MyAccount-navigation-link a:is(:hover, :focus) {
background-color: #424342;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul > li {
margin-bottom: 16px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul > li:last-of-type {
margin-bottom: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3 {
border-bottom: none;
position: relative;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3:after {
content: '';
display: block;
box-shadow: 0 2px 3px rgba(69, 67, 68, 0.15);
position: absolute;
bottom: 0;
left: -25px;
height: 4px;
width: calc(100% + 50px);
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
font-family: var(--fnt-body);
font-weight: 500;
font-size: 1.25rem;
line-height: 1.5;
padding: 30px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
width: 100%;
}
.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm.edit-account {
margin-bottom: 25px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .wpstream_product_front {
border-radius: 10px;
box-shadow: 0 0 10px #0000001f;
margin-bottom: 16px;
padding: 8px 16px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .wpstream_product_front .wpstream_product_wrapper > a {
float: none;
margin: 0;
width: auto;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .wpstream_product_front .wpstream_product_wrapper {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .wpstream_product_front .wpstream_product_wrapper .wpstream_product_see {
border-radius: 10px;
text-align: center;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .wpstream_product_front .wpstream_product_wrapper .wpstream_product_name_front {
color: #000000;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .wpstream_product_front:last-of-type {
margin-bottom: 0;
}
body #left-area ul.products.columns-3 {
line-height: 1!important;
margin: 0!important;
}
body #page-container .woocommerce .shop_table :is(th, td).product-thumbnail {
display: none;
}
body #page-container .woocommerce .shop_table :is(th, td, .variation), :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #stripe-payment-data > p, :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #stripe-payment-data fieldset label {
font-family: var(--fnt-body);
font-size: 1.125rem;
font-weight: 500;
letter-spacing: -2px;
line-height: 1;
}
body #page-container .woocommerce .shop_table :is(th, td).product-remove a.remove {
letter-spacing: 0;
text-align: center;
width: 100%;
}
body #page-container .woocommerce .shop_table td {
border-top: solid 2px #edb0c1;
padding: 30px 10px;
}
body #page-container .woocommerce .shop_table tr {
padding: 0!important;
}
body #page-container .woocommerce .shop_table th {
padding: 15px 10px;
}
body #page-container .woocommerce .shop_table td.product-name {
letter-spacing: -1px;
text-transform: uppercase;
}
body #page-container .woocommerce .shop_table .variation {
letter-spacing: -1px;
padding-top: 15px;
}
body #page-container .woocommerce .shop_table .variation hr {
border-color: #edb0c1;
border-width: 2px;
margin: 15px 0!important;
}
body #page-container .woocommerce .variation dt {
display: block;
float: none;
}
body #page-container .woocommerce .shop_table .variation dt {
letter-spacing: -2px;
}
body #page-container .woocommerce .shop_table :is(td.product-name, .variation dd) {
font-size: 1rem;
}
body #page-container .woocommerce .shop_table :is(th, td):not(.product-name) {
text-align: right;
}
body #page-container .woocommerce .shop_table tfoot th {
border-top: solid 2px #edb0c1;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment div.payment_box {
background-color: #ffffff;
border: solid 2px var(--clr-accent-medium);
border-radius: 38px;
margin-bottom: 30px;
padding: 30px;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment div.payment_box::before {
border: solid 1em var(--clr-accent-medium);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
top: -1em;
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: none;
padding: 0;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #stripe-payment-data fieldset label {
color: #424342;
margin-bottom: 15px;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment .wc-stripe-elements-field {
margin: 0;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment #wc-stripe-cc-form {
line-height: 0;
margin-top: 30px;
}
:is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #payment #place_order {
margin-bottom: 0;
margin-left: auto;
}
.woocommerce :is(.woocommerce-customer-details, .woocommerce-order-details, .woocommerce-order-downloads) h2 {
padding-bottom: 30px;
}
.woocommerce :is(.woocommerce-customer-details, .woocommerce-order-details, .woocommerce-order-downloads) {
margin: 30px 0 0;
}
.woocommerce :is(.woocommerce-customer-details, .woocommerce-order-details, .woocommerce-order-downloads) table {
margin-bottom: 0!important;
}
.woocommerce .woocommerce-customer-details address {
border: solid 2px #edb0c1;
border-radius: 38px;
padding: 30px;
}
/************************************************************************************
*
* Shop Page
*
***********************************************************************************/
#page-header.layout-section {
background-size: contain;
background-repeat: repeat;
background-position: left center;
background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,#ffffff 90%)!important;
}
.layout-row {
margin: 0 auto;
max-width: 1260px;
width: 80%;
}
.layout-row, .layout-row.post-wrapper {
margin: 0 auto;
}
.layout-section {
padding: 75px 0;
}
body.woocommerce .layout-section ul.products,
body.woocommerce-page .layout-section ul.products {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -25px -25px 0;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
float: none;
margin: 0 25px 25px 0!important;
width: calc(25% - 25px)!important;
}
body.woocommerce ul.products li.product > a,
body.woocommerce-page ul.products li.product > a {
background-color: #FFFFFF;
border: solid 1px #D3C3B6;
border-radius: 10px 10px 10px 10px;
display: block;
overflow: hidden;
}
body.woocommerce ul.products li.product > a > :is(h3, p),
body.woocommerce-page ul.products li.product > a > :is(h3, p) {
padding-left: 25px;
padding-right: 25px;
}
body.woocommerce ul.products li.product > a > h3,
body.woocommerce-page ul.products li.product > a > h3 {
border-color: #D3C3B6;
padding-bottom: 9px;
padding-top: 0;
}
/************************************************************************************
*
* Single Product Page
*
***********************************************************************************/
#breadcrumb-wrapper {
border-bottom: solid 1px var(--clr-black);
padding: 15px 30px;
}
#breadcrumb-wrapper .subheader {
margin-bottom: 0;
padding-bottom: 0;
}
#breadcrumb-wrapper a {
color: var(--clr-clay);
}
#breadcrumb-wrapper a:is(:hover, :focus) {
color: var(--clr-iron);
}
.layout-row.multi-columns {
display: flex;
justify-content: space-between;
}
.layout-row.multi-columns > .layout-column {
width: calc(50% - 25px);
}
/************************************************************************************
*
* Flexslider
*
***********************************************************************************/
.flexslider {
margin: 0;
padding: 0;
position: relative;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-nav {
margin: 0;
padding: 0;
list-style: none;
}
html[xmlns] .flexslider .slides {
display: block;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
.flexslider .slides:after {
clear: both;
content: "\0020";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.flexslider .slides > li {
-webkit-backface-visibility: hidden;
display: none;
transition: 0.3s all ease 0s;
}
.flexslider .slides img {
display: block;
-moz-user-select: none;
height: auto;
width: 100%;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.flex-nav a {
color: #ffffff;
cursor: pointer;
display: block;
line-height: 1;
height: 40px;
width: 40px;
overflow: hidden;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 10;
}
.flex-nav a:before {
content: '\34';
display: inline-block;
font-family: ETmodules;
font-size: 40px;
}
.flex-nav .flex-next:before {
content: '\35';
}
.flex-nav .flex-next {
text-align: right;
}
.flex-nav .flex-disabled {
cursor: default;
filter: alpha(opacity=0);
opacity: 0!important;
z-index: -1;
}
.controls-container {
margin: 0 15px;
}
.controls-container .flex-control-nav {
line-height: 0;
padding: 0;
}
.flex-control-nav {
padding: 0;
text-align: center;
width: 100%;
}
.flex-control-nav li {
margin: 0 8px 0 0;
display: inline-block;
}
.flex-control-paging li a {
background-color: #42434280;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 50%;
color: transparent;
cursor: pointer;
display: block;
height: 46px;
width: 46px;
text-indent: -9999px;
}
.flex-control-paging li a:is(:hover, :focus) {
background: #000;
}
.flex-control-paging li a.flex-active {
background-color: #424342;
border-radius: 36px;
color: transparent;
cursor: default;
width: 100px;
}
/************************************************************************************
*
* Post Archives
*
***********************************************************************************/
#page-header.post-archive-header .layout-row:first-of-type {
padding-bottom: 50px;
}
#post-archive-body {
padding-top: 0;
}
#et-boc #et-main-area #page-header.services-page-header,
#et-boc #et-main-area #page-header.locations-page-header {
background-image: url(/wp-content/uploads/2022/10/page-header-default.jpg);
}
.post-wrapper.news-post-wrapper {
justify-content: flex-start;
}
/* --- Divi Resets --- */
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container,
#main-content .container #left-area {
max-width: none;
padding: 0;
width: 100%;
}
#main-content .container::before,
#main-content .container #left-area::after {
content: none;
}
#main-content #sidebar,
#left-area > h1.page-title,
#left-area > .pagination,
#left-area > .woocommerce-breadcrumb,
#left-area > .woocommerce-notices-wrapper,
#left-area > .woocommerce-result-count,
#left-area > .woocommerce-ordering {
display: none;
}
/* --- Post Archive Styles --- */
#post-pagination {
margin-top: 25px!important;
}
#post-archive-body #noitems {
padding-bottom: 0;
}
/* --- Filters --- */
#post-search {
background-color: #222222;
border: solid 1px #222222;
border-radius: 10px;
line-height: 1;
margin-bottom: 25px;
padding: 12px 95px 12px 25px;
position: relative;
}
#post-search label {
color: #EE8712;
font-family: handel-gothic, sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 1;
margin-bottom: 15px;
text-transform: uppercase;
}
#post-search input[type="search"] {
background: transparent;
border: none;
border-bottom: solid 1px #000000;
color: #ffffff;
font-weight: 600;
font-size: 1.25rem;
line-height: 1;
margin-top: 0;
outline: none;
padding: 0;
width: 100%;
}
#post-search input[type="search"]:hover,
#post-search input[type="search"]:focus {
border-color:#000000!important;
}
#post-search input[type="search"]::-webkit-search-cancel-button {
filter: invert(0%) sepia(100%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(0%);
}
#post-search button[type="submit"] {
align-items: center;
background-color: #000000;
color: #ffffff;
display: flex;
font-size: 20px;
font-weight: 600;
height: 60px;
justify-content: center;
min-width: unset;
padding: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 60px;
}
#post-search.job-search {
background-color: #F7F7F7;
border-color: #E4E4E4;
}
#post-search.job-search input[type="search"] {
color: #000000;
}
#post-search.job-search input[type="search"]::placeholder {
color: #000000;
}
#post-search button[type="submit"]:hover,
#post-search button[type="submit"]:focus {
background-color: #EE8712;
color: #ffffff;
}
#category-selection > div input[type="radio"] {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
/* --- Post Loop Item --- */
.article-wrapper,
.career-post {
background-color: #ffffff;
border-radius: 10px 10px 40px 10px;
box-shadow: 0 0 1px 1px #E4E4E4;
margin: 0 auto;
overflow: hidden;
}
.article-wrapper {
height: 100%;
max-width: 450px;
}
.article-wrapper a {
display: flex;
flex-direction: column;
height: 100%;
}
.article-wrapper a:is(:hover, :focus) .subheader {
color: var(--clr-iron);
}
.post-image.responsive-image {
border-bottom: solid 1px #E4E4E4;
display: block;
padding-bottom: 66.65%;
position: relative;
}
.post-image.responsive-image img {
position: absolute;
height: 100%;
width: 100%;
display: block;
}
.post-image.responsive-image .no-image {
padding: 25px;
}
.post-box {
display: block;
}
.post-box,
.post-box p {
color: var(--clr-cement);
font-size: 1rem;
line-height: 1.5;
}
.post-item-body {
display: flex;
padding: 20px;
text-align: left;
}
.post-item-body hr {
border-top: solid 2px #E4E4E4;
}
.post-item-header {
padding-bottom: 20px;
}
.post-item-body .post-column:last-of-type {
padding-left: 15px;
align-self: flex-end;
}
.post-item-body .post-column:first-of-type {
width: 100%;
}
.arrow-btn {
align-items: center;
background-color: var(--clr-clay);
border-radius: 50%;
display: flex;
height: 100%;
justify-content: center;
max-height: 45px;
max-width: 45px;
min-height: 45px;
min-width: 45px;
position: relative;
transition: all 0.15s ease 0s;
width: 100%;
}
.arrow-btn:before {
color: #ffffff;
content: "\f061";
font-family: 'Font Awesome 6 Pro';
font-size: 1.25rem;
font-weight: 900;
line-height: 1;
position: absolute;
}
.post-box:hover .arrow-btn,
.post-box:focus .arrow-btn,
a.arrow-btn:hover, a.arrow-btn:focus {
background-color: var(--clr-iron);
}
/************************************************************************************
*
* Single Post Page
*
***********************************************************************************/
/* Single Post Page Resets */
article #page-header .subheader {
color: #EE8712;
opacity: 1;
}
#main-content .et_post_meta_wrapper {
display: none;
}
#main-content .et_pb_post .entry-content {
padding: 0;
}
#main-content #left-area article:not(.article-wrapper) {
margin: 0;
padding: 0;
}
#left-area .post-meta {
color: #000000;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 0;
}
/* Single Post Page Featured Image */
#post-featured-image {
line-height: 0;
margin-top: 20px;
}
#post-featured-image img {
border-radius: 10px;
}
/* Single Post Page Article Content */
.post-archive-section .et_pb_row > :first-child {
padding-top: 0;
}
.post-archive-section h2,
.post-archive-section h3,
.post-archive-section h4 {
line-height: 1;
padding: 40px 0 10px;
}
.post-archive-section p {
padding-bottom: 1em;
}
.post-archive-section table tr,
.post-archive-section td {
border: 1px solid #000000;
padding: 10px;
}
.post-archive-section table p:last-of-type {
padding-bottom: 0;
}
.post-archive-section table tr:nth-of-type(odd) td {
background-color: #f2f2f2;
}
.post-archive-section table tr:first-of-type td {
background: #F1F1F1 linear-gradient(#F1F1F1, #000000);
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}
.post-archive-section a:not(.btn) {
font-weight: bold;
}
.post-archive-section a:not(.btn):is(:hover, :focus) {
color: #000000;
}
.post-archive-section p:last-of-type + ul,
.post-archive-section p:last-of-type + ol {
padding-top: 1em;
}
/* Single Post Page Forms */
.post-archive-section body .gform_wrapper {
padding: 40px 0;
}
.post-archive-section body .gform_wrapper.gravity-theme .ginput_complex.gf_name_has_2 > span {
width: 100%
}
.post-archive-section body .gform_wrapper.gravity-theme .ginput_complex.gf_name_has_2 > span:first-of-type {
margin-bottom: 25px;
}
.careers-template .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)),
.careers-template .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type),
.careers-template .gform_wrapper.gravity-theme .ginput_container_address span.ginput_address_state {
margin-bottom: 25px;
}
.careers-template .gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.careers-template .gform_wrapper.gravity-theme .ginput_container_address {
margin: 0;
}
.careers-template .gform_wrapper.gravity-theme .ginput_complex fieldset,
.careers-template .gform_wrapper.gravity-theme .ginput_complex span {
flex: unset;
width: 100%;
}
.post-archive-section .gform_wrapper h4 {
padding: 0;
}
/* Single Post Page Quick Links */
#et-boc #et-main-area #quick-links.post-archive-section .widget_nav_menu .menu {
margin-top: 0;
}
/* Single Post Page Other */
.post-archive-section .fluid-width-video-wrapper {
margin-bottom: 15px;
}
/************************************************************************************
*
* Search/Career Archives
*
***********************************************************************************/
#search-field {
position: relative;
z-index: 5;
}
#search-field input[type="search"] {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
color: #000000;
font-size: .875em;
height: auto;
letter-spacing: 1px;
line-height: 1.125em;
margin-bottom: 10px;
padding: 15px 25px;
width: 100%;
}
#search-field input[type="search"]::placeholder {
color: #000000;
font-weight: bold;
text-transform: uppercase;
}
#search-field button[type="submit"] {
padding: 15px 25px;
width: 100%;
}
#search-field button[type="submit"]:hover {
background-color: #ffffff;
border-color: #000000;
}
#search-archives {
padding-top: 0;
}
.search-loop-item {
margin-bottom: 50px;
}
.search-loop-item:last-of-type {
margin-bottom: 0;
}
.search-loop-item .post-feat-img {
border: 1px solid #e3e3e3;
margin-bottom: 25px;
}
.search-loop-item .post-feat-img::before {
background-size: 75% 70%;
}
.search-loop-item .profile-meta {
padding-bottom: 15px;
}
.post-info {
flex-grow: 1;
position: relative;
}
.post-info h2 {
padding-bottom: 21px;
}
.post-info h5,
.post-info .heading-5 {
color: #000000;
padding: 0;
}
.post-info .btn-container {
margin-top: 30px;
}
/************************************************************************************
*
* Post Wrapper
*
***********************************************************************************/
.post-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -25px -25px 0!important;
}
.post-wrapper.between {
justify-content: space-between;
}
.post-wrapper.justify-start {
justify-content: flex-start;
}
.post-wrapper.center-aligned {
align-items: center;
}
ul.post-wrapper,
ol.post-wrapper {
line-height: 1;
list-style: none !important;
padding: 0 !important;
}
.post-wrapper[data-columns="1"] .post-item,
.post-wrapper[data-columns="2"] .post-item,
.post-wrapper[data-columns="2"] .form-check,
.post-wrapper[data-columns="2"] .page-link,
.post-wrapper[data-columns="3"] .post-item,
.post-wrapper[data-columns="3"] .form-check,
.post-wrapper[data-columns="4"] .post-item,
.post-wrapper[data-columns="4"] .form-check,
.post-wrapper[data-columns="5"] .post-item,
.post-wrapper[data-columns="5"] .form-check,
.post-wrapper[data-columns="6"] .post-item,
.post-wrapper[data-columns="6"] .form-check,
.post-wrapper[data-columns="8"] .post-item,
.post-wrapper[data-columns="8"] .form-check {
margin: 0 25px 25px 0;
width: calc(100% - 25px);
}
body .et_pb_section .post-wrapper .post-item:last-of-type,
#page-container #et-boc #et-main-area .et_pb_section .post-wrapper .post-item:last-of-type {
margin-bottom: 25px;
}
/* Post Wrapper for Toolset Filter Items */
.post-wrapper .form-check {
padding: 0;
}
.post-wrapper .form-check input {
appearance: none;
-webkit-appearance: none;
}
.btn.form-check-label {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
.btn.form-check-label span {
position: relative;
z-index: 2;
}
/* ------------- Post Wrapper for Divi Elements ------------- */
body .post-wrapper.et_pb_row,
#et-boc #et-main-area .post-wrapper.et_pb_row {
justify-content: space-between;
margin-bottom: -35px;
}
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_2_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_2_3 {
margin-bottom: 35px;
width: 100%;
}
body .post-wrapper.et_pb_row:after,
#et-boc #et-main-area .post-wrapper.et_pb_row:after {
display: none;
}
/************************************************************************************
*
* Miscellaneous Elements
*
***********************************************************************************/
.cutout {
line-height: 0;
}
.border-image img {
border-radius: 10px;
}
.flex-down {
justify-content: end;
}
.flex-center {
justify-content:center;
}
.flex-down, .flex-center {
display: flex;
flex-direction: column;
}
.cover-object img {
object-fit: cover;
}
.force-center-align .et_pb_module {
text-align: center!important;
}
/* ---- Social Media List ---- */
.et_pb_module ul.social-links-list {
display: flex;
justify-content: center;
list-style-type: none;
padding: 0;
}
.et_pb_module ul.social-links-list li {
line-height: 1;
margin: 0 15px 0 0;
}
.social-btn.fa-brands {
background-color: var(--clr-iron);
border-radius: 50%;
border: solid 1px var(--clr-iron);
font-family: inherit;
align-items: center;
justify-content: center;
display: flex;
height: 40px;
width: 40px;
}
.social-btn.fa-brands:before {
color: #ffffff;
font-family: 'Font Awesome 6 Brands';
}
.social-btn.fa-facebook-f:is(:hover, :focus)::before {
color: #3b5998;
}
.social-btn.fa-facebook-f:is(:hover, :focus) {
background-color: #ffffff;
border-color: #3b5998;
}
.social-btn.fa-instagram:is(:hover, :focus)::before {
color: #e94859;
}
.social-btn.fa-instagram:is(:hover, :focus) {
background-color: #ffffff;
border-color: #e94859;
}
.social-btn.fa-twitter:is(:hover, :focus)::before {
color: #1da1f2;
}
.social-btn.fa-twitter:is(:hover, :focus) {
background-color: #ffffff;
border-color: #1da1f2;
}
.social-btn.fa-linkedin-in:is(:hover, :focus)::before {
color: #0077b5;
}
.social-btn.fa-linkedin-in:is(:hover, :focus) {
background-color: #ffffff;
border-color: #0077b5;
}
#instructor-hours {
border: none;
}
#instructor-hours > ul {
display: flex;
justify-content: start;
border: none;
background-color: transparent;
margin: 0 12.5px;
}
#instructor-hours > ul > li > a {
background-color: #edb0c1;
border-radius: 10px 10px 0 0;
color: #424342;
font-size: 1.25rem;
line-height: 1;
padding: 10px 25px;
}
#instructor-hours > ul > li {
border-bottom: none;
margin-right: 5px;
height: auto !important;
}
#instructor-hours .et_pb_all_tabs {
border-radius: 8px;
border: solid 1px #f0f0f0;
}
#instructor-hours > ul > li.et_pb_tab_active > a {
background-color: #c1778c;
color: #fff !important;
}
#instructor-hours > ul > li > a:is(:hover,:focus) {
background-color: #6a4a53;
color: #fff !important;
}
#instructor-hours .et_pb_all_tabs .et_pb_tab {
padding: 0;
}
.instructor-hours {
width: 100%;
}
.instructor-hours tr {
border-bottom: solid 1px #f0f0f0;
}
.instructor-hours tbody tr:last-of-type {
border-bottom: none;
}
.instructor-hours :is(th, td) {
line-height: 1;
padding: 10px 25px;
width: 50%;
}
.instructor-hours :is(th:first-of-type, td:first-of-type) {
border-right: solid 1px #f0f0f0;
}
.instructor-hours td {
font-weight: 500;
font-size: 1rem;
}
.instructor-hours th {
font-size: 1.25rem;
}
/************************************************************************************
*
* Footer Area
*
***********************************************************************************/
#main-footer h4 {
padding-bottom: 12px;
}
#custom_html-3 {
float: none;
}
/* Newsletter Form */
body .gform_wrapper.newsletter-form_wrapper {
align-items: center;
display: flex;
flex-wrap: wrap;
line-height: 0;
justify-content: center;
width: 100%;
}
body .gform_wrapper.gravity-theme .newsletter-form .gform_fields {
display: flex;
grid-column-gap: 0;
grid-row-gap: 0;
justify-content: flex-end;
}
body .gform_wrapper.newsletter-form_wrapper .gform_heading {
margin-bottom: 25px;
}
.gform_wrapper.gravity-theme .newsletter-form .gfield--type-email {
border-radius: 10px 0 0 10px;
width: calc(100% - 80px);
}
.gform_wrapper.gravity-theme .newsletter-form #field_submit {
border-radius: 0 10px 10px 0;
line-height: 0;
padding: 0!important;
position: relative;
overflow: hidden;
width: 80px;
}
.gform_wrapper.gravity-theme .newsletter-form #field_submit input {
background: #424342;
border-radius: 0;
color: transparent;
height: 100%;
padding: 10px;
position: absolute;
width: 100%;
}
.gform_wrapper.gravity-theme .newsletter-form #field_submit:after {
content: "\f061";
color: #F7B9AB;
font-family: 'Font Awesome 6 Pro';
font-size: 2rem;
font-weight: 900;
left: 50%;
pointer-events: none;
position: absolute;
transform: translate(-50%, -50%);
top: 52%;
z-index: 10;
}
.gform_wrapper.gravity-theme .newsletter-form ::placeholder {
color: #424342;
font-size: 1.5rem;
font-weight: 400;
}
.gform_wrapper .newsletter-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
border: none;
color: #424342;
font-size: 1.875rem;
padding: 0;
}
.gform_wrapper.gravity-theme .newsletter-form :is(.gfield, .ginput_complex > span, ginput_container.ginput_container_list) {
background-color: #f0f0f0;
border: solid 1px #424342;
padding: 20px 25px!important;
}
/* --- Footer Bar --- */
#footer-branding > div {
text-align: center;
}
.wc-footer-branding {
display: block;
line-height: 0;
margin: 0 auto 10px;
max-width: 200px;
width: 50%;
}
.wc-footer-content {
color: #ffffff;
font-size: .85rem;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.5em;
text-transform: uppercase;
}
.wc-footer-content > span {
display: block;
}
.wc-footer-content > span:first-of-type {
color: var(--accent-primary);
}
.wc-footer-content:hover {
color: #ffffff;
opacity: .75;
}
/* --- Social Icons --- */
#main-footer ul.wecreate-social-icons {
margin-top: 9px;
margin-bottom: 0;
width: 100%;
text-align: center;
}
.wecreate-social-icons.et_pb_social_media_follow li a.icon:hover,
#et-boc .et-l .wecreate-social-icons.et_pb_social_media_follow li a.icon:hover {
background-color: #ffffff !important;
}
/************************************************************************************
*
* Media Queries
*
***********************************************************************************/
@media screen and (min-width: 450px) {
/* ------------------------------ Button Styles ------------------------------ */
.btn, input[type="submit"], button, .gform_wrapper .gform_footer input.gform_button, a.more-link, .pagination a, .form-submit .et_pb_button, .woocommerce :is(.button, #submit) {
display: inline-block;
}
.left.btn {
margin: 0 10px 0 0;
}
body.error404 .no-items-found {
padding: 50px;
}
}
@media screen and (min-width: 480px) {
/* ------------- Post Wrapper for Divi Elements ------------- */
.post-wrapper[data-columns="2"] .post-item,
.post-wrapper[data-columns="2"] .page-link {
width: calc(50% - 25px);
}
}
@media screen and (min-width: 529px) {
#secondary-nav {
display: flex;
justify-content: flex-end;
}
#top-menu #nav_menu-6 {
display: none;
}
}
@media screen and (min-width: 641px) {
/* ----------------------------- WooCommerce Pages ----------------------------- */
.woocommerce :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
justify-content: space-between;
text-align: left;
}
.woocommerce :is(.woocommerce-info, .woocommerce-message) a {
margin-top: 0;
width: auto;
}
/* --- Post/Career Archives --- */
#blog-search {
margin-bottom: 2.5%;
}
.post-loop-item {
margin-bottom: 3%;
width: 48.5%;
}
.career-info span {
display: inline;
padding-right: 25px;
}
/* --- Single Post Pages --- */
#post-featured-image {
margin-top: 40px;
}
.post-archive-section h2,
.post-archive-section h3,
.post-archive-section h4 {
padding: 60px 0 20px;
}
.post-archive-section body .gform_wrapper {
padding: 60px 0;
}
/* ----------------------------- Post Wrapper Layout and Column Styles ----------------------------- */
.post-wrapper[data-columns="4"] .post-item,
.post-wrapper[data-columns="4"] .form-check,
.post-wrapper[data-columns="5"] .post-item,
.post-wrapper[data-columns="5"] .form-check,
.post-wrapper[data-columns="6"] .post-item,
.post-wrapper[data-columns="6"] .form-check,
.post-wrapper[data-columns="8"] .post-item,
.post-wrapper[data-columns="8"] .form-check {
width: calc(50% - 25px);
}
/* ------------- Post Wrapper for Divi Elements ------------- */
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6 {
margin-right: 25px;
width: calc((100% + 25px) / 2 - 25px);
}
/* ------------------------------ Forms ------------------------------- */
body.layouts-active .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
body.layouts-active .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
margin: 0;
}
.gform_wrapper .ginput_container span:not(.ginput_price).name_first {
margin-bottom: 0;
}
.gform_wrapper ul.gform_fields > li.gfield span {
margin-right: 0;
padding-right: 0;
}
.gfield_checkbox .gchoice {
width: calc(50% - 25px);
}
.gform_wrapper .gchoice:not(:last-of-type) {
margin-bottom: 25px;
}
.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address .ginput_left,
.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address .ginput_right,
.gform_wrapper.gravity-theme .ginput_complex.gf_name_has_2 > span,
.gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email > span {
flex: unset;
width: calc(50% - 5px);
}
.gform_wrapper.gravity-theme .ginput_complex.gf_name_has_3 > span {
width: calc((100% / 3) - (25px / 3));
}
.gform_wrapper.gravity-theme .ginput_complex {
justify-content: space-between;
}
.top_label div.ginput_complex.ginput_container.gf_name_has_2 span:first-of-type {
padding-right: 16px;
}
/* --- Footer Area --- */
.fwidget {
width: 48%;
}
.fwidget:nth-last-of-type(2) {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
/* ----------------------------- WooCommerce Pages ------------------------------ */
body #page-container .woocommerce .shop_table tr td.product-remove {
border-top: 0;
padding: 10px;
text-align: center!important;
}
body #page-container .woocommerce .shop_table .quantity {
height: 1.125rem;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent!important;
}
body #page-container .woocommerce .shop_table .coupon :is(input[type="text"], .button) {
width: 100%;
}
}
@media screen and (min-width: 768px) {
/* --- WooCommerce Pages --- */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
width: 30%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
font-size: 1.25rem;
line-height: 1.5;
width: 70%;
}
body #page-container .woocommerce .shop_table :is(th, td).product-remove {
width: 62px;
}
body #page-container .woocommerce .shop_table .coupon {
flex-wrap: nowrap;
}
body #page-container .woocommerce .shop_table .coupon input[type="text"] {
border-radius: 10px 0 0 10px;
border-right: 0;
margin-bottom: 0;
margin-right: 0;
}
body #page-container .woocommerce .shop_table .coupon button {
border-radius: 0 10px 10px 0;
border-color: #424342;
padding: 10px;
}
/* ---- Post Archives ---- */
.article-wrapper {
max-width: unset;
}
/* ----------------------------- Post Wrapper Layout and Column Styles ----------------------------- */
.post-wrapper[data-columns="5"] .post-item,
.post-wrapper[data-columns="5"] .form-check,
.post-wrapper[data-columns="6"] .post-item,
.post-wrapper[data-columns="6"] .form-check {
width: calc(100% / 3 - 25px);
}
/* ------------- Post Wrapper for Divi Elements ------------- */
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6 {
width: calc((100% + 25px) / 3 - 25px);
}
/* ---- Search/Career Archives ---- */
.search-loop-item {
margin-bottom: 75px;
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
/* ---- Post Archives ---- */
body #post-archive-wrapper .post-wrapper[data-columns="3"] .post-item,
#et-boc #et-main-area #post-archive-wrapper .post-wrapper[data-columns="3"] .post-item {
width: calc(50% - 25px);
}
}
@media screen and (max-width: 980px) {
body .post-wrapper.reverse-row,
#et-boc #et-main-area .post-wrapper.reverse-row {
flex-direction: column-reverse;
}
body .post-wrapper.reverse-row>.et_pb_column:first-of-type,
#et-boc #et-main-area .post-wrapper.reverse-row>.et_pb_column:first-of-type {
margin-bottom: 0;
}
body .post-wrapper.reverse-row>.et_pb_column:last-of-type,
#et-boc #et-main-area .post-wrapper.reverse-row>.et_pb_column:last-of-type {
margin-bottom: 30px;
}
:is(.woocommerce, .woocommerce-page) .col2-set {
margin-bottom: 30px!important;
}
:is(.woocommerce, .woocommerce-page) .col2-set > div {
width: 100%!important;
}
}
@media screen and (min-width: 981px) {
/* ----------------------------- General ------------------------------ */
.et_pb_text ul,
#single-post-content ul {
list-style-position: outside;
padding-left: 1em;
}
.mobile-centered,
.et_pb_module.et_pb_text_align_left.mobile-centered {
text-align: left;
}
.mobile-centered.right-aligned,
.et_pb_module.et_pb_text_align_right.mobile-centered {
text-align: right;
}
.et_pb_text.mobile-centered :is(ul, ol) {
list-style-position: outside;
}
.mobile-centered .divider-line {
margin: 15px auto 25px 0;
width: 100px;
}
.mobile-centered.right-aligned .divider-line {
margin: 15px 0 25px auto;
}
.equal-hgt-col {
display: flex;
overflow: hidden;
}
.equal-hgt-img {
height: 100%;
}
.vert-center {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.desktop-hide {
display: none;
}
.flex-row.et_pb_row {
display: flex;
}
.flex-row.center-align {
align-items: center;
}
.et_pb_module ul.social-links-list {
justify-content: flex-start;
}
/* ----------------------- Navigation --------------------------- */
.header-item .display-mobile {
display: none;
}
.header-item .display-desktop {
display: inline-block;
}
/* Top Header */
#topbar {
display: block;
}
/* Main Header */
#main-header #primary-navigation .header-wrapper {
padding: 0 30px;
}
#nav-wrapper > .header-item:not(#nav-menu) {
width: 250px;
}
/* Nav Logo */
#nav-logo {
margin-right: 0;
text-align: left;
}
/* Nav CTA */
#nav-cta {
align-self: center;
display: block;
text-align: right;
}
#nav-cta .btn {
padding: 10px 20px;
width: 100%;
}
/* Nav Menu */
#nav-menu,
#nav-menu .menu {
display: flex!important;
justify-content: space-between;
padding: 0;
}
#nav-menu {
background: transparent;
border: 0;
flex-direction: row;
height: auto!important;
margin: 0 75px;
opacity: 1!important;
overflow: visible;
position: static;
top: 0!important;
transform: none;
visibility: visible!important;
}
#nav-menu .menu {
align-items: center;
position: relative;
width: 100%;
}
#nav-menu .menu-primary-menu-container {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
#nav-menu .menu:before {
content: '';
width: 100%;
position: absolute;
height: 1px;
top: 50%;
transform: translateY(-50%);
background: var(--clr-accent-medium);
left: 0;
z-index: 0;
}
#nav-menu > div {
border-bottom: none!important;
padding: 0;
}
#nav-menu div,
#nav-menu .menu {
/* height: 100%; */
}
#nav-menu li {
border: 0;
display: inline-block;
margin: 0 5px 0 0;
padding: 0;
text-align: center;
z-index: 1;
}
#nav-menu li a {
color: #424342;
margin: 0;
font-size: 1.35rem;
letter-spacing: 1.08px;
padding: 10px 20px;
font-weight: bold;
}
#nav-menu li:last-of-type {
margin-right: -1px;
}
#nav-menu li.menu-item-has-children > a:first-child:after,
#main-header.et-fixed-header #nav-menu li.menu-item-has-children > a:first-child:after {
position: relative;
right: 0;
}
#nav-menu li.menu-item-has-children>a:first-child,
#et-secondary-nav .menu-item-has-children>a:first-child {
padding-right: 6px;
}
#nav-menu li.menu-item-has-children>a:first-child:after,
#et-secondary-nav .menu-item-has-children>a:first-child:after {
font-size: 14px;
}
#nav-menu .sub-menu {
background-color: #ffffff;
border-top: 5px solid #2ea3f2;
bottom: -10px;
box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
display: block;
left: 0;
opacity: 0;
padding: 0;
position: absolute;
text-align: left;
transform: translateY(100%);
transition: all .2s ease 0s;
visibility: hidden;
}
#nav-menu li:hover > .sub-menu, #nav-menu li:focus-within > .sub-menu,
#nav-menu li.menu-item-has-children.et-show-dropdown > .sub-menu {
background-color: #ffffff;
border-color: #2ea3f2;
padding: 0;
}
#nav-menu li:hover > .sub-menu, #nav-menu li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
}
#nav-menu .sub-menu:before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #2ea3f2;
content: "";
height: 0;
left: 20%;
position: absolute;
top: -4px;
transform: translateY(-100%);
transition: all .2s ease 0s;
width: 0;
}
#nav-menu .sub-menu li {
display: block;
margin: 0;
padding: 0;
text-align: left;
}
#nav-menu .sub-menu li:not(:last-of-type) {
border-bottom: solid 2px #000000;
}
#nav-menu .sub-menu li a {
padding: 10px;
width: 200px;
}
#nav-menu li a:before {
border-radius: 4px;
bottom: 0;
color: transparent;
content: '.';
display: block;
height: 1px;
left: 0;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
top: 0;
visibility: hidden;
width: 100%;
z-index: -1;
}
#nav-menu li a:hover,
#nav-menu li a:focus {
color: var(--clr-off-black);
}
#nav-menu li a:hover::before,
#nav-menu li a:focus::before {
height: 100%;
opacity: 1;
visibility: visible;
}
#mobile-nav-icon,
#nav-menu li.close-submenu,
.mobile-menu-container {
display: none!important;
}
/* ------------------------------ Forms ------------------------------- */
.gfield_checkbox .gchoice {
width: calc(25% - 25px);
}
.form-group.field-pair {
display: flex;
justify-content: space-between;
}
.form-group.field-pair .js-wpt-field-items {
width: 49.3%;
}
.form-group.field-pair > div:first-of-type {
margin-bottom: 0;
}
/* ----------------------- Internal Pages ----------------------- */
h2 small {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5;
text-transform: uppercase;
}
.post-container {
padding: 75px 110px;
}
#error-404 {
padding: 75px 0;
}
/* ----------------------- Images ----------------------- */
.et_pb_image.fade-bottom .et_pb_image_wrap {
-webkit-mask-image: linear-gradient(rgba(255,255,255,1) 80%, rgba(0,0,0,0) 100%);
mask-image: linear-gradient(rgba(255,255,255,1) 80%, rgba(0,0,0,0) 100%);
}
/* ----------------------- WooCommerce Pages ----------------------- */
body #page-container .woocommerce .shop_table td.product-name, :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #stripe-payment-data fieldset label {
font-size: 1.25rem;
}
body #page-container .woocommerce .shop_table :is(th, td, .variation), :is(#add_payment_method, .woocommerce-cart, .woocommerce-checkout) #stripe-payment-data > p {
font-size: 1.75rem;
}
body #page-container .woocommerce .shop_table .variation hr {
width: 75%;
}
:is(.woocommerce-cart, .woocommerce-checkout) .wc-proceed-to-checkout {
padding: 10px 0 0;
}
.woocommerce :is(.woocommerce-customer-details, .woocommerce-order-details, .woocommerce-order-downloads) h2 {
font-size: 2.5rem;
}
/* -------------------------- Post Archives ----------------------------- */
#page-header.blog-archive-header h1 {
width: 50%;
}
#blog-search {
margin-bottom: 2%;
}
.post-loop-wrapper {
justify-content: flex-start;
}
.post-loop-item,
.post-loop-wrapper.justified-centered .post-loop-item,
.post-loop-wrapper.justified-centered .post-loop-item:nth-of-type(2n) {
margin: 0 2% 2% 0;
width: 32%;
}
.post-loop-item:last-of-type,
.post-loop-item:nth-of-type(3n),
.post-loop-wrapper.justified-centered .post-loop-item:nth-of-type(3n) {
margin-right: 0;
}
/* ------------------------ Single Post Page --------------------------- */
#post-featured-image {
margin-top: 60px;
}
.post-archive-section h2,
.post-archive-section h3,
.post-archive-section h4 {
padding: 80px 0 30px;
}
.post-archive-section body .gform_wrapper {
padding: 80px 0;
}
/* -------------------------- Post Wrapper Layout and Column Styles -------------------------- */
.post-wrapper[data-columns="3"] .post-item,
.post-wrapper[data-columns="3"] .form-check {
width: calc(100% / 3 - 25px);
}
.post-wrapper[data-columns="5"] .post-item,
.post-wrapper[data-columns="5"] .form-check {
width: calc(100% / 5 - 25px);
}
.post-wrapper[data-columns="4"] .post-item,
.post-wrapper[data-columns="4"] .form-check,
.post-wrapper[data-columns="6"] .post-item,
.post-wrapper[data-columns="6"] .form-check,
.post-wrapper[data-columns="8"] .post-item,
.post-wrapper[data-columns="8"] .form-check {
width: calc(100% / 4 - 25px);
}
/* ------------- Post Wrapper for Divi Elements ------------- */
body .post-wrapper.et_pb_row,
#et-boc #et-main-area .post-wrapper.et_pb_row {
margin-bottom: -25px;
}
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
.post-wrapper.et_pb_row .et_pb_column.et_pb_column_2_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_5,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_2_3 {
margin-bottom: 25px;
}
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2 {
margin-right: 0;
width: calc(50% - 12.5px);
}
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3 {
margin: 0 25px 25px 0;
width: calc((100% + 25px) / 3 - 25px);
}
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_2_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_2_3 {
margin: 0;
width: calc(((100% + 25px) * (2 / 3)) - 25px);
}
body .post-wrapper[data-columns="3"] .post-item,
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3 {
max-width: 100%;
}
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_4,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6 {
width: calc((100% + 25px) / 4 - 25px);
}
/* --------------------------- Footer Area ---------------------------- */
body .gform_wrapper.newsletter-form_wrapper .gform_heading {
margin-bottom: 0;
width: 40%;
}
body .gform_wrapper.gravity-theme .newsletter-form {
margin-left: 5%;
width: 55%;
}
#footer-branding > div {
align-items: center;
display: flex;
text-align: left;
}
.wc-footer-branding {
margin: 0 25px 0 0;
}
#main-footer ul.wecreate-social-icons {
float: right;
margin: 0;
text-align: right;
width: auto;
}
#main-footer ul.wecreate-social-icons.et_pb_social_media_follow li {
margin-bottom: 0;
}
}
@media screen and (min-width: 1281px) {
/* ----------------------- Post Wrapper Column Layout Styles ----------------------- */
.post-wrapper[data-columns="5"] .post-item,
.post-wrapper[data-columns="5"] .form-check {
width: calc(100% / 5 - 25px);
}
.post-wrapper[data-columns="8"] .post-item,
.post-wrapper[data-columns="8"] .form-check {
width: calc(100% / 6 - 25px);
}
}
@media screen and (min-width: 1367px) {
/* Post Wrapper Column Layout Styles */
.post-wrapper[data-columns="6"] .post-item,
.post-wrapper[data-columns="6"] .form-check {
width: calc(100% / 6 - 25px);
}
.post-wrapper[data-columns="8"] .post-item,
.post-wrapper[data-columns="8"] .form-check {
width: calc(100% / 8 - 25px);
}
/* ------------- Post Wrapper for Divi Elements ------------- */
body .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6,
#et-boc #et-main-area .post-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6 {
width: calc((100% + 25px) / 6 - 25px);
}
}