File: /var/www/html/appointmentbook.me/wp-content/themes/kadence/assets/css/src/global.scss
@import "_custom-properties.scss";
@import "_mixins.scss";
@import "_reset.scss";
@import "_vars.scss";
@import "_typography.scss";
@import "_elements.scss";
@import "_links.scss";
@import "_ally.scss";
@import "_forms.scss";
@import "_buttons.scss";
@import "_icons.scss";
@import "_social.scss";
@import "_palette.scss";
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.kt-clear {
@include clearfix();
}
// Makes mobile sticky better when logged in.
#wpadminbar {
position: fixed!important;
}
// Perhaps Remove.
.content-area {
margin: var(--global-xxl-spacing) 0;
}
.entry-content {
word-break: break-word;
}
.entry-content table {
word-break: normal;
}
.body {
overflow-x: hidden;
}
.scroll a *, a.scroll * {
pointer-events: none;
}
.content-width-fullwidth .content-container.site-container {
max-width: none;
padding: 0;
}
.content-width-fullwidth .content-area, .content-vertical-padding-hide .content-area {
margin-top: 0;
margin-bottom: 0;
}
.content-vertical-padding-top .content-area {
margin-bottom: 0;
}
.content-vertical-padding-bottom .content-area {
margin-top: 0;
}
.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container {
margin: 0 auto;
padding: 0 var(--global-content-edge-padding);
}
.kt-row-layout-inner > .kb-theme-content-width, .kt-row-layout-inner.kt-row-has-bg > .kb-theme-content-width {
padding-left: var(--global-content-edge-padding);
padding-right: var(--global-content-edge-padding);
}
// Perhaps Remove.
.content-bg {
background: white;
}
.content-style-unboxed {
.entry:not(.loop-entry) > .entry-content-wrap {
padding: 0;
}
.content-bg:not(.loop-entry) {
background: transparent;
}
.entry:not(.loop-entry) {
box-shadow: none;
border-radius: 0;
}
}
@media screen and (min-width: $laptop-plus-query) {
.has-sidebar .content-container {
display: grid;
grid-template-columns: 5fr 2fr;
grid-gap: var(--global-xl-spacing);
justify-content: center;
}
#secondary {
grid-column: 2;
grid-row: 1;
min-width: 0;
}
.has-left-sidebar .content-container {
grid-template-columns: 2fr 5fr;
}
.has-left-sidebar #main {
grid-column: 2;
grid-row: 1
}
.has-left-sidebar #secondary {
grid-column: 1;
grid-row: 1;
}
.has-sidebar .wp-site-blocks .content-container .alignwide, .has-sidebar .wp-site-blocks .content-container .alignfull {
width: unset;
max-width: unset;
margin-left: 0;
margin-right: 0;
}
.has-sidebar .content-container .kadence-thumbnail-position-behind.alignwide {
margin-left: -10px;
margin-right: -10px;
}
}
#kt-scroll-up-reader, #kt-scroll-up {
position: fixed;
transform: translateY(40px);
transition: all 0.2s ease;
opacity: 0;
z-index: 1000;
display: flex;
cursor: pointer;
* {
pointer-events: none;
}
}
#kt-scroll-up-reader.scroll-up-style-outline, #kt-scroll-up.scroll-up-style-outline {
background: transparent;
}
.scroll-up-style-filled {
color: var( --global-palette9 );
background: var( --global-palette4 );
}
.scroll-up-style-filled:hover {
color: var( --global-palette9 );
}
.scroll-up-style-outline, .scroll-up-wrap.scroll-up-style-outline {
border-width: 2px;
border-style: solid;
border-color: currentColor;
color: var( --global-palette4 );
}
.scroll-up-style-outline:hover {
color: var( --global-palette5 );
}
#kt-scroll-up.scroll-visible {
transform: translateY(0px);
opacity: 1;
}
#kt-scroll-up-reader{
transform: translateY(0px);
transition: all 0s ease;
}
#kt-scroll-up-reader:not(:focus) {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
}
#kt-scroll-up-reader:focus {
transform: translateY(0px);
opacity: 1;
box-shadow: none;
z-index: 1001;
}
/*--------------------------------------------------------------
# Visiblity
--------------------------------------------------------------*/
@media screen and (max-width: $phone-minus-query) {
.vs-sm-false {
display:none !important;
}
}
@media screen and (min-width: $before-tablet-plus-query) and (max-width: $tablet-minus-query) {
.vs-md-false {
display:none !important;
}
}
@media screen and (min-width: $laptop-plus-query) {
.vs-lg-false {
display:none !important;
}
}
body.logged-in .vs-logged-in-false {
display:none !important;
}
body:not(.logged-in) .vs-logged-out-false {
display:none !important;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll .pagination,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that
were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
// Maybe CSS option for mobile animate in.
#wrapper {
overflow: hidden;
overflow: clip;
}
.kadence-scrollbar-fixer {
margin-right: var( --scrollbar-offset, unset );
.item-is-fixed {
right: var(--scrollbar-offset, 0 );
}
}
// Align.
.alignleft {
float: left;
margin-right: var(--global-md-spacing);
}
.alignright {
float: right;
margin-left: var(--global-md-spacing);
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
//body.footer-on-bottom {
//height: 100%;
//min-height: 100%;
//}
body.footer-on-bottom #wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
body.footer-on-bottom.admin-bar #wrapper {
min-height: calc( 100vh - 32px );
}
body.footer-on-bottom #inner-wrap {
flex: 1 0 auto;
}
.kadence-pro-fixed-item > .kadence-element-wrap > p:first-child:last-child, .kadence-pro-fixed-item > p:first-child:last-child {
margin: 0;
}