/* Site Link Color Accents
// ========================================================================== */
/*
// Color.
*/
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.x-breadcrumb-wrap a:hover,
.x-comment-author a:hover,
.x-comment-time:hover,
.p-meta > span > a:hover,
.format-link .link a:hover,
.x-main .widget ul li a:hover,
.x-main .widget ol li a:hover,
.x-main .widget_tag_cloud .tagcloud a:hover,
.x-sidebar .widget ul li a:hover,
.x-sidebar .widget ol li a:hover,
.x-sidebar .widget_tag_cloud .tagcloud a:hover,
.x-portfolio .entry-extra .x-ul-tags li a:hover {
color: %%post color%%#96ba5f%%/post%%;
}
a:hover {
color: %%post color%%#96ba5f%%/post%%;
}
/*
// Border color.
*/
a.x-img-thumbnail:hover {
border-color: %%post color%%#96ba5f%%/post%%;
}
/*
// Background color.
*/
/* Layout Sizing
// ========================================================================== */
/*
// Main structural elements.
*/
.x-main {
width: 74%;
}
.x-sidebar {
width: calc( 100% - 74%);
}
/*
// Main content background.
*/
.x-post-slider-archive-active .x-container.main:not(.x-row):not(.x-grid):before {
top: 0;
}
.x-content-sidebar-active .x-container.main:not(.x-row):not(.x-grid):before {
right: calc( 100% - 74%);
}
.x-sidebar-content-active .x-container.main:not(.x-row):not(.x-grid):before {
left: calc( 100% - 74%);
}
.x-full-width-active .x-container.main:not(.x-row):not(.x-grid):before {
left: -5000em;
}
/* Design Options
// ========================================================================== */
/*
// Color.
*/
.h-landmark,
.x-main .h-widget,
.x-main .h-widget a.rsswidget,
.x-main .h-widget a.rsswidget:hover,
.x-main .widget.widget_pages .current_page_item a,
.x-main .widget.widget_nav_menu .current-menu-item a,
.x-main .widget.widget_pages .current_page_item a:hover,
.x-main .widget.widget_nav_menu .current-menu-item a:hover,
.x-sidebar .h-widget,
.x-sidebar .h-widget a.rsswidget,
.x-sidebar .h-widget a.rsswidget:hover,
.x-sidebar .widget.widget_pages .current_page_item a,
.x-sidebar .widget.widget_nav_menu .current-menu-item a,
.x-sidebar .widget.widget_pages .current_page_item a:hover,
.x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {
color: %%post color%%#333333%%/post%%;
}
.x-main .widget,
.x-main .widget a,
.x-main .widget ul li a,
.x-main .widget ol li a,
.x-main .widget_tag_cloud .tagcloud a,
.x-main .widget_product_tag_cloud .tagcloud a,
.x-main .widget a:hover,
.x-main .widget ul li a:hover,
.x-main .widget ol li a:hover,
.x-main .widget_tag_cloud .tagcloud a:hover,
.x-main .widget_product_tag_cloud .tagcloud a:hover,
.x-main .widget_shopping_cart .buttons .button,
.x-main .widget_price_filter .price_slider_amount .button,
.x-sidebar .widget,
.x-sidebar .widget a,
.x-sidebar .widget ul li a,
.x-sidebar .widget ol li a,
.x-sidebar .widget_tag_cloud .tagcloud a,
.x-sidebar .widget_product_tag_cloud .tagcloud a,
.x-sidebar .widget a:hover,
.x-sidebar .widget ul li a:hover,
.x-sidebar .widget ol li a:hover,
.x-sidebar .widget_tag_cloud .tagcloud a:hover,
.x-sidebar .widget_product_tag_cloud .tagcloud a:hover,
.x-sidebar .widget_shopping_cart .buttons .button,
.x-sidebar .widget_price_filter .price_slider_amount .button {
color: %%post color%%rgb(68, 69, 68)%%/post%%;
}
/*
// Border color.
*/
.x-main .h-widget,
.x-main .widget.widget_pages .current_page_item,
.x-main .widget.widget_nav_menu .current-menu-item,
.x-sidebar .h-widget,
.x-sidebar .widget.widget_pages .current_page_item,
.x-sidebar .widget.widget_nav_menu .current-menu-item {
border-color: %%post color%%#333333%%/post%%;
}
/* Post Slider
// ========================================================================== */
.x-post-slider {
height: 425px;
}
.archive .x-post-slider {
height: 425px;
}
.x-post-slider .x-post-slider-entry {
padding-bottom: 425px;
}
.archive .x-post-slider .x-post-slider-entry {
padding-bottom: 425px;
}
/* Custom Fonts - Colors
// ========================================================================== */
/*
// Body.
*/
.format-link .link a,
.x-portfolio .entry-extra .x-ul-tags li a {
color: %%post color%%rgb(126, 125, 125)%%/post%%;
}
/*
// Headings.
*/
.p-meta > span > a,
.x-nav-articles a,
.entry-top-navigation .entry-parent,
.option-set .x-index-filters,
.option-set .x-portfolio-filters,
.option-set .x-index-filters-menu >li >a:hover,
.option-set .x-index-filters-menu >li >a.selected,
.option-set .x-portfolio-filters-menu > li > a:hover,
.option-set .x-portfolio-filters-menu > li > a.selected {
color: %%post color%%#272727%%/post%%;
}
.x-nav-articles a,
.entry-top-navigation .entry-parent,
.option-set .x-index-filters,
.option-set .x-portfolio-filters,
.option-set .x-index-filters i,
.option-set .x-portfolio-filters i {
border-color: %%post color%%#272727%%/post%%;
}
.x-nav-articles a:hover,
.entry-top-navigation .entry-parent:hover,
.option-set .x-index-filters:hover i,
.option-set .x-portfolio-filters:hover i {
background-color: %%post color%%#272727%%/post%%;
}
/* Responsive Styling
// ========================================================================== */
@media (max-width: 978.98px) {
.x-content-sidebar-active .x-container.main:not(.x-row):not(.x-grid):before,
.x-sidebar-content-active .x-container.main:not(.x-row):not(.x-grid):before {
left: -5000em;
}
body .x-main .widget,
body .x-main .widget a,
body .x-main .widget a:hover,
body .x-main .widget ul li a,
body .x-main .widget ol li a,
body .x-main .widget ul li a:hover,
body .x-main .widget ol li a:hover,
body .x-sidebar .widget,
body .x-sidebar .widget a,
body .x-sidebar .widget a:hover,
body .x-sidebar .widget ul li a,
body .x-sidebar .widget ol li a,
body .x-sidebar .widget ul li a:hover,
body .x-sidebar .widget ol li a:hover {
color: %%post color%%rgb(126, 125, 125)%%/post%%;
}
body .x-main .h-widget,
body .x-main .widget.widget_pages .current_page_item a,
body .x-main .widget.widget_nav_menu .current-menu-item a,
body .x-main .widget.widget_pages .current_page_item a:hover,
body .x-main .widget.widget_nav_menu .current-menu-item a:hover,
body .x-sidebar .h-widget,
body .x-sidebar .widget.widget_pages .current_page_item a,
body .x-sidebar .widget.widget_nav_menu .current-menu-item a,
body .x-sidebar .widget.widget_pages .current_page_item a:hover,
body .x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {
color: %%post color%%#272727%%/post%%;
}
body .x-main .h-widget,
body .x-main .widget.widget_pages .current_page_item,
body .x-main .widget.widget_nav_menu .current-menu-item,
body .x-sidebar .h-widget,
body .x-sidebar .widget.widget_pages .current_page_item,
body .x-sidebar .widget.widget_nav_menu .current-menu-item {
border-color: %%post color%%#272727%%/post%%;
}
}
@media (max-width: 766.98px) {
.x-post-slider,
.archive .x-post-slider {
height: auto !important;
}
.x-post-slider .x-post-slider-entry,
.archive .x-post-slider .x-post-slider-entry {
padding-bottom: 65% !important;
}
}
/* Gutenberg
// ========================================================================== */
/*
// ========================================================================== */
html {
font-size: 10px;
}
@media (min-width: 479px) {
html { font-size: 10px; }
} @media (min-width: 766px) {
html { font-size: 12px; }
} @media (min-width: 978px) {
html { font-size: 14px; }
} @media (min-width: 1199px) {
html { font-size: 16px; }
}
/*
// ========================================================================== */
body {
font-style: normal;
font-weight: 200;
color: %%post color%%rgb(126, 125, 125)%%/post%%;
background-color: %%post color%%rgb(255, 255, 255)%%/post%%;
}
.w-b {
font-weight: 200 !important;
}
/* Headings
// ========================================================================== */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 500;
}
h1, .h1 {
letter-spacing: -0.03em;
}
h2, .h2 {
letter-spacing: -0.02em;
}
h3, .h3 {
letter-spacing: -0.035em;
}
h4, .h4 {
letter-spacing: -0.035em;
}
h5, .h5 {
letter-spacing: -0.035em;
}
h6, .h6 {
letter-spacing: -0.035em;
}
.w-h {
font-weight: 500 !important;
}
/* Container Sizing
// ========================================================================== */
.x-container.width { width: 86%; }
.x-container.max { max-width: 1240px; }
.x-bar-content.x-container.width { flex-basis: 86%; }
/* Content
// ========================================================================== */
.x-main.full {
float: none;
clear: both;
display: block;
width: auto;
}
@media (max-width: 978.98px) {
.x-main.full,
.x-main.left,
.x-main.right,
.x-sidebar.left,
.x-sidebar.right {
float: none;
display: block;
width: auto !important;
}
}
.entry-header,
.entry-content {
font-size: 1rem;
}
/* Custom Fonts
// ========================================================================== */
body,
input,
button,
select,
textarea {
font-family: "Montserrat", sans-serif;
}
/* Custom Fonts - Colors
// ========================================================================== */
/*
// Headings.
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
color: %%post color%%#272727%%/post%%;
}
.cfc-h-tx { color: %%post color%%#272727%%/post%% !important; }
.cfc-h-bd { border-color: %%post color%%#272727%%/post%% !important; }
.cfc-h-bg { background-color: %%post color%%#272727%%/post%% !important; }
/*
// Body.
*/
.cfc-b-tx { color: %%post color%%rgb(126, 125, 125)%%/post%% !important; }
.cfc-b-bd { border-color: %%post color%%rgb(126, 125, 125)%%/post%% !important; }
.cfc-b-bg { background-color: %%post color%%rgb(126, 125, 125)%%/post%% !important; }
/* Base Styles
// ========================================================================== */
.x-btn,
.button,
[type="submit"] {
/*
// Colors.
*/
color: %%post color%%#ffffff%%/post%%;
border-color: %%post color%%#407236%%/post%%;
background-color: %%post color%%#407236%%/post%%;
/*
// Style.
*/
text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
/*
// Shape.
*/
/*
// Size.
*/
}
.x-btn:hover,
.button:hover,
[type="submit"]:hover {
/*
// Colors.
*/
color: %%post color%%#ffffff%%/post%%;
border-color: %%post color%%#96ba5f%%/post%%;
background-color: %%post color%%#96ba5f%%/post%%;
/*
// Style.
*/
text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
}
/* Button Style - Real
// ========================================================================== */
.x-btn.x-btn-real,
.x-btn.x-btn-real:hover {
margin-bottom: 0.25em;
text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
}
.x-btn.x-btn-real {
box-shadow: 0 0.25em 0 0 %%post color%%#96ba5f%%/post%%, 0 4px 9px rgba(0, 0, 0, 0.75);
}
.x-btn.x-btn-real:hover {
box-shadow: 0 0.25em 0 0 %%post color%%#a71000%%/post%%, 0 4px 9px rgba(0, 0, 0, 0.75);
}
/* Button Style - Flat
// ========================================================================== */
.x-btn.x-btn-flat,
.x-btn.x-btn-flat:hover {
margin-bottom: 0;
text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
box-shadow: none;
}
/* Button Style - Transparent
// ========================================================================== */
.x-btn.x-btn-transparent,
.x-btn.x-btn-transparent:hover {
margin-bottom: 0;
border-width: 3px;
text-shadow: none;
text-transform: uppercase;
background-color: transparent;
box-shadow: none;
}
/* Heading Icons
// ========================================================================== */
/* Base Styles
// ========================================================================== */
/* Base Styles
// ========================================================================== */
/* Base Styles
// ========================================================================== */
/* Design Options
// ========================================================================== */
/*
// Background color.
*/
.x-topbar,
.x-colophon.bottom {
background-color: %%post color%%hsl(0, 0%, 0%)%%/post%%;
}
.x-logobar,
.x-navbar,
.x-navbar .sub-menu,
.x-colophon.top {
background-color: %%post color%%rgb(0, 0, 0)%%/post%%;
}
/* Navbar
// ========================================================================== */
/*
// Color.
*/
.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .sub-menu a,
.x-navbar .mobile .x-nav li > a,
.x-breadcrumb-wrap a,
.x-breadcrumbs .delimiter {
color: %%post color%%rgb(176, 177, 175)%%/post%%;
}
.x-topbar .p-info a:hover,
.x-social-global a:hover,
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a,
.x-navbar .desktop .sub-menu a:hover,
.x-navbar .desktop .sub-menu .x-active > a,
.x-navbar .desktop .sub-menu .current-menu-item > a,
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a,
.x-navbar .mobile .x-nav li > a:hover,
.x-navbar .mobile .x-nav .x-active > a,
.x-navbar .mobile .x-nav .current-menu-item > a,
.x-widgetbar .widget a:hover,
.x-colophon .widget a:hover,
.x-colophon.bottom .x-colophon-content a:hover,
.x-colophon.bottom .x-nav a:hover {
color: %%post color%%hsl(0, 0%, 100%)%%/post%%;
}
/*
// Box shadow.
*/