/*
Theme Name: LinkedGuerilla Child Theme
Template: hello-elementor
Version: 3.0.1
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 22 Mar 2024 14:33:54 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro"); 
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    -webkit-text-decoration: underline dotted currentColor;
    /* 2 */
    text-decoration: underline dotted currentColor /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/**
 * Add the correct font size in all browsers.
 */
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,input,optgroup,select,textarea {
    font-family: inherit /* 2 */ /* 1 */ /* 1 */ /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

/**
 * Remove the inner border and padding in Firefox.
 */
/**
 * Restore the focus styles unset by the previous rule.
 */
/**
 * Correct the padding in Firefox.
 */
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block
}

/*!
 * Materialize v1.0.0-rc.2 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

 .table-of-contents.fixed {
    position: fixed
}

.table-of-contents li {
    padding: 2px 0
}

.table-of-contents a {
    color: #757575;
    display: inline-block;
    font-weight: 300;
    height: 1.5rem;
    letter-spacing: .4;
    line-height: 1.5rem;
    padding-left: 16px
}

.table-of-contents a:hover {
    border-left: 1px solid #ee6e73;
    color: #a8a8a8;
    padding-left: 15px
}

.table-of-contents a.active {
    border-left: 2px solid #ee6e73;
    font-weight: 500;
    padding-left: 14px
}

.sidenav {
    backface-visibility: hidden;
    background-color: #fff;
    height: calc(100% + 60px);
    height: 100%;
    left: 0;
    margin: 0;
    overflow-y: auto;
    padding-bottom: 60px;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transform: translateX(-105%);
    width: 300px;
    will-change: transform;
    z-index: 999
}

.sidenav.right-aligned {
    left: auto;
    right: 0;
    transform: translateX(105%);
    transform: translateX(100%)
}

.sidenav .collapsible {
    margin: 0
}

.sidenav li {
    float: none;
    line-height: 48px
}

.sidenav li.active {
    background-color: rgba(0,0,0,.05)
}

.sidenav li>a {
    color: rgba(0,0,0,.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px
}

.sidenav li>a:hover {
    background-color: rgba(0,0,0,.05)
}

.sidenav li>a.btn,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small {
    margin: 10px 15px
}

.sidenav li>a.btn,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small {
    color: #fff
}

.sidenav li>a.btn-flat {
    color: #343434
}

.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn:hover {
    background-color: #2bbbad
}

.sidenav li>a.btn-floating:hover {
    background-color: #26a69a
}

.sidenav li>a li>a>[class*=mdi-],.sidenav li>a>[class^=mdi-],.sidenav li>a>i,.sidenav li>a>i.material-icons {
    color: rgba(0,0,0,.54);
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px
}

.sidenav .divider {
    margin: 8px 0 0
}

.sidenav .subheader {
    color: rgba(0,0,0,.54);
    cursor: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    pointer-events: none
}

.sidenav .subheader:hover {
    background-color: transparent
}

.sidenav .user-view {
    margin-bottom: 8px;
    padding: 32px 32px 0;
    position: relative
}

.sidenav .user-view>a {
    height: auto;
    padding: 0
}

.sidenav .user-view>a:hover {
    background-color: transparent
}

.sidenav .user-view .background {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.sidenav .user-view .circle,.sidenav .user-view .email,.sidenav .user-view .name {
    display: block
}

.sidenav .user-view .circle {
    height: 64px;
    width: 64px
}

.sidenav .user-view .email,.sidenav .user-view .name {
    font-size: 14px;
    line-height: 24px
}

.sidenav .user-view .name {
    font-weight: 500;
    margin-top: 16px
}

.sidenav .user-view .email {
    font-weight: 400;
    padding-bottom: 16px
}

.drag-target {
    height: 100%;
    position: fixed;
    top: 0;
    width: 10px;
    z-index: 998
}

.drag-target.right-aligned {
    right: 0
}

.sidenav.sidenav-fixed {
    left: 0;
    position: fixed;
    transform: translateX(0)
}

.sidenav.sidenav-fixed.right-aligned {
    left: auto;
    right: 0
}

@media only screen and (max-width: 992px) {
    .sidenav.sidenav-fixed {
        transform:translateX(-105%)
    }

    .sidenav.sidenav-fixed.right-aligned {
        transform: translateX(105%)
    }

    .sidenav>a {
        padding: 0 16px
    }

    .sidenav .user-view {
        padding: 16px 16px 0
    }
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active {
    background-color: #ee6e73
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a {
    color: #fff
}

.sidenav .collapsible-body {
    padding: 0
}

.sidenav-overlay {
    background-color: rgba(0,0,0,.5);
    display: none;
    height: 120vh;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 997
}
 
:root {
    --primary-color: #c5b358;
    --black: #000;
    --white: #fff;
    --success-color: #2ecc71;
    --light-success-color: #59d98e;
    --dark-success-color: #1c7d44;
    --error-color: #e74c3c;
    --pending-color: #ffc;
    --notification-red: #d11124;
    --background-gray: #f3f3f3;
    --disabled-gray: #ebe9eb;
    --light-gray: #e5e5e5;
    --medium-gray: #5d5e50;
    --dark-gray: #453f1f;
    --light-blue: #71cecd;
    --medium-blue: #002b36;
    --dark-blue: #221e78;
    --gold: #c5b358;
    --dark-gold: #85783c;
    --light-gold: #cec69b;
    --dark-bronze: #665d1e;
    --light-bronze: #a57164;
    --push-top-desktop: 100px;
    --push-top-mobile: 60px;
    --push-top-tablet: 100px;
    --gradient: linear-gradient(var(--primary-color),var(--dark-blue));
    --smaller-font-size: 10px;
    --smaller-line-height: 1;
    --small-font-size: 14px;
    --small-line-height: 1.1;
    --default-font-size: 16px;
    --default-line-height: 1.4;
    --medium-font-size: 20px;
    --medium-line-height: 1.3;
    --big-font-size: 24px;
    --big-line-height: 1.5;
    --bigger-font-size: 68px;
    --bigger-line-height: 1.5;
    --h1-font-size: 48px;
    --h1-line-height: 1.3;
    --h1-font-size-mobile: 8vw;
    --h1-line-height-mobile: 1.3;
    --h2-font-size: 38px;
    --h2-line-height: 1.2;
    --h2-font-size-mobile: 6vw;
    --h2-line-height-mobile: 1.2;
    --h3-font-size: 27.5px;
    --h3-line-height: 1;
    --h3-font-size-mobile: 4vw;
    --h3-line-height-mobile: 1;
    --h4-font-size: 24px;
    --h4-line-height: 1;
    --h4-font-size-mobile: 24px;
    --h4-line-height-mobile: 1;
    --h5-font-size: 21px;
    --h5-line-height: 1;
    --h5-font-size-mobile: 21px;
    --h5-line-height-mobile: 1;
    --h6-font-size: 18.4px;
    --h6-line-height: 1;
    --h6-font-size-mobile: 18.4px;
    --h6-line-height-mobile: 1
}

body,html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    background: var(--white);
    color: #000;
    color: var(--black);
    font-family: Source Sans Pro,sans-serif;
    font-family: var(--font-text);
    height: 100%
}

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: #85783c;
    background: var(--dark-gold)
}

::-moz-selection {
    background: #34243c
}

::selection {
    background: #34243c
}

* {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}



h1 {
    font-size: 1.4rem
}

h1,h2 {
    font-weight: 100;
    margin-top: 1.5rem
}

h2 {
    font-size: 1.3rem
}

h3 {
    font-size: 1.2rem
}

h3,h4 {
    font-weight: 100;
    margin-top: 1.5rem
}

h4 {
    font-size: 1rem
}

h5,h6 {
    font-weight: 100;
    margin-top: 1.5rem
}



::-webkit-scrollbar {
    width: .3rem
}

::-webkit-scrollbar-thumb {
    background: #000
}



@media (max-width: 1000px),print {
    body {
        padding-top:100px;
        padding-top: var(--push-top-tablet)
    }
}

@media (max-width: 640px) {
    body {
        padding-top:60px;
        padding-top: var(--push-top-mobile)
    }
}

* {
    outline: none
}

::-moz-selection {
    background: #002b36;
    background: var(--medium-blue);
    color: #fff;
    color: var(--white)
}

::selection {
    background: #002b36;
    background: var(--medium-blue);
    color: #fff;
    color: var(--white)
}

a,button {
    color: #c5b358;
    color: var(--primary-color);
    text-decoration: none;
    transition: all .3s ease
}

a:hover,button:hover {
    color: color-mod(#c5b358 lightness(40%));
    color: color-mod(var(--primary-color) lightness(40%))
}

h1,h2,h3 {
    box-sizing: border-box
}

.middleAlign {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-anchor: visible;
    vertical-align: middle
}

#wpcomm * {
    clear: inherit
}



.search-form .inner-content input[type=submit] {
    height: 100%;
    line-height: 1;
    padding: 1rem
}

.site-content.page {
    /* min-height: 100vh; */
}

.filter-button-group .button {
    font-size: 1rem;
    height: 3rem
}

.button,input[type=submit] {
    padding: .5rem 1rem
}

.nomargin {
    margin: 0
}

.noTitle .page-title {
    display: none
}

#thankyou {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 70%;
    min-height: 100%;
    min-height: 100vh
}

#thankyou h1 {
    font-size: 4rem;
    margin-bottom: 0;
    margin-top: -5rem
}

#thankyou * {
    text-align: center
}
 @keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (min-width: 100px) {
    html {
        font-size:8px
    }
}

@media (min-width: 200px) {
    html {
        font-size:9px
    }
}

@media (min-width: 300px) {
    html {
        font-size:10px
    }
}

@media (min-width: 400px) {
    html {
        font-size:11px
    }
}

@media (min-width: 500px) {
    html {
        font-size:12px
    }
}

@media (min-width: 600px) {
    html {
        font-size:12px
    }
}

@media (min-width: 700px) {
    html {
        font-size:13px
    }
}

@media (min-width: 800px) {
    html {
        font-size:14px
    }
}

@media (min-width: 900px) {
    html {
        font-size:15px
    }
}

@media (min-width: 1000px) {
    html {
        font-size:16px
    }
}

@media (min-width: 1100px) {
    html {
        font-size:18px
    }
}

@media (min-width: 1200px) {
    html {
        font-size:19px
    }
}

@media (min-width: 1300px) {
    html {
        font-size:20px
    }
}

@media (min-width: 1400px) {
    html {
        font-size:21px
    }
}

@media (min-width: 1500px) {
    html {
        font-size:23px
    }
}

@media (min-width: 1600px) {
    html {
        font-size:24px
    }
}

@media (min-width: 1700px) {
    html {
        font-size:25px
    }
}

@media (min-width: 1800px) {
    html {
        font-size:26px
    }
}

@media (min-width: 1900px) {
    html {
        font-size:27px
    }
}

@media (min-width: 2000px) {
    html {
        font-size:28px
    }
}

@media (min-width: 2100px) {
    html {
        font-size:29px
    }
}

@media (min-width: 2200px) {
    html {
        font-size:30px
    }
}

@media (min-width: 2300px) {
    html {
        font-size:31px
    }
}

@media (min-width: 2400px) {
    html {
        font-size:32px
    }
}

@media (min-width: 2500px) {
    html {
        font-size:33px
    }
}

@media (min-width: 2600px) {
    html {
        font-size:34px
    }
}

@media (min-width: 2700px) {
    html {
        font-size:35px
    }
}

@media (min-width: 2800px) {
    html {
        font-size:36px
    }
}

@media (min-width: 2900px) {
    html {
        font-size:37px
    }
}

@media (min-width: 3000px) {
    html {
        font-size:38px
    }
}

@media (min-width: 3500px) {
    html {
        font-size:39px
    }
}

@media (min-width: 4000px) {
    html {
        font-size:40px
    }
}

@media (min-width: 4500px) {
    html {
        font-size:42px
    }
}

@media (min-width: 5000px) {
    html {
        font-size:44px
    }
}

@media (min-width: 5500px) {
    html {
        font-size:46px
    }
}

@media (min-width: 6000px) {
    html {
        font-size:48px
    }
}

@media (min-width: 6500px) {
    html {
        font-size:50px
    }
}

@media (min-width: 7000px) {
    html {
        font-size:52px
    }
}

.pulse:before {
    animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
    background-color: inherit;
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s,transform .3s;
    width: 100%;
    z-index: -1
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #c5b358;
    background: var(--primary-color);
    height: 4px;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

#nprogress .peg {
    box-shadow: 0 0 10px #c5b358,0 0 5px #c5b358;
    box-shadow: 0 0 10px var(--primary-color),0 0 5px var(--primary-color);
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: rotate(0deg) translateY(-4px);
    width: 100px
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --font-text: -apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Roboto", "Oxygen", 
    "Ubuntu", "Cantarell", "Fira Sans", 
    "Droid Sans", "Helvetica Neue", sans-serif;
    --font-code: Source Sans Pro,Lucida Console,monospace
}

button {
    cursor: pointer
}



textarea {
    background: #fff;
    background: var(--white);
    border: 1px solid #85783c;
    border: 1px solid var(--dark-gold)
}

.gsection * {
    text-align: center
}

* {
    clear: both
}

.header .navigation {
    box-sizing: border-box;
    float: right;
    /* transform: translateY(-100%); */
    opacity: 0;
    transition: all .5s ease;
    transition-delay: 0s
}

.header .navigation,.header .navigation div {
    display: flex;
    height: 100%
}

.header .navigation .github {
    display: flex;
    height: 32px;
    margin-left: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.header .navigation .github:after {
    content: attr(data-counter);
    display: block;
    font-family: Source Sans Pro,Lucida Console,monospace;
    font-family: var(--font-code);
    font-size: 14px;
    font-size: var(--small-font-size);
    position: absolute;
    right: 45px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    width: 100px
}

@media (max-width: 640px) {
    .header .navigation .github:after {
        content:none;
        display: none
    }
}

.header .navigation .github img {
    height: 32px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: translateY(0);
    transition: all .3s ease;
    transition: all .5s ease;
    width: 32px;
    z-index: 5
}

.header .navigation .github img.bright {
    opacity: 0;
    transform: translateY(300%)
}

.header .navigation .github img:hover {
    opacity: .5
}

.header .navigation ul.menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.header .navigation ul.menu li {
    padding: 0
}

.header .navigation ul.menu {
    align-items: center;
    display: flex;
    padding: 5px 0
}

.header .navigation ul.menu li {
    display: inline-block;
    margin-right: 20px
}

.header .navigation ul.menu li:last-child {
    margin-right: 0
}

.header .navigation ul.menu li a {
    text-transform: uppercase
}

.header .navigation ul.menu li a:hover {
    color: color-mod(#c5b358 lightness(40%));
    color: color-mod(var(--primary-color) lightness(40%))
}

.header.loaded .navigation {
    opacity: 1;
    transform: translateY(0)
}

.header.loaded.scrolled .navigation .github img {
    opacity: 0;
    transform: translateY(-300%)
}

.header.loaded.scrolled .navigation .github img.bright {
    opacity: 1;
    transform: translateY(0)
}

.header.loaded.bright .navigation .github img {
    opacity: 0;
    transform: translateY(-300%)
}

.header.loaded.bright .navigation .github img.bright {
    opacity: 1;
    transform: translateY(0)
}

.header {
    background: #fff;
    height: 100px;
    height: var(--push-top-desktop);
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all 1s ease;
    width: 100%;
    z-index: 100
}

.header.scrolledPastHeader {
    background: transparent
}

.header .inner-content {
    box-sizing: border-box;
    margin: auto;
    max-width: 100%!important;
    width: 100%!important
}

@media (max-width: 1300px),print {
    .header .inner-content {
        padding:0 20px
    }
}

.header .inner-content {
    height: 100%;
    position: relative
}

.header .inner-content #logoImg {
    height: auto;
    margin: auto;
    max-height: 30vh;
    width: 30vw
}

.header .inner-content #wholeSvgContainer {
    transition: transform 50ms ease-out
}

.header .inner-content #svgLogo {
    overflow: visible
}

.header .inner-content .navigation {
    background: transparent;
    background-color: transparent;
    box-shadow: none
}

.header .inner-content .logo {
    box-sizing: border-box;
    display: inline-block;
    height: 50%;
    left: 40px;
    position: absolute;
    top: 40px;
    /* transform: translate(-50%, -50%);
			transition: all 2s;
			transition-delay: 4s; */
    width: 50%;
    z-index: 10
}

.header .inner-content .logo img {
    display: flex;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: translateY(0);
    transition: all 1.5s ease
}

.header .inner-content .logo img.bright {
    /* transform: translateY(-300%); */
    opacity: 0
}

.header.loaded {
    height: 100px;
    height: var(--push-top-desktop)
}

@media (max-width: 1000px),print {
    .header.loaded {
        height:100px;
        height: var(--push-top-tablet)
    }
}

@media (max-width: 640px) {
    .header.loaded {
        height:60px;
        height: var(--push-top-mobile)
    }
}

.header.loaded .inner-content .logo {
    left: 0;
    width: 0 /* transform: translate(0, -50%); */
}

@media (max-width: 1300px),print {
    .header.loaded .inner-content .logo {
        left:20px
    }
}

.header.loaded.scrolled {
    background: #fff;
    background: var(--white);
    border-color: #e5e5e5;
    border-color: var(--light-gray);
    /* height: 80px; */
    box-shadow: 0 1px 3px 1px rgba(93,94,80,.41)
}

.header.loaded.scrolled .logo img {
    opacity: 0;
    transform: translateY(300%)
}

.header.loaded.scrolled .logo img.bright {
    opacity: 1;
    transform: translateY(0)
}

.header.loaded.bright {
    background: #fff;
    background: var(--white);
    border-color: #e5e5e5;
    border-color: var(--light-gray)
}

.header.loaded.bright .logo img {
    background: transparent;
    opacity: 0;
    transform: translateY(300%)
}

.header.loaded.bright .logo img.bright {
    opacity: 1;
    transform: translateY(0)
}

.no-gorilla #gorilla {
    display: none
}

.home-header {
    background-color: #85783c;
    background-color: var(--dark-gold)
}

.notransition {
    transition: none!important
}

.overlay {
    background: #85783c;
    background: var(--dark-gold);
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all 1s ease;
    width: 100%;
    z-index: 100
}

.overlay.scrolledPastHeader {
    background: transparent
}

.overlay .inner-content {
    box-sizing: border-box;
    margin: auto;
    max-width: 100%!important;
    width: 100%!important
}

@media (max-width: 1300px),print {
    .overlay .inner-content {
        padding:0 20px
    }
}

.overlay .inner-content {
    height: 100%;
    position: relative
}

.overlay .inner-content #logoImg {
    height: auto;
    margin: auto;
    max-height: 30vh;
    width: 30vw
}

.overlay .inner-content #wholeSvgContainer {
    transition: transform 50ms ease-out
}

.overlay .inner-content #svgLogo {
    overflow: visible
}

.overlay .inner-content .navigation {
    background: transparent;
    background-color: transparent;
    box-shadow: none
}

.overlay .inner-content .logo {
    box-sizing: border-box;
    display: inline-block;
    height: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 2s;
    width: 50%;
    z-index: 10
}

.overlay .inner-content .logo img {
    display: flex;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: translateY(0);
    transition: all 1.5s ease
}

.overlay .inner-content .logo img.bright {
    opacity: 0;
    transform: translateY(-300%)
}

.overlay.loaded {
    height: 100px;
    height: var(--push-top-desktop)
}

@media (max-width: 1000px),print {
    .overlay.loaded {
        height:100px;
        height: var(--push-top-tablet)
    }
}

@media (max-width: 640px) {
    .overlay.loaded {
        height:60px;
        height: var(--push-top-mobile)
    }
}

.overlay.loaded .inner-content .logo {
    left: 0;
    transform: translateY(-50%);
    width: 0
}

@media (max-width: 1300px),print {
    .overlay.loaded .inner-content .logo {
        left:20px
    }
}

.overlay.loaded.scrolled {
    background: #fff;
    background: var(--white);
    border-color: #e5e5e5;
    border-color: var(--light-gray);
    /* height: 80px; */
    box-shadow: 0 1px 3px 1px rgba(93,94,80,.41)
}

.overlay.loaded.scrolled .logo img {
    opacity: 0;
    transform: translateY(300%)
}

.overlay.loaded.scrolled .logo img.bright {
    opacity: 1;
    transform: translateY(0)
}

.overlay.loaded.bright {
    background: #fff;
    background: var(--white);
    border-color: #e5e5e5;
    border-color: var(--light-gray)
}

.overlay.loaded.bright .logo img {
    background: transparent;
    opacity: 0;
    transform: translateY(300%)
}

.overlay.loaded.bright .logo img.bright {
    opacity: 1;
    transform: translateY(0)
}

.reset-delay {
    transition-delay: 0s!important
}

.edit-button {
    background: url(img/edit.svg) no-repeat 50%/16px #c5b358;
    background: url(img/edit.svg) no-repeat 50%/16px var(--primary-color);
    border-radius: 100%;
    bottom: 20px;
    box-shadow: 0 5px 35px 0 color-mod(#000 alpha(30%));
    box-shadow: 0 5px 35px 0 color-mod(var(--black) alpha(30%));
    height: 46px;
    margin: 0;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    transform: scale(1.1);
    transition: all .3s ease;
    width: 46px;
    z-index: 100
}

.edit-button:hover {
    box-shadow: 0 0 15px 0 color-mod(#000 alpha(20%));
    box-shadow: 0 0 15px 0 color-mod(var(--black) alpha(20%));
    transform: scale(1)
}

.edit-button a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

#svgLogo,#svgLogo * {
    transition: opacity .75s ease-in-out,fill .75s ease-in-out
}

.header .navigation div {
    width: 100%
}

.header .navigation div #top-menu.menu {
    margin-left: auto;
    margin-right: 2rem
}

.header .navigation div #top-menu.menu li a {
    color: #85783c;
    color: var(--dark-gold);
    font-size: 2rem
}



#mobileNav {
    filter: blur(9px);
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transform: scale(.4);
    transition: opacity .5s ease-out,transform .5s ease-out,filter .5s ease-out,height .5s ease-out
}

#mobileNav.open {
    background-color: hsla(0,0%,100%,.96);
    display: block;
    filter: blur(0);
    height: 100%;
    height: calc(100vh - 42px);
    opacity: 1;
    pointer-events: all;
    position: fixed;
    top: 42px;
    transform: scale(1);
    width: 100%;
    z-index: 99999
}

#mobileNav.open li {
    width: 100%
}

#mobileNav.open li:first-child {
    margin-top: 15%
}

#mobileNav.open li a {
    color: #85783c;
    color: var(--dark-gold);
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase
}


@media only screen and (min-width: 901px) and (max-width:1200px) {
    .header .navigation div #top-menu.menu {
        margin-right:0
    }

    .header .navigation div #top-menu.menu li a {
        font-size: 1.65rem
    }
}

@media only screen and (min-width: 819px) and (max-width:900px) {
    .header .navigation div #top-menu.menu {
        margin-right:0
    }

    .header .navigation div #top-menu.menu li a {
        font-size: 1.35rem
    }
}

body {
    background: transparent
}

section.headings {
    background: #85783c;
    background: var(--dark-gold)
}

section.headings main {
    box-sizing: border-box;
    margin: auto;
    max-width: 100%!important;
    width: 100%!important
}

@media (max-width: 1300px),print {
    section.headings main {
        padding:0 20px
    }
}

section.headings main h1 {
    font-size: 4.4rem
}

section.headings main h3 {
    font-size: 2.4rem
}

section.headings main h1,section.headings main h3 {
    color: #fff;
    color: var(--white);
    font-weight: 100;
    margin: auto;
    padding: 0;
    text-align: center
}

section.headings main h1[data-aos=slow-title],section.headings main h3[data-aos=slow-title] {
    /* transition-delay: 5s;
				transform: translateY(-60px); */
    opacity: 1;
    transition: all 1s ease
}

section.headings main h1.aos-animate,section.headings main h3.aos-animate {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width: 640px) {
    section.headings main h1,section.headings main h3 {
        padding:40px 20px 0
    }
}

section.headings main .codecolorer-container.javascript.solarized-dark.home {
    box-shadow: 0 5px 25px 0 color-mod(#000 alpha(20%));
    box-shadow: 0 5px 25px 0 color-mod(var(--black) alpha(20%));
    margin-bottom: 120px
}

section.headings main .codecolorer-container.javascript.solarized-dark.home[data-aos=slow-up] {
    transform: scale(1.1) translateY(180px);
    transition: all 1s ease;
    transition-delay: .2s
}

section.headings main .codecolorer-container.javascript.solarized-dark.home.aos-animate {
    transform: scale(1) translateY(60px)
}

@media (max-width: 640px) {
    section.headings main .codecolorer-container.javascript.solarized-dark.home {
        margin-bottom:40px
    }

    section.headings main .codecolorer-container.javascript.solarized-dark.home[data-aos=slow-up] {
        transform: scale(1.1) translateY(80px)
    }

    section.headings main .codecolorer-container.javascript.solarized-dark.home.aos-animate {
        transform: scale(1) translateY(40px)
    }
}

section.headings main .codecolorer-container.javascript.solarized-dark.home .mockup {
    margin: -20px -20px 20px;
    width: calc(100% + 40px)
}

section.headings main .codecolorer-container.javascript.solarized-dark.home .javascript.codecolorer {
    color: #c5b358;
    color: var(--primary-color);
    overflow-y: auto
}

section.headings main .codecolorer-container.javascript.solarized-dark.home .javascript.codecolorer i {
    color: #fff;
    color: var(--white)
}

section.headings main .codecolorer-container.javascript.solarized-dark.home .javascript.codecolorer em {
    color: color-mod(#fff alpha(70%));
    color: color-mod(var(--white) alpha(70%))
}

.front-page section.tech ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.front-page section.tech ul li {
    padding: 0
}

.front-page section.tech ul {
    padding: 60px 0;
    text-align: center
}

@media (max-width: 640px) {
    .front-page section.tech ul {
        padding:20px 0
    }
}

.front-page section.tech ul li {
    display: inline-block;
    margin: 0 20px
}

@media (max-width: 640px) {
    .front-page section.tech ul li {
        margin:20px 0;
        width: 100%
    }
}

.front-page section.tech ul li[data-aos=flying-icons] {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s ease
}

.front-page section.tech ul li.aos-animate {
    opacity: 1;
    transform: translateY(0)
}

.front-page section.tech ul li[data-aos=flying-icons]:first-child {
    transition-delay: .5s
}

.front-page section.tech ul li[data-aos=flying-icons]:nth-child(2) {
    transition-delay: .7s
}

.front-page section.features ul {
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

@media (max-width: 640px) {
    .front-page section.features ul {
        display:block;
        padding: 20px 0
    }
}

.front-page section.features ul li {
    box-sizing: border-box;
    display: inline-block;
    flex: 33.333%;
    padding: 0;
    width: 33.333%
}

.front-page section.features ul li * {
    margin: 0;
    padding: 0
}

@media (max-width: 640px) {
    .front-page section.features ul li {
        width:100%
    }
}

.front-page section.features ul li[data-aos=slow-list] {
    transform: scale(1.2) translateY(60px);
    transition: all 1s ease
}

.front-page section.features ul li[data-aos=slow-list]:nth-child(3n+1) {
    transition-delay: .1s
}

@media (max-width: 640px) {
    .front-page section.features ul li[data-aos=slow-list]:nth-child(3n+1) {
        transition-delay:0s
    }
}

.front-page section.features ul li[data-aos=slow-list]:nth-child(3n+2) {
    transition-delay: .2s
}

@media (max-width: 640px) {
    .front-page section.features ul li[data-aos=slow-list]:nth-child(3n+2) {
        transition-delay:0s
    }
}

.front-page section.features ul li[data-aos=slow-list]:nth-child(3n+3) {
    transition-delay: .3s
}

@media (max-width: 640px) {
    .front-page section.features ul li[data-aos=slow-list]:nth-child(3n+3) {
        transition-delay:0s
    }
}

.front-page section.features ul li.aos-animate {
    transform: scale(1) translateY(0)
}

.front-page section.features ul li h3 {
    color: #002b36;
    color: var(--medium-blue);
    font-size: 1.2rem;
    font-weight: 800
}

.front-page section.features ul li p {
    color: #5d5e50;
    color: var(--medium-gray);
    font-size: .8rem
}

.front-page section.features ul li .svg {
    stroke: #c5b358;
    stroke: var(--gold);
    fill: #c5b358;
    fill: var(--gold);
    height: 4rem
}

.front-page section.features ul li .svg.bell {
    fill: transparent
}

.front-page section.features ul li .svg.bell path:nth-child(2) {
    fill: #c5b358!important;
    transition: all 1s ease-out
}

.front-page section.features ul li .svg * {
    stroke: #c5b358;
    stroke: var(--gold)
}

.front-page section.github {
    box-sizing: border-box;
    text-align: center
}

.front-page section.github .button {
    margin-bottom: 100px
}

@media (max-width: 640px) {
    .front-page section.github .button {
        margin:40px 0 70px
    }
}

.front-page section.github[data-aos=slow-button] {
    transform: translateY(30px);
    transition: all 1s ease;
    transition-delay: .3s
}

.front-page section.github.aos-animate {
    transform: scale(1.2) translateY(0)
}

.front-page section.center {
    text-align: center
}

.front-page section.center h3 {
    margin-top: 0
}

#topBoxCont {
    transform: scaleY(1.2)
}

.valueProp {
    font-weight: 100
}

#howItWorks section {
    height: 100vh
}

#howItWorks .sectionTitle {
    box-shadow: 1px 1px 4px 1px rgba(133,120,60,.9);
    color: #fff;
    color: var(--white);
    margin: auto auto 3rem;
    max-width: 33%;
    text-align: center;
    transition: all 333ms ease-out
}

#howItWorks .card,#howItWorks .sectionTitle {
    background: #85783c;
    background: var(--dark-gold)
}

#howItWorks .card {
    font-size: 2rem;
    max-width: 70%
}

#howItWorks .card .card-action {
    background: #453f1f;
    background: var(--dark-gray)
}

#howItWorks #hiw1_section .sectionTitle {
    margin-top: 5rem
}

#howItWorks #hiw1_section .grid-item {
    align-items: center;
    background: #cec69b;
    background: var(--light-gold);
    color: #5d5e50;
    color: var(--medium-gray);
    display: flex;
    font-weight: 700;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    width: 30%
}

#howItWorks #hiw1_section .queriesCont {
    margin-left: auto;
    max-width: 40%;
    text-align: left
}

#howItWorks #hiw1_section .queriesCont .filter-button-group {
    margin-bottom: 1.2rem
}

#howItWorks #hiw1_section .queriesCont .filter-button-group button {
    background: #453f1f;
    background: var(--dark-gray);
    height: auto;
    margin: .2rem;
    transition: all 333ms ease-out
}

#howItWorks #hiw1_section .queriesCont .filter-button-group .active {
    background: #e5e5e5;
    background: var(--light-gray);
    color: #85783c;
    color: var(--dark-gold)
}

#howItWorks #hiw2_section .writing {
    margin-top: -5%
}

#howItWorks #hiw2_section .writing textarea {
    background: #fff;
    background: var(--white);
    font-size: .6rem;
    height: 86%;
    max-width: 64%;
    padding: 2rem;
    resize: none
}

#howItWorks #hiw2_section .writing #followup {
    left: 25%;
    position: absolute;
    top: 25%
}

#howItWorks #hiw3_section .accountManagerCont {
    margin-top: -5%;
    text-align: center
}

#howItWorks #hiw3_section .accountManagerCont .accountManagerProfileCont {
    margin: auto;
    max-width: 61%;
    position: relative
}

#howItWorks #hiw3_section .accountManagerCont .accountManagerProfileCont .profilePic {
    border-radius: 50%;
    max-width: 80%
}

#howItWorks #hiw3_section .accountManagerCont .accountManagerProfileCont .li_icon {
    fill: #c5b358;
    fill: var(--gold);
    background: hsla(0,0%,100%,.9);
    bottom: 5%;
    height: 5rem;
    position: absolute;
    right: 5%;
    width: 5rem
}

#howItWorks #hiw3_section h2,#howItWorks #hiw3_section h6,#howItWorks #hiw3_section p {
    margin-bottom: 0;
    margin-top: 0
}

#howItWorks #hiw4_section .browserCont.followup {
    margin-left: 0;
    margin-right: auto;
    transform: translate(0) scale(1);
    width: 90%
}

#howItWorks #hiw4_section .browserCont.followup .notificationsCont {
    width: 50%
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont {
    width: 97%
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .leftSide .messagesList .messageSnippet h3,#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .leftSide .messagesListCopy .messageSnippet h3 {
    font-size: .75rem
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .leftSide .messagesList .messageSnippet p,#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .leftSide .messagesListCopy .messageSnippet p {
    font-size: .5rem
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .rightSide .profileName {
    font-size: 1.5rem
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .rightSide .profileTagline {
    font-size: 1rem
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageCont .rightSide .scrollableMessage .messageBody {
    font-size: .75rem
}

#howItWorks #hiw4_section .browserCont.followup .browserMain .messageTextarea {
    border: 1px solid #e5e5e5;
    border: 1px solid var(--light-gray);
    height: 6.45rem;
    padding: .5rem
}

#howItWorks #hiw4_section .browserCont.followup .broswerLiNav .notificationsCont .notifications .svg {
    font-size: 1rem;
    height: 1.5rem;
    width: 1.5rem
}

#howItWorks #hiw4_section .browserCont.followup .broswerLiNav .notificationsCont .notifications .count {
    font-size: .5rem;
    height: .75rem;
    width: .75rem
}

#howItWorks #hiw5_section * {
    text-shadow: rgba(0,0,0,.5) 1px 1px
}

#howItWorks #hiw5_section {
    display: flex;
    height: auto;
    justify-content: space-evenly;
    margin-bottom: 5rem
}

#howItWorks #hiw5_section div {
    background: #85783c;
    background: var(--dark-gold);
    border: 9px solid;
    box-sizing: border-box;
    color: #fff;
    color: var(--white);
    text-align: center;
    width: 30%
}

#howItWorks #hiw5_section div h1 {
    color: #fff;
    color: var(--white);
    font-size: 2rem;
    margin-bottom: .25rem;
    margin-top: 1rem
}

#howItWorks #hiw5_section div h3 {
    color: #fff;
    color: var(--white);
    margin-bottom: 0;
    margin-top: 0
}

#howItWorks #hiw5_section div.left,#howItWorks #hiw5_section div.left h1,#howItWorks #hiw5_section div.left h3 {
    border-color: #a57164;
    border-color: var(--light-bronze)
}

#howItWorks #hiw5_section div.middle,#howItWorks #hiw5_section div.middle h1,#howItWorks #hiw5_section div.middle h3 {
    border-color: #e5e5e5;
    border-color: var(--light-gray)
}

#howItWorks #hiw5_section div.right,#howItWorks #hiw5_section div.right h1,#howItWorks #hiw5_section div.right h3 {
    border-color: #cec69b;
    border-color: var(--light-gold)
}

#howItWorks #hiw5_section div .monthly {
    font-size: .75rem
}

#howItWorks #hiw5_section div table th {
    font-size: 1.25rem;
    text-align: center
}

#howItWorks #hiw5_section div table td {
    font-size: 1rem;
    text-align: center
}



#testimonials .sectionTitle {
    background: #85783c;
    background: var(--dark-gold);
    box-shadow: 1px 1px 4px 1px rgba(133,120,60,.9);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
    color: #fff;
    color: var(--white);
    margin: auto auto 0;
    max-width: 33%;
    padding: 1rem;
    text-align: center;
    transition: all 333ms ease-out
}

#testimonials .glide,#testimonials .glide .glide__track {
    min-height: 33%
}

#testimonials .glide .glide__track .glide__slides .glide__slide {
    filter: blur(1px);
    opacity: .3;
    transform: scale(.9);
    -webkit-transform-style: preserve-3d;
    transition: all 666ms ease-out
}

#testimonials .glide .glide__track .glide__slides .glide__slide.glide__slide--active {
    filter: blur(0);
    opacity: 1;
    transform: scale(1)
}

#testimonials .glide .glide__track .glide__slides .glide__slide>.card {
    background: #85783c;
    background: var(--dark-gold);
    border: 9px solid #e5e5e5;
    border-color: var(--light-gray);
    box-sizing: border-box;
    color: #fff;
    padding: 1rem 2rem;
    text-align: center
}

#testimonials .glide .glide__track .glide__slides .glide__slide>.card.bronze {
    border-color: #a57164;
    border-color: var(--light-bronze)
}

#testimonials .glide .glide__track .glide__slides .glide__slide>.card.gold {
    border-color: #cec69b;
    border-color: var(--light-gold)
}

#testimonials .glide .glide__track .glide__slides .glide__slide>.card * {
    color: #fff;
    font-family: Source Sans Pro,sans-serif
}

#objections .sectionTitle {
    padding-top: 1rem;
    text-align: center
}

#objections .center {
    padding-bottom: 1rem
}

#objections .cardCont {
    display: flex;
    justify-content: space-around
}

#objections .cardCont .card {
    text-align: center;
    width: 25%
}

#objections .cardCont .card,#objections .cardCont .card h1 {
    color: #fff;
    color: var(--white)
}

#objections .cardCont .middle {
    background: #cec69b;
    background: var(--light-gold);
    color: #000;
    color: var(--black);
    width: 30%;
    z-index: 99
}

#objections .cardCont .middle h1 {
    color: #000;
    color: var(--black)
}

#objections .cardCont .middle table th {
    font-size: 1.75rem
}

#objections .cardCont .middle table td {
    font-size: 1.5rem
}

#objections .cardCont .middle table tr:nth-child(odd) {
    color: #fff
}

#objections .cardCont .left,#objections .cardCont .right {
    background: #e5e5e5;
    background: var(--light-gray)
}

#objections .cardCont .left {
    transform: translate(0)
}

#objections .cardCont .left,#objections .cardCont .left h1 {
    color: #000;
    color: var(--black)
}

#objections .cardCont .right {
    background: #a57164;
    background: var(--light-bronze);
    transform: translate(0)
}

#objections .cardCont .right,#objections .cardCont .right h1 {
    color: #fff;
    color: var(--white)
}

#objections .cardCont.aos-animate .left {
    transform: translate(60px,60px)
}

#objections .cardCont.aos-animate .right {
    transform: translate(-60px,60px)
}

#objections .cardCont table th {
    font-size: 1.5rem;
    text-align: center
}

#objections .cardCont table td {
    font-size: 1.25rem;
    text-align: center
}

#objections .cardCont .btn {
    background: #85783c;
    background: var(--dark-gold)
}

#objections .cardCont .btn:hover {
    background: #c5b358;
    background: var(--gold);
    color: #000;
    color: var(--black)
}

#guaruntees .sectionTitle {
    padding-top: 1rem;
    text-align: center
}

#guaruntees .center {
    padding-bottom: 1rem
}

#guaruntees ul {
    background: #e5e5e5;
    background: var(--light-gray);
    margin: auto;
    text-align: center;
    width: 39%
}

#guaruntees ul li {
    color: #5d5e50;
    color: var(--medium-gray);
    font-size: 1.7rem
}

#getStarted {
    background: #85783c;
    background: var(--dark-gold);
    color: #fff;
    color: var(--white)
}

#getStarted .sectionTitle {
    margin: auto;
    padding-top: 1rem;
    text-align: center
}

#getStarted .center {
    padding-bottom: 1rem;
    padding-left: 20%;
    padding-right: 20%
}

#getStarted textarea {
    height: 20%;
    padding: 1rem;
    text-align: left
}

#getStarted .tagify {
    margin-bottom: 1rem;
    margin-top: 1rem
}

#getStarted .tagify input {
    text-align: left
}

#getStarted label {
    color: #fff;
    color: var(--white)
}

.svgBg {
    position: absolute;
    width: 100%;
    z-index: -9
}

.hiwNum {
    padding-left: 40%;
    width: 20%
}

.row {
    display: flex;
    justify-content: space-between;
}
.about-image-container{
    width: 55%;
}

.validation_error {
    color: #e74c3c;
    color: var(--error-color);
    color: red;
    font-size: 1rem;
    text-align: center
}

[data-aos=fadeInCustom] {
    filter: blur(5px);
    opacity: 0;
    transform: scale(1.4) translateY(-100px);
    transition: all 777ms ease-out
}

.aos-animate[data-aos=fadeInCustom] {
    filter: blur(0);
    opacity: 1;
    transform: scale(1) translateY(0)
}

.hugLeft {
    margin-left: 0!important
}

.flexWrap {
    flex-wrap: wrap!important
}

.display-posts-listing {
    display: block;
    margin: auto
}

.display-posts-listing .listing-item {
    box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    display: inline-block;
    margin: 1%;
    padding: 1.5rem;
    width: 31%
}

.display-posts-listing .listing-item .image,.display-posts-listing .listing-item .title {
    display: block
}

.display-posts-listing .listing-item .title {
    font-size: 1.7rem
}

.display-posts-listing .listing-item .excerpt-dash {
    display: none
}

.page-template-template_blog ul:not(.browser-default)>li {
    list-style-image: url(https://linkedguerilla.com/wp-content/uploads/2024/03/listStyle_gorrilla3.png);
    list-style-position: inside;
    &:hover{
        list-style-image: url(https://linkedguerilla.com/wp-content/uploads/2019/08/listStyle_gorrilla.png);

    }
}

.single-post h1,.single-post h2,.single-post h3,.single-post h4,.single-post h5,.single-post h6 {
    color: #85783c!important;
    color: var(--dark-gold)!important
}

blockquote {
    border-left: 5px solid #85783c;
    border-left: 5px solid var(--dark-gold);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
    margin: auto;
    padding: 1rem;
    width: 66%
}

.page-id-2 .page-title {
    color: #85783c!important;
    color: var(--dark-gold)!important;
    text-align: center
}

.noPayNotification {
    display: none!important
}

.transitionIn {
    transition: all 555ms ease-out
}

.hiddenCode {
    font-size: 0;
    opacity: 0
}

#featuresBox * {
    text-align: center;
    transition: all 1s ease
}

#featuresBox.drawn * {
    stroke: #fff;
    fill: #fff
}

#featuresBox {
    align-content: space-around;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    width: 72%
}

.fillInBox {
    animation: fillInBox 3s ease forwards
}

@keyframes fillInBox {
    0% {
        fill: transparent
    }

    to {
        fill: #c5b358;
        fill: var(--gold)
    }
}

.card .card-content .card-title {
    font-size: 1.5rem;
    line-height: 2rem
}

.btn-small {
    font-size: 1rem;
    height: auto;
    padding: 1rem
}

.flexCenter {
    align-content: center;
    flex-wrap: nowrap
}

.dash,.flexCenter {
    align-items: center;
    display: flex;
    justify-content: center
}

.dash {
    align-content: flex-end;
    background: #85783c;
    background: var(--dark-gold);
    height: 3px;
    margin: 3rem 0;
    width: 100%
}

.dash span {
    background: #fff;
    border-radius: 50%;
    color: #85783c;
    color: var(--dark-gold);
    font-size: 2rem;
    padding: 1rem
}

.bigText {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2rem
}

.bigText h2 {
    font-size: 1.7rem
}

.bigText p {
    font-size: .75rem
}

.vertAlign {
    display: inline-block;
    margin-bottom: auto;
    margin-top: auto
}

.trialBox {
    text-align: center
}

.trialBox h2,.trialBox h3,.trialBox h4,.trialBox h5,.trialBox h6 {
    color: #453f1f;
    color: var(--dark-gray)
}

.trialBox button:hover {
    color: #000
}

body.home .page-title {
    display: none
}





.btn-large {
    font-size: 1.1rem;
    height: auto;
    line-height: 1
}

.btn,.btn-flat,.btn-floating,.btn-large,.btn-small {
    font-size: 1rem;
    height: auto;
    line-height: 1;
    outline: 0
}



.container {
    box-sizing: border-box;
    margin: auto;
    max-width: 100%!important;
    width: 100%!important
}

@media (max-width: 1300px),print {
    .container {
        padding:0 20px
    }
}

.container {
    align-content: center;
    clear: both;
    flex-wrap: inherit;
    min-height: 100%;
    overflow: hidden
}

@media (max-width: 640px) {
    .container {
        display:block
    }
}

.container .site-content {
    box-sizing: border-box
}

.container .site-content .valueProp {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%
}

@media (max-width: 820px) {
    .container .site-content {
        max-width:100%;
        width: 100%
    }
}

.container .side-navigation {
    border-right: 1px solid #e5e5e5;
    border-right: 1px solid var(--light-gray);
    flex: 30%;
    max-width: 30%;
    position: relative;
    width: 30%
}

@media (max-width: 820px) {
    .container .side-navigation {
        display:none
    }
}



.site-content {
    box-sizing: border-box;
    padding-bottom: 40px;
    padding-right: 40px;
    width: 100%
}

@media (max-width: 820px) {
    .site-content {
        max-width:100%;
        padding-bottom: 10px;
        padding-right: 0;
        width: 100%
    }
}

.site-content .post-info span {
    display: inline-block;
    vertical-align: middle
}

.site-content .post-info .date {
    clear: both
}

.site-content .post-info .author {
    font-weight: 500;
    text-transform: uppercase
}

.site-content .post-info .author:after,.site-content .post-info .author:before {
    content: "-"
}

.site-content .center {
    text-align: center
}

.site-content .fixed {
    margin: auto;
    max-width: 915px
}

.site-content h1,.site-content h2,.site-content h3 {
    color: #5d5e50;
    color: var(--medium-gray);
    font-weight: 100
}

.site-content h1[data-aos=fade-up-slow],.site-content h2[data-aos=fade-up-slow],.site-content h3[data-aos=fade-up-slow] {
    opacity: 1;
    transform: translateY(60px);
    transition: all 1s ease;
    transition-delay: .3s
}

.site-content h1.aos-animate,.site-content h2.aos-animate,.site-content h3.aos-animate {
    transform: translateY(0)
}

.site-content h1.page-title,.site-content h2.page-title,.site-content h3.page-title {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--light-gray);
    margin-bottom: 0;
    padding-bottom: 40px
}

@media (max-width: 640px) {
    .site-content h1.page-title,.site-content h2.page-title,.site-content h3.page-title {
        padding-bottom:20px
    }
}

.site-content p {
    color: #5d5e50;
    color: var(--medium-gray)
}

.site-content p strong {
    color: #221e78;
    color: var(--dark-blue)
}

.site-content img {
    max-width: 100%
}

.site-content .button.mt-20 {
    margin-top: 20px
}

.site-content .button.mb-20 {
    margin-bottom: 20px
}

.site-content .button.m-20 {
    margin: 20px
}

@media (max-width: 640px) {
    .site-content.front-page h1 {
        font-size:6vw;
        font-size: var(--h2-font-size-mobile)
    }
}

.site-content.single h1,.site-content.single h2,.site-content.single h3 {
    color: #221e78;
    color: var(--dark-blue);
    font-weight: 800;
    text-transform: uppercase
}

.site-content iframe {
    height: 630px;
    width: 100%
}

@media (max-width: 640px) {
    .site-content iframe {
        height:315px
    }
}

.site-content .codecolorer-container,.site-content .codecolorer-container.solarized-dark {
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    max-width: 100%!important;
    overflow: hidden;
    padding: 20px;
    width: 100%!important
}

.site-content .codecolorer-container a:hover,.site-content .codecolorer-container.solarized-dark a:hover {
    color: color-mod(#c5b358 lightness(40%));
    color: color-mod(var(--primary-color) lightness(40%))
}

.site-content .heateor_sss_sharing_container {
    margin: 0
}

.site-content .heateor_sss_sharing_container i {
    margin-right: 10px;
    opacity: 1;
    transition: all .3s ease
}

.site-content .heateor_sss_sharing_container i:hover {
    opacity: .5
}

.browserCont {
    background: #f5f5f5;
    box-shadow: 2px 2px 6px 1px #453f1f;
    box-shadow: var(--dark-gray) 2px 2px 6px 1px;
    margin: auto;
    
    transform: scale(1) translateY(10px);
    transition: all 1s ease;
    transition-delay: 5.2s
}

.browserCont.aos-animate {
    transform: scale(1) translateY(50px)
}

.broswerLiNav {
    background: #283e4a;
    border-top: none;
    box-shadow: none;
    display: flex;
    height: 2rem;
    justify-content: space-between;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.broswerLiNav * {
    padding: .2%
}

.broswerLiNav .hugLeft {
    display: flex;
    margin-left: 3%
}

.broswerLiNav .searchCont {
    display: flex
}

.broswerLiNav .searchCont input {
    background: #e5e5e5;
    background: var(--light-gray);
    border: none;
    box-shadow: 0 0 1px 2px #453f1f;
    box-shadow: var(--dark-gray) 0 0 1px 2px;
    font-size: 1rem;
    height: auto;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    max-width: 75%;
    min-width: 25%;
    padding: 3%
}

.broswerLiNav .notificationsCont {
    display: flex;
    justify-content: space-between;
    margin-right: 3%;
    min-width: 100px;
    width: 25%
}

.broswerLiNav .notificationsCont .notifications {
    font-size: .5rem;
    position: relative;
    text-align: center;
    width: 25%
}

.broswerLiNav .notificationsCont .notifications:hover * {
    color: #fff
}

.broswerLiNav .notificationsCont .notifications .svg {
    height: 1.7rem;
    width: 1.7rem
}

.broswerLiNav .notificationsCont .notifications p {
    font-size: .65rem;
    margin: 0
}

.broswerLiNav .notificationsCont .notifications p.count {
    background: #d11124;
    border-radius: 50%;
    color: #fff;
    font-size: .45rem;
    height: 0.75rem;
    margin-left: 15%;
    margin-right: 15%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.75rem
}

.broswerLiNav .notificationsCont * {
    color: #c7d1d8;
    transition: all 333ms ease-out
}

.broswerLiNav .notificationsCont :hover {
    color: #fff
}

.broswerLiNav .svg {
    fill: none;
    color: #c7d1d8;
    transition: all 333ms ease-out
}

.broswerLiNav .svg:hover {
    color: #fff
}

.broswerLiNav .searchMagnifyingGlass {
    color: #c7d1d8;
    cursor: pointer;
    height: 1.5rem;
    margin-bottom: auto;
    margin-left: -2rem;
    margin-top: auto;
    width: 1.5rem
}

.broswerLiNav .searchMagnifyingGlass:hover {
    color: #000
}

.browserMain {
    background: #f5f5f5;
    display: flex;
    height: 30rem
}

.browserMain .hiddenAdCont {
    display: none;
    margin: auto;
    opacity: 0;
    transform: scale(0);
    transition: all 2s ease-in;
    width: 22%
}

.browserMain .hiddenAdCont.reveal {
    display: inline-block;
    opacity: 1;
    transform: scale(1)
}

.browserMain .hiddenAdCont .hiddenAd {
    background: #fff;
    text-align: center
}

.browserMain .hiddenAdCont .hiddenAd button {
    background: #c5b358;
    background: var(--gold);
    color: #fff;
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 5%
}

.browserMain .hiddenAdCont .hiddenAd img {
    margin-top: 5%;
    max-width: 80%
}

.browserMain .messageCont {
    display: flex;
    
    
}

.browserMain .messageCont .leftSide {
    background: #222;
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 33%
}

.browserMain .messageCont .leftSide .messagesHeader {
    background: #fff;
    border: 1px solid #e5e5e5;
    border: 1px solid var(--light-gray);
    position: relative
}

.browserMain .messageCont .leftSide .messagesHeader h4 {
    color: #453f1f;
    color: var(--dark-gray);
    margin-bottom: .2rem;
    margin-left: 1rem;
    margin-top: .2rem;
    padding: .25rem;
    text-align: left
}

.browserMain .messageCont .leftSide .messagesList,.browserMain .messageCont .leftSide .messagesListCopy {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet {
    background: #fff;
    border: 1px solid #e5e5e5;
    border: 1px solid var(--light-gray);
    cursor: pointer;
    display: flex;
    height: 15%;
    overflow: hidden;
    position: relative;
    transition: all 333ms ease-out;
    height: 3rem;
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet.recentlyChanged,.browserMain .messageCont .leftSide .messagesList .messageSnippet:hover,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet.recentlyChanged,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet:hover {
    background: #e5e5e5;
    background: var(--light-gray)
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet *,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet img,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet img {
    border-radius: 50%;
    
    max-height: 90%;
    padding: 2%;
    position: relative;
    
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet div,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet div {
    padding-bottom: .3rem;
    padding-top: .3rem;
    text-align: left
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet div *,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet div * {
    margin: 0
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet h3,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet h3 {
    color: #000;
    color: var(--black);
    font-size: 0.7rem;
    font-weight: 600;
    text-align: left
}

.browserMain .messageCont .leftSide .messagesList .messageSnippet p,.browserMain .messageCont .leftSide .messagesListCopy .messageSnippet p {
    font-size: 0.5rem;
    max-height: 75%;
    overflow: hidden;
    word-break: break-word
}

/*leftSide*/
.browserMain .messageCont .rightSide {
    background: #fff;
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 67%
}

.browserMain .messageCont .rightSide .messagesHeader {
    background: #fff;
    border: 1px solid #e5e5e5;
    border: 1px solid var(--light-gray);
    position: relative;
    border-bottom: none;
    
}

.browserMain .messageCont .rightSide .messagesHeader h4 {
    font-size: 1rem;
    font-weight: 500;
    margin-right: 0.25rem;
}
.browserMain .messageCont .rightSide .messagesHeader p {
    color: #453f1f;
    color: var(--dark-gray);
    font-weight: 100;
    margin-bottom: 0px;
}
.browserMain .messageCont .rightSide .messagesHeader span {
    display: flex;
    align-items: flex-end;
}

.browserMain .messageCont .rightSide .messagesHeader h4,.browserMain .messageCont .rightSide .messagesHeader h5 {
    color: #453f1f;
    color: var(--dark-gray);
    margin-bottom: .2rem;
    margin-left: 1rem;
    margin-top: 0rem;
    padding: 0rem;
    text-align: left;
    font-weight: 400;
}

.browserMain .messageCont .rightSide .messagesHeader h5 {
    font-size: 0.75rem;
    font-weight: 400
}

.browserMain .messageCont .rightSide .messagesHeader img {
    border-radius: 50%;
    
    max-height: 100%;
}



.browserMain .messageCont .rightSide .messageBodyCont {
    border: 1px solid #e5e5e5;
    border: 1px solid var(--light-gray);
    height: 100%;
    padding: .25rem;
    border-top: none;
}

.statusDot{
    height: 20px;
    width: 20px;
    background-color: white;
    border: solid;
    border-color: green;
    border-radius: 50%;
    border-width: 5px;
    position: relative;
    top: 3.3rem;
    left: 2.7rem;
    outline: 2px solid white;
}

.leftStatusDot{
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 1.7rem;
    left: 1.9rem;
    z-index: 99;
    padding: 0px !important;
    border: solid;
    border-width: 4px;
    border-color: green;
    outline: 2px solid white;
}
.profileImageContainer{
    height: 3.5rem;
    margin: 1rem 1rem 0.5rem;
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #666666;
    font-size: 0.6rem;
    
  }
  
  .separator::before,
  .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #E8E8E8;;
  }
  .separator::before{
    margin-right: .5em;
  
  }
  .separator::after {
    margin-left: .5em;
  }
.browserMain .messageCont .rightSide .messageBodyCont .messageBody {
    color: #453f1f;
    color: var(--dark-gray);
    font-size: 0.85rem;
    font-weight: 400;
    padding: .2rem 1rem;
    text-align: left
}

/*rightSide*/
.browserCont.followup .leftSide .messagesHeader {
    font-size: 2rem
}

.browserCont.followup .searchCont {
    display: none
}

.browserCont.followup .rightSide .messagesHeader {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.browserCont.followup .rightSide .messagesHeader .profileImg {
    margin-bottom: 1rem
}

.browserCont.followup .rightSide .messagesHeader div {
    padding: 1rem
}

.browserCont.followup .messageBodyCont {
    max-height: 13rem;
    overflow-y: scroll
}

.browserCont.followup .messageTextarea {
    bottom: 0;
    left: 0;
    position: absolute;
    resize: none;
    z-index: 9
}

.browserCont.followup .broswerLiNav {
    height: 2rem
}

.browserCont.followup .broswerLiNav .notificationsCont {
    align-content: center;
    align-items: center;
    display: flex
}

.browserCont.followup .broswerLiNav .notificationsCont .notifications p:not(.count) {
    display: none
}

/*

red: #d11124
grey: #c7d1d8

*/
.search-form .inner-content {
    display: flex
}

.search-form .inner-content input {
    flex: 2
}

.search-form .inner-content input[type=text] {
    background: url(img/search.svg) no-repeat 15px/16px;
    padding-left: 40px
}

.search-form .inner-content input[type=submit] {
    flex: 1;
    margin-left: 10px;
    padding: 15px 20px
}

.side-column {
    flex: 30%;
    width: 30%
}

@media (max-width: 640px) {
    .side-column {
        width:100%
    }
}

.side-column h1,.side-column h2,.side-column h3 {
    color: #5d5e50;
    color: var(--medium-gray);
    font-weight: 100
}

.side-column h1 {
    font-size: 20px;
    font-size: var(--medium-font-size)
}

.side-column ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.side-column ul li {
    padding: 0
}

.side-column ul {
    li {
        display: inline-block;
        padding: 15px 0;
        widows: 100%
    }
}

.side-column .widget-item {
    color: #5d5e50;
    color: var(--medium-gray)
}

.side-column .widget-item .search-form {
    margin-top: 40px
}

@media (max-width: 640px) {
    .side-column .widget-item .search-form {
        margin-bottom:40px
    }
}

.side-column .widget-item h1,.side-column .widget-item h2,.side-column .widget-item h3,.side-column .widget-item h4,.side-column .widget-item h5 {
    margin-bottom: 0;
    padding-bottom: 0
}

.side-column .widget-item ul {
    margin: 20px 0
}

.side-column .widget-item ul li {
    padding: 5px 0
}

#about_page {
    margin: auto;
    width: 70%;
    margin-bottom: 2%;
}

#about_page #about_title {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--light-gray);
    color: #85783c;
    color: var(--dark-gold);
    margin-bottom: 1rem;
    text-align: center
}

#about_page p {
    color: #000;
    0
    font-size: 1rem
}

#about_page #hi {
    color: #000;
    font-size: 3rem;
    margin: 0
}

#about_page #Iam {
    color: #000;
    font-size: 2rem;
    margin: 0
}

#about_page .accountManagerCont {
    margin-top: 15%;
    text-align: center
}

#about_page .accountManagerCont .accountManagerProfileCont {
    margin: auto;
    max-width: 40%;
    position: relative
}

#about_page .accountManagerCont .accountManagerProfileCont .profilePic {
    border-radius: 50%;
    max-width: 80%
}

#about_page .accountManagerCont .accountManagerProfileCont .li_icon {
    fill: #c5b358;
    fill: var(--gold);
    background: hsla(0,0%,100%,.9);
    bottom: 5%;
    height: 3.5rem;
    position: absolute;
    right: 5%;
    width: 3.5rem
}

#about_page .accountManagerCont h2,#about_page .accountManagerCont h6,#about_page .accountManagerCont p {
    margin-bottom: 0;
    margin-top: 0
}

#about_page .accountManagerCont p {
    font-size: .8em
}

#blog_page #blog_title {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--light-gray);
    color: #85783c;
    color: var(--dark-gold);
    margin-bottom: 1rem;
    text-align: center
}

#blog_page .queriesCont {
    margin: auto;
    max-width: 80%;
    text-align: center
}

#blog_page .queriesCont .grid {
    margin-left: auto
}

#blog_page .queriesCont .grid .listing-item {
    transition: all 333ms
}

#blog_page .queriesCont .grid .listing-item:hover {
    background: #036704;
   
}


#blog_page .queriesCont .grid .listing-item:hover h3 {
    color: #fff
}

#blog_page .queriesCont .grid .listing-item:hover li {
    color: #e5e5e5;
    color: var(--light-gray)
}

#blog_page .queriesCont .grid .listing-item h3 {
       color: #023b03;
       transition: all 111ms ease-out;
}

#blog_page .queriesCont .grid .listing-item ul {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 0px;
}

#blog_page .queriesCont .grid .listing-item ul li {
    color: #023b03;
    
    display: block;
    margin-left: .1rem;
    margin-right: .1rem;
    transition: all 111ms ease-out
}

#blog_page .queriesCont .grid .listing-item ul li:before {
    background-image: url(https://linkedguerilla.com/wp-content/uploads/2024/03/listStyle_gorrilla3.png);
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: .5rem;
    margin-right: .5rem;
    width: 19px;
   

    
}

#blog_page .queriesCont .filter-button-group {
    margin-bottom: 1.2rem
}

#blog_page .queriesCont .filter-button-group button {
    background: #036704;
    font-size: 1rem;
    height: 3rem;
    margin: .2rem;
    transition: all 333ms ease-out;
    color: #fff;
    border: none;
   &:hover{
    box-shadow: inset 0 8px 17px 0 rgba(0,0,0,.2), inset 0 6px 20px 0 rgba(0,0,0,.19);
   }
}

#blog_page .queriesCont .filter-button-group .active {
    background: #e5e5e5;
    background: var(--light-gray);
    color: #023b03;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    transition: all 333ms ease-out;
    &:hover{
        box-shadow:  0 8px 17px 0 rgba(0,0,0,.2),  0 6px 20px 0 rgba(0,0,0,.19);
    }
}

#orderPage strong {
    text-shadow: #000 1px 0 1px,#000 0 1px 1px,#000 1px 1px 1px,#000 -1px 0 1px,#000 0 -1px 1px,#000 -1px -1px 1px
}

#orderPage .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    display: none
}

#orderPage .summary.entry-summary {
    float: none;
    margin: auto;
    width: 100%
}

#orderPage .summary.entry-summary .price,#orderPage .summary.entry-summary .product_title.entry-title {
    display: none
}


#orderPage [type=submit] {
    font-size: 1.5rem;
    line-height: 0rem;
    margin: 2rem 1rem 1rem;
    padding: 1.5rem
}

body.woocommerce-checkout footer #logoImgFooter,body.woocommerce-checkout footer h3,body.woocommerce-checkout footer h6,body.woocommerce-checkout footer>a {
    display: none
}

.site-content {
    padding-right: 0
}


.list_descr li,.post-template-default li,.single-product li {
    list-style-image: none
}

.tagify {
    padding-top: 10px
}

#list_page {
    text-align: center
}

.list_descr {
	color: #fff;
    margin-bottom: 4rem;
    margin-left: 10%;
    margin-right: 10%;
    padding: 2rem;
    background-color: #036704;
	font-size: 0.75rem;

}

.list_descr li,.post-template-default li,.single-product li {
    list-style-image: url(https://linkedguerilla.com/wp-content/uploads/2024/03/listStyle_gorrilla3.png);
    list-style-position: inside
}

.post-template-default .single-title,.single-product .single-title {
    color: #c5b358;
    color: var(--gold);
    text-align: center
}

#mobileNav.open li {
    list-style-image: none;
    list-style-position: none
}

@media only screen and (max-width: 600px) {
    .list_descr {
        margin-bottom:2rem;
        margin-left: 0;
        margin-right: 0;
        padding: .1rem
    }

    #list_page .woocommerce {
        margin: auto;
        width: 95%
    }
}

.orderPage .orderPageTitle {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--light-gray);
    color: #85783c;
    color: var(--dark-gold);
    margin: auto 15%;
    text-align: center
}

.orderPage~.footer>#logoImgFooter,.orderPage~.footer>a,.orderPage~.footer>h3,.orderPage~.footer>h6 {
    display: none
}


& .contactFormCont,& .formTextarea {
    background: #453f1f;
    background: var(--dark-gray);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1.5rem
}

& .contactFormCont.followup textarea,& .formTextarea.followup textarea {
    height: 30rem
}

& .planChoice li {
    background: #fff;
    box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    padding: 2rem;
    text-align: center;
    width: 31%
}

& .planChoice li label span {
    color: #fff;
    color: var(--white);
    font-size: 1.5rem
}

& .planChoice li:first-child {
    background: #a57164;
    background: var(--light-bronze)
}

& .planChoice li:nth-child(2) {
    background: #e5e5e5;
    background: var(--light-gray)
}

& .planChoice li:nth-child(2) label span {
    color: #000!important;
    color: var(--black)!important
}

& .planChoice li:nth-child(3) {
    background: #c5b358;
    background: var(--gold)
}

& input:not([type]),& input[type=date]:not(.browser-default),& input[type=datetime-local]:not(.browser-default),& input[type=datetime]:not(.browser-default),& input[type=email]:not(.browser-default),& input[type=number]:not(.browser-default),& input[type=password]:not(.browser-default),& input[type=search]:not(.browser-default),& input[type=tel]:not(.browser-default),& input[type=text]:not(.browser-default),& input[type=time]:not(.browser-default),& input[type=url]:not(.browser-default),& textarea.materialize-textarea {
}
.planChoice li {
    cursor: pointer
}

.planChoice li input:checked~label {
    font-size: 1.5rem
}

.planChoice li label {
    cursor: pointer;
    font-size: 1rem;
    transition: all 555ms ease-out
}

.planChoice li .ginput_price {
    display: none
}


.tagify__tag>div,.tagify__tag>div:before {
    box-shadow: inset 0 0 0 100px #cec69b!important
}


.tagify {
    padding-top: 50px
}


body.error404 #primary {
    margin: auto;
    max-width: 800px
}

body.error404 .btn {
    line-height: 0
}

body.search {
    margin: auto
}

body.search .search-form {
    margin: auto;
    max-width: 800px
}

body.search .site-content {
    margin: auto auto 5rem;
    text-align: center
}

body.search .btn {
    line-height: 0
}

body.search .grid-item {
    position: relative!important;
    top: 0!important
}

body.search .pagination,body.search .side-column {
    display: none
}

body.search footer {
    box-shadow: 0 0 9px #fff,0 0 9px #fff,0 0 9px #fff,0 0 9px #fff,0 0 9px #fff,0 0 9px #fff,0 0 18px #fff,0 0 18px #fff,0 0 18px #fff,0 0 18px #fff,0 0 18px #fff,0 0 18px #fff,0 0 18px #fff,0 0 36px #fff,0 0 36px #fff,0 0 36px #fff,0 0 36px #fff,0 0 36px #fff,0 0 36px #fff,0 0 36px #fff
}

.no-results .inner-content {
    margin-top: 40px
}

.footer {
    background: #85783c;
    background: var(--dark-gold);
    color: #fff;
    color: var(--white);
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer ul li {
    padding: 0
}

.footer section {
    box-sizing: border-box
}

.footer section.categories {
    padding: 20px
}

@media (max-width: 640px) {
    .footer section.categories {
        padding:0
    }
}

.footer section.categories ul {
    box-sizing: border-box;
    margin: auto;
    max-width: 100%!important;
    width: 100%!important
}

@media (max-width: 1300px),print {
    .footer section.categories ul {
        padding:0 20px
    }
}

.footer section.categories ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.footer section.categories ul li {
    width: 100%
}

@media (max-width: 640px) {
    .footer section.categories ul {
        display:block;
        width: 100%
    }
}

.footer section.categories ul h2 {
    font-weight: 100;
    margin: 20px 0 40px;
    text-align: left
}

@media (max-width: 640px) {
    .footer section.categories ul h2 {
        margin:20px 0
    }
}

.footer section.categories ul ul.post-title {
    padding-bottom: 40px;
    text-align: left
}

@media (max-width: 1000px),print {
    .footer section.categories ul ul.post-title {
        padding:0 0 40px
    }
}

@media (max-width: 640px) {
    .footer section.categories ul ul.post-title {
        padding:0 0 20px
    }
}

.footer section.categories ul ul.post-title li {
    box-sizing: border-box;
    display: inline-block;
    flex: 33.333%;
    line-height: 1.5;
    max-width: 33.333%;
    padding: 0 10px;
    position: relative;
    width: 33.333%
}

@media (max-width: 1000px),print {
    .footer section.categories ul ul.post-title li {
        flex:50%;
        max-width: 50%;
        width: 50%
    }
}

@media (max-width: 640px) {
    .footer section.categories ul ul.post-title li {
        margin-bottom:10px;
        max-width: 100%;
        width: 100%
    }

    .footer section.categories ul ul.post-title li:last-child {
        margin-bottom: 0
    }
}

.footer section.categories ul ul.post-title li[data-aos=slow-categories] {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s ease
}

.footer section.categories ul ul.post-title li.aos-animate {
    opacity: 1;
    transform: translateY(0)
}

.footer section.categories ul ul.post-title li:before {
    background: color-mod(#fff alpha(50%));
    background: color-mod(var(--white) alpha(50%));
    border-radius: 100%;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 3px
}

.footer section.categories ul ul.post-title li a {
    color: #71cecd;
    color: var(--light-blue)
}

.footer section.categories ul ul.post-title li:hover a {
    color: #c5b358;
    color: var(--primary-color)
}

.footer section.footer-widgets .footer-widget-area:empty {
    display: none
}

.footer section.riangle {
    background: #85783c;
    background: var(--dark-gold);
    padding: 30px;
    position: relative;
    width: 100%
}

.footer section.riangle a img {
    transition: all .3s ease;
    vertical-align: middle
}

.footer section.riangle a:hover img {
    transform: scale(1.2)
}

@media (min-width: 640px) {
    .footer section.riangle a:hover~p {
        max-width:900px;
        opacity: 1;
        padding-left: 10px
    }
}

.footer section.riangle p {
    box-sizing: border-box;
    color: color-mod(#fff alpha(50%));
    color: color-mod(var(--white) alpha(50%));
    display: inline-block;
    font-size: 14px;
    font-size: var(--small-font-size);
    line-height: 1;
    margin: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px 0;
    transition: all .5s ease;
    vertical-align: middle;
    white-space: nowrap
}

.footer section.riangle p strong {
    color: #fff;
    color: var(--white);
    font-weight: 500
}

.footer section.riangle p strong a {
    color: #fff;
    color: var(--white)
}

.footer section.riangle p strong a:hover {
    color: #c5b358;
    color: var(--primary-color)
}

@media (min-width: 640px) {
    .footer section.riangle p:hover {
        max-width:900px;
        opacity: 1;
        padding-left: 10px
    }
}

.footer #logoImgFooter {
    margin: 3em auto auto;
    width: 15%
}

.footer h3,.footer h6 {
    color: #fff!important;
    color: var(--white)!important
}

.footer button {
    background: #2ecc71;
    background: var(--success-color)
}

.footer button:hover {
    background: #59d98e;
    background: var(--light-success-color);
    color: #85783c;
    color: var(--dark-gold)
}



.form-row-first,.form-row-last {
    float: none!important
}

.noPayNotification {
    background: #cec69b;
    background: var(--light-gold);
    border-radius: 5px;
    margin-bottom: 2rem;
    margin-right: 1rem;
    padding: 2rem;
    text-align: center;
    width: 100%
}

.noPayNotification * {
    margin: 0
}

.col-1 {
    margin-right: 4%
}

.woocommerce .col2-set,.woocommerce-page .col2-set {
    display: flex
}

.woocommerce-checkout .col-2 {
    display: none
}

.woocommerce-checkout .col-1 {
    float: none!important;
    margin: auto
}

.woocommerce-checkout .col-1 .form-row {
    margin-bottom: 2rem
}

.woocommerce-checkout .col-1 .woocommerce-billing-fields select {
    display: block!important
}

.woocommerce-checkout .woocommerce button.button.alt {
    background: #85783c;
    background: var(--dark-gold)
}

#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment {
    background: #e5e5e5;
    background: var(--light-gray)
}

.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last {
    width: 100%
}

#payment .form-row {
    margin: auto;
    text-align: center
}

#payment .form-row #place_order {
    float: none!important;
    font-size: 2rem;
    margin: auto;
    text-align: center
}

.woocommerce-info {
    border-top-color: #e5e5e5;
    border-top-color: var(--light-gray)
}

.recurring-totals * {
    font-size: 2rem;
    font-weight: 100!important
}

.gravityview-template-default .side-navigation {
    display: none
}

.documentation {
    margin: auto;
    width: 90%
}

.documentation .post-info,.side-navigation {
    display: none
}

.woocommerce .products ul,.woocommerce ul.products {
    margin: auto;
    text-align: center
}

.woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
    display: inline-block;
    float: none;
    width: 20%
}

body._product_linkedguerilla_ .single-title {
    display: none
}

body._product_linkedguerilla_ .documentation {
    width: 100%
}

body._product_linkedguerilla_ .footer>#logoImgFooter,body._product_linkedguerilla_ .footer>a,body._product_linkedguerilla_ .footer>h3,body._product_linkedguerilla_ .footer>h6 {
    display: none
}

body._product_linkedguerilla_ * {
    list-style: none
}

body._cart_ .footer>#logoImgFooter,body._cart_ .footer>a,body._cart_ .footer>h3,body._cart_ .footer>h6,body._checkout_ .footer>#logoImgFooter,body._checkout_ .footer>a,body._checkout_ .footer>h3,body._checkout_ .footer>h6 {
    display: none
}

.woocommerce {
    width: 100%
}



.woocommerce div.product form.cart .button {
    background-color: #036704;
    background-color: #036704;
    color: #fff;
    color: var(--white);
    float: none!important;
    margin: auto;
    text-align: center
}

.woocommerce form.cart {
    margin: auto;
    text-align: center
}

.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button {
    height: auto;
    line-height: normal
}

@media (min-width: 2000px) {
    #about_page #hi {
        font-size:3rem
    }

    #about_page #Iam {
        font-size: 2rem
    }
}

@media (max-width: 1200px) {
    #about_page {
        width:70%
    }

    #about_page #Iam {
        font-size: 1.5rem
    }
}

@media (max-width: 820px) {
    .container,.container .site-content {
        padding-left:0;
        padding-right: 0
    }

    section.headings main h1 {
        font-size: 2.5rem;
        padding: 0 20px
    }

    section.headings main h3 {
        font-size: 1.7rem;
        padding: 10px 0 0
    }

    .hiddenAdCont {
        display: none!important
    }

    .browserMain .messageCont {
        width: 97.5%
    }

    .browserCont.followup .searchCont {
        display: none!important
    }

    .browserCont.followup .leftSide {
        display: none
    }

    .browserCont.followup .rightSide {
        width: 100%
    }

    .header.loaded.scrolled {
        height: 42px
    }

    .broswerLiNav .notificationsCont {
        width: 75%
    }

    .broswerLiNav .notificationsCont .notifications p:not(.count) {
        line-height: .5rem;
        padding: 0
    }

    .svgBg {
        display: none
    }

    .site-content.front-page {
        padding-top: 60px
    }

    #featuresBox.drawn * {
        stroke: #c5b358;
        stroke: var(--gold);
        fill: #c5b358;
        fill: var(--gold)
    }

    #howItWorks section {
        height: auto
    }

    #howItWorks .card {
        max-width: 100%
    }

    #howItWorks #hiw1_section .sectionTitle {
        background: transparent;
        box-shadow: none;
        color: #453f1f;
        color: var(--dark-gray);
        font-size: 2rem;
        margin: 0 auto 1rem;
        max-width: 100%;
        text-shadow: none
    }

    #howItWorks #hiw1_section .queriesCont {
        max-width: 100%
    }

    #howItWorks .grid-item {
        width: 45%
    }

    #howItWorks #hiw3_section .accountManagerCont {
        margin-top: 50%
    }

    #howItWorks #hiw3_section .accountManagerCont .accountManagerProfileCont .li_icon {
        height: 5rem;
        width: 5rem
    }

    #howItWorks #hiw4_section .browserCont.followup {
        width: 100%
    }

    #howItWorks #hiw4_section .browserCont.followup .notificationsCont {
        width: 80%
    }

    #howItWorks #hiw4_section .browserCont.followup .messageCont .rightSide .messageBodyCont .messageBody {
        touch-action: none
    }

    #howItWorks #hiw4_section .browserCont.followup .leftSide .messagesHeader h4 {
        font-size: 1rem
    }

    #howItWorks #hiw5_section div {
        height: auto
    }

    #howItWorks #hiw5_section div h1 {
        font-size: 2.5rem
    }

    #objections,#testimonials {
        display: none
    }

    #guaruntees {
        margin-top: -5rem
    }

    #guaruntees h1,#guaruntees h2 {
        display: none
    }

    #guaruntees ul {
        width: 100%
    }

    .filter-button-group button {
        margin: .15rem
    }


    #normalNav {
        display: none
    }

    .display-posts-listing .listing-item {
        width: 98%
    }

    #about_page {
        width: 85%
    }

    #about_page #Iam {
        font-size: 2rem
    }
}

@media (max-width: 640px) {
    section.headings main h1 {
        padding:0 20px
    }

    section.headings main h3 {
        padding: 10px 0 0
    }

    .row {
        display: inline-block
    }

    .browserMain .messageCont {
        width: 100%
    }

    .browserMain .messageCont .leftSide {
        display: none
    }

    .browserMain .messageCont .rightSide {
        width: 100%
    }

    .searchCont {
        display: none!important
    }

    #howItWorks #hiw1_section .queriescont .filter-button-group {
        text-align: center
    }

    #howItWorks #hiw1_section .grid-item {
        width: 45%
    }

    #howItWorks #hiw3_section .accountManagerCont {
        margin-top: 0!important
    }

    #howItWorks #hiw3_section .accountManagerCont .accountManagerProfileCont .li_icon {
        height: 1.75rem;
        width: 1.75rem
    }

    #howItWorks #hiw5_section {
        display: inline-block;
        width: 100%
    }

    #howItWorks #hiw5_section div {
        height: auto;
        width: 100%
    }

    #about_page {
        width: 95%
    }

    #about_page #Iam {
        font-size: 2rem
    }
}



@media only screen and (min-width: 601px) and (max-width:651px) {
    .row .col.m6 {
        width:100%
    }

    .writing {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width:1200px) {
    body.home .site-content {
        margin-left:0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    body.home .site-content .valueProp {
        margin-top: 8%
    }

    #howItWorks #hiw3_section .accountManagerCont {
        margin-top: 25%!important
    }

    .searchCont {
        display: flex!important
    }

    #howItWorks .card {
        max-width: 80%
    }

    #howItWorks section {
        height: auto
    }

    #howItWorks #hiw5_section {
        display: flex;
        flex-direction: row
    }

    #howItWorks #hiw5_section div {
        margin: 1rem auto
    }

    .browserCont.followup .searchCont {
        display: none!important
    }

    .browserCont.followup .leftSide {
        display: none
    }

    .browserCont.followup .rightSide {
        width: 100%
    }
}

@media only screen and (min-width: 600px) and (max-width:900px) {
    .broswerLiNav .notificationsCont {
        width:50%
    }

    #howItWorks #hiw4_section .browserCont.followup .notificationsCont {
        width: 80%
    }

    #howItWorks .card {
        max-width: 90%
    }

    #howItWorks #hiw5_section div h1 {
        font-size: 2rem
    }


    .cardCont .card h1 {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 900px) and (max-width:1200px) {
    .broswerLiNav .notificationsCont {
        width:30%
    }

    #howItWorks #hiw4_section .browserCont.followup .notificationsCont {
        width: 60%
    }

    #howItWorks .card {
        max-width: 80%
    }

    #howItWorks #hiw5_section div h1 {
        font-size: 3rem
    }

   

    .cardCont .card h1 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    #howItWorks #hiw5_section div h1 {
        font-size:3.5rem
    }
}

@media only screen and (min-width: 600px) {
    #hiw5_section .col {
        margin-left:0!important;
        margin-right: 0!important
    }
}


#contact-form input:not([type="submit"]):focus+label{
color: #000!important;    border-color: #000!important;
    box-shadow: none;
	
}

.list_descr li::marker{
	
	opacity: 0.5;
	
	
}
.card-action{
	width: 70%;
	margin: auto;
}
.card-action ul{
	text-align: left;
}
.woocommerce-loop-product__title{
	color: #023B03;
}
.price{
	color: #023B03!important;
}
.calendly-badge-widget{
	position: unset!important;
}
.calendly-badge-content{
	border-radius: 0px!important;
	 transition: all .3s ease-in;
	&:hover{
		box-shadow:  0 8px 17px 0 rgba(0,0,0,.2),  0 6px 20px 0 rgba(0,0,0,.19)!important;
	}
}
.Es8downQlxiASDyltHtn {
	scrollbar-width: none!important;
}
.Es8downQlxiASDyltHtn::-webkit-scrollbar {
	display: none!important;
}

.woocommerce{
    /*display: flex;*/
    justify-content: space-between;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    
    
}
.woocommerce a{
    color: #023b03;
    text-decoration: none!important;
    &:hover{
        /*color: #036704!important;*/
    }

}
.woocommerce p{
    color: #000;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 50%;
}
.woocommerce-MyAccount-navigation ul {
    margin: 0px;
    padding: 0px;

 li{
    padding: 5px;
    list-style: none;
    border: solid 1.5px;
    text-align: center;
    
    &:hover{
		box-shadow:  0 8px 17px 0 rgba(0,0,0,.2),  0 6px 20px 0 rgba(0,0,0,.19)!important;
	}
    & a {
        /*color: #023b03!important;*/
        text-decoration: none;
    }
 }
    
}

@media only screen and (min-width: 2000px){
	#xs_testi_10{
		left: 0px!important;
	}
	#extra-large, #xs_testi_10, #list_page{
		 width: 80%!important;
    	margin-right: auto;
    	margin-left: auto;
}
	
}
.related .products{
	display: none;
}
body{
	overflow-x: hidden;
}
.single_add_to_cart_button{
	background-color: #036704;
}

/* Cart/Checkout Changes */

#content{
	max-width: 80vw;
	margin: auto;
}

/* CALCULATOR PAGE */

#result{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20vh;
}
.pageContainer{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80vw;
	margin: auto;
}

.pageContainerForm{
	visibility: hidden!important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.resRow{
	display: flex;
}
#content{
	min-height: 100vh;
}

.disclaimerContainer{
	    width: 100vw;
    position: absolute;
    margin-top: 30px;
    left: 0;
    padding: 0 10%;
}

.form-container{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#field_8_10{
	padding: 0;
    border: none;
    font-size: 0.8rem;
	display: flex;
	
}
#appointments input, #accounts input{
	text-align: center;
	color: #FFF;
}
#input_8_10{
	display: flex;
	    width: 100%;
    justify-content: center;
}
#input_8_10_3_container, #input_8_10_6_container{
	width: 100%;
    display: flex;
    flex-direction: column;
}
#appointments, #accounts, #input_8_10_3, #input_8_10_6, #input_8_9, #input_8_14{
	width: 60%;
	height: 1.2rem;
	font-size: 0.8rem;
	color: #FFF;
}
#field_submit{
	    display: flex;
    justify-content: flex-end;
}
nav{
	background-color: #fff!important;
	box-shadow: none!important;
}

#lgRow, #saRow, #aiRow, #ceRow, #totalRow, #saAdditionalRow, #tableHead{
	color: #fff!important;
	display: none;
}
#gform_submit_button_8{
	margin-top: 30px;
}
#totalRow{
	font-weight:700;
}
#lgLead, #saLead, #aiLead, #ceLead, #saAdditionalLead, #totalLead{
	text-align: center;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

#acct-input-container{
	transform: translateY(-100%);
	transition: 0.3s ease-in-out;
    z-index: 0;
	opacity: 0;
	& input{
		text-align: center;
	}
	
}
#appt-input-container, #additional-accounts{
	color: #FFFFFF;
    z-index: 9;
	transition: 1s ease-in-out;
	
	& input{
		text-align: center;
		
	}
}
#appt-input-container input{
	font-size: 1.5rem;
}
#additional-accounts{
	cursor: pointer;
   	justify-content: center;
    display: flex;
    flex-direction: row;
    /* max-width: 20%; */
    /* font-size: 20px; */
    transition: 0.3s ease-in-out;
	align-items: center;
	transform: translateY(-100%);
}
#left-icon{
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
	position: absolute;
	z-index: 0;
}
#right-icon{
	transition: opacity .3s ease-in-out;
	
	transition: 0.3s ease-in-out;
	height: fit-content;
    position: relative;
}
.rotate-180{
	transition: 1s ease-in-out;
}
#field_8_14, #field_8_9, #field_submit{
	display: none;
}
#field_submit{
	width: 100%;
}
.gform_body {
	width: auto!important;
	margin: 0 10%;
}
#field_8_14, #field_8_9{
	line-height: 2;
	& label{
		color: #fff!important;
	}
}
#input_8_14{
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
}
.input-container{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.input-container label{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.input-label{
	color: #fff!important;
}
#appt-input-container{
	flex-direction: column;
}
#appt-input-container h1{
	font-size: 1.9rem;
	margin-bottom: 100px;
    font-weight: 500;
}

.page-container table{
color: #fff!important;
}
#disclaimer-text{
	display: none;
}
#gform_submit_button_8{
	background-color: #032466;
    border: none;
	cursor: pointer;
}
	
#gform_submit_button_8:hover{
	background-color: #000;
	color: #FFF;
    border: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#gform_confirmation_message_8{
	color: #fff;
}