/** Shopify CDN: Minification failed

Line 33:0 Unexpected "{"
Line 116:0 Unexpected "<"
Line 120:0 Unexpected "<"

**/
/* disable login page visibility */
.template-login .Form__Hint{
display: none;
}



/* QR Code Calculator */


/* Mirror Icons */
.mirror {
    margin: 0 auto;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    float: right;
}



/* Bootstrap Icon Mapping */
{
.bi.bi-heart::before { content: "\f004"; } /* Heart icon */
.bi.bi-star::before { content: "\f005"; } /* Star icon */
.bi.bi-check::before { content: "\f00c"; } /* Check icon */
.bi.bi-phone::before { content: "\f095"; } /* Phone icon */
.bi.bi-binoculars::before { content: "\f1e5"; } /* Binoculars icon */
.bi.bi-chat-left-dots::before { content: "\f2b8"; } /* Chat Left Dots icon */
.bi.bi-clipboard-check-fill::before { content: "\f18c"; } /* Clipboard Check Fill icon */
.bi.bi-bar-chart-fill::before { content: "\f080"; } /* Bar Chart Fill icon */
}
/* Bootstrap Border Radius Variables */
/* custom.css.liquid */

.my-rounded-element {
    border-radius: 0.25rem; /* Set your desired value */
}

.my-sm-rounded-element {
    border-radius: 0.8rem; /* Set your desired value */
}

.my-lg-rounded-element {
    border-radius: 0.3rem; /* Set your desired value */
}

.my-pill-element {
    border-radius: 50rem; /* Set your desired value */
}


/* wavy footer */
/*Waves */

.waves {
  position: relative;
  width: 100%;
  height: 1vh;
  margin-bottom: 0px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 400px;
}
/* Animation */
.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax>use:nth-child(1) {
  animation-delay: -1s;
  animation-duration: 18s;
}
.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile */
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
  .content {
    height: 30vh;
  }
}


/* navbar bolded active */
<style>
    .navbar-nav .nav-link.active {
        font-weight: bold;
    }
</style>

/* Meme Generator */
.image-preview {
        position: relative;
        border: 1px solid #ccc;
        background-color: #fff;
        overflow: hidden;
    }

    .image-preview img {
        width: 100%;
        height: auto;
        display: block;
    }

    .text-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: #fff;
    }

    .top-text,
    .bottom-text {
        font-size: 1.5rem;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 1px 1px 1px black;
        letter-spacing: 0px;
    }

    @media (max-width: 767px) {
        .text-overlay {
            padding-bottom: 0.5rem;
            top: 0;
            bottom: unset;
            justify-content: space-between;
        }

        .top-text {
            margin-top: 0;
        }

        .bottom-text {
            margin-bottom: 0.5rem;
        }
    }

/* cursor styles */
.col-md-6.cursor-pointer img {
    cursor: pointer;
}


/* tooltips */
.icon-tooltip + .tooltip .tooltip-inner {
    max-width: 200px;
    text-align: left;
}

/* virtual coin flipper */
.coin {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    perspective: 1000px;
    cursor: pointer;
    border-radius: 50%;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.coin .side {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: white;
    border-radius: 50%;
}

.heads {
    background-color: #4CAF50;
}

.tails {
    background-color: #F44336;
    transform: rotateY(180deg);
}

.flipping {
    animation: flip 1s forwards;
}

@keyframes flip {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(1800deg);
    }
}

:root {
  --bs-footercolor: #223160;
}

.bg-footercolor {
  background-color: var(--bs-footercolor) !important;
}


/* random number generator */
.result-number {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  font-size: 1.2em;
}


/* random dice roller */



.dice-container {
    text-align: center;
}

.dice {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #007BFF;
    color: white;
    font-size: 2em;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: transform 0.2s;
}

/* data rate transfer tool */
#tool-data-transfer-rate-converter .form-control {
    max-width: 150px;
}

#tool-data-transfer-rate-converter .form-select {
    max-width: 100px;
}

#tool-data-transfer-rate-converter .row {
    text-align: center;
    margin-top: 20px;
}

.progress {
    height: 20px;
    border-radius: 10px;
}

.progress-bar {
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* energy converter tool */
.energy-converter-container {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.energy-converter-container h2 {
    text-align: center;
    margin-bottom: 20px;
}

.energy-converter .input-section, .energy-converter .output-section {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
}

.energy-converter label {
    display: block;
    margin-bottom: 8px;
}

.energy-converter input, .energy-converter select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.energy-converter button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007BFF;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}

.energy-converter button#clearButton {
    background-color: #dc3545;
}

.energy-converter button:hover {
    opacity: 0.9;
}

.energy-converter .output-section {
    text-align: center;
}

.energy-converter #results {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* frequency converter tool */
.frequency-converter-container {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.frequency-converter-container h2 {
    text-align: center;
    margin-bottom: 20px;
}

.frequency-converter .input-section, .frequency-converter .output-section {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
}

.frequency-converter label {
    display: block;
    margin-bottom: 8px;
}

.frequency-converter input, .frequency-converter select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.frequency-converter button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007BFF;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}

.frequency-converter button#clearButton {
    background-color: #dc3545;
}

.frequency-converter button:hover {
    opacity: 0.9;
}

.frequency-converter .output-section {
    text-align: center;
}

.frequency-converter #results {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* pressure converter tool */
.pressure-converter-container {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.pressure-converter-container h2 {
    text-align: center;
    margin-bottom: 20px;
}

.pressure-converter .input-section, .pressure-converter .output-section {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
}

.pressure-converter label {
    display: block;
    margin-bottom: 8px;
}

.pressure-converter input, .pressure-converter select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.pressure-converter button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007BFF;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}

.pressure-converter button#clearButton {
    background-color: #dc3545;
}

.pressure-converter button:hover {
    opacity: 0.9;
}

.pressure-converter .output-section {
    text-align: center;
}

.pressure-converter #results {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* text diff checker tool */
/* tool-diff-checker styles */
.diff-added {
    background-color: #d4edda;
}

.diff-removed {
    background-color: #f8d7da;
}

.diff-changed {
    background-color: #fff3cd;
}

/* code review global elements fixes */
/* condensed view */
#condensed-view .condensed-item {
  flex: 0 0 100%;
  margin: 0.5%;
}

@media (min-width: 576px) {
  #condensed-view .condensed-item {
    flex: 0 0 48%;
  }
}

@media (min-width: 992px) {
  #condensed-view .condensed-item {
    flex: 0 0 24%;
  }
}

#condensed-view .condensed-item img {
  border: none;
  margin-right: 10px;
}

#condensed-view .condensed-item div {
  display: inline-block;
  vertical-align: middle;
}

#condensed-view .condensed-item .title-container {
  max-width: calc(100% - 70px); /* Adjust according to image width */
  display: inline-block;
}