/*
Theme Name: TheDevCave Child
Template: thedevcave
Author: TheDevCave
Author URI: https://thedevcave.com
Theme URI: https://thedevcave.com
Description: TheDevCave is the last theme you'll ever need. Welcome to the future.
Version: 2.1.1
Requires at least: 6.1
Tested up to: 6.6.2
Requires PHP: 7.4
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: thedevcave
*/
/* Misc */
:root {
--odm--preset--font-size--paragraph: clamp(1.125rem, 0.357vw + 1.036rem, 1.25rem);
--odm--preset--transition: all 0.2s ease-in-out;
--odm--preset--transform--skew: skewX(-10deg);
--odm--preset--transform--skew--small: skewX(-5deg);
--odm--preset--svg--circle-check: url('data:image/svg+xml,');
--odm--preset--svg--circle-check--white: url('data:image/svg+xml,');
}
main.content {
overflow: hidden;
}
@media (max-width: 480px) {
:root {
--wp--style--global--wide-size: 100%;
}
}
@media (min-width: 1140px) {
:root {
--wp--style--global--wide-size: 90%;
}
}
/* Heading Numbers */
.wp-block-heading { font-variant-numeric: lining-nums proportional-nums; }
/* Text Accent */
.tdc-text-accent {
color: var(--wp--preset--color--medium-grey);
text-decoration: none;
}
/* Number Circle */
.is-style-number-circle {
position: relative;
display: inline-flex;
align-items: center;
color: var(--wp--preset--color--white);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 900;
font-variant-numeric: lining-nums proportional-nums;
line-height: 34px;
padding: 0 10px;
}
.is-style-number-circle span {
position: relative;
z-index: 2;
top: -1px;
}
.is-style-number-circle::after {
content: '';
position: absolute;
inset: 0;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
width: 34px;
height: 34px;
}
:where(.editor-styles-wrapper) .is-style-number-circle {
background-color: var(--wp--preset--color--primary);
border-radius: 100px;
}
:where(.editor-styles-wrapper) .is-style-number-circle::after {
content: none;
position: static;
}
/* Footer Customizations */
footer.site-footer > .wp-block-cover.footer-container .wp-block-cover__image-background {
object-fit: contain;
object-position: bottom;
}
footer.site-footer .wp-block-social-links .wp-social-link > a {
border: 1px solid #fff;
border-radius: 100px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
/* Icon Container */
.wp-block-group.icon-container { min-width: 40px; }
.wp-block-group.icon-container img { display: block; }