CSS for GP Support ticket

TravelWithFamily CSS

/* Custom CSS by Dave Foy - https://www.designbuildweb.co - hello@designbuildweb.co */
/* Use the same method of sizing elements as Elementor does */
body * {
    box-sizing: border-box;
}

/* Elementor - set some default left and right padding on mobile - same as in GeneratePress */
.elementor-top-section.elementor-section-boxed>.elementor-container {
    padding: 0 20px;
}

/* 1. Don't set padding if an Elementor library item is embedded within another section via shortcode */
/* 2. Don't set padding if an Elementor library item is embedded within a standard non-full width page */
.elementor-top-section .elementor-top-section.elementor-section-boxed>.elementor-container, body:not(.full-width-content) .entry-content .elementor-top-section.elementor-section-boxed>.elementor-container {
    padding: 0;
}

/* 3. Don't set padding if the section has a class of 'nopad' */
.elementor-top-section.elementor-section-boxed.nopad>.elementor-container {
    padding: 0;
}

/* Make Elementor elements expand to fit the full available width. This is due to how Elementor puts padding all the way around columns */
.elementor-section-boxed .elementor-column-gap-default .elementor-row {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}

.elementor-section-boxed .elementor-column-gap-narrow .elementor-row {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
}

.elementor-section-boxed .elementor-column-gap-extended .elementor-row {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}

.elementor-section-boxed .elementor-column-gap-wide .elementor-row {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
}

.elementor-section-boxed .elementor-column-gap-wider .elementor-row {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
}

/* Copyright tekst size - align left and float */
.site-info {
    font-size: 11px;
}

.site-info {
    text-align: left;
}

.footer-right {
    float: right;
}

/* Opening menu item to the right's sub-menus to the left */
.dropdown-hover .main-navigation:not(.toggled) ul .open-left ul {
    left: auto;
    right: 0;
}

.dropdown-hover .main-navigation:not(.toggled) ul .open-left li:hover>ul {
    left: auto;
    right: 100%;
}

.main-navigation .main-nav ul .open-left ul li.menu-item-has-children>a {
    padding-left: 0;
    padding-right: 20px;
}

.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
    float: left;
    padding-left: 20px;
    padding-right: 15px;
}

.main-navigation .open-left .children .dropdown-menu-toggle:before, .main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
    content: "\f104";
}

/* move text in slide-out nav down */
#generate-slideout-menu {
    padding-top: 15px;
}

/* Adds GP close icon to slide-out nav */
.gp-icon.close::before {
    content: "\f00d";
}

.gp-icon {
    font-family: 'GeneratePress' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: 10px;
    color: #ffffff;
}

/* remove the original exit button from slide-out nav */
.slideout-overlay .slideout-exit {
    display: none;
}

/* Slide-out nav full width */
.offside.is-open {
    width: 100%;
}

/* Widgets before slide out menu */
.slideout-navigation .inside-navigation {
    display: flex;
    flex-direction: column-reverse;
    padding-right: 15px;
    padding-left: 15px;
}

/* nav links effect – Underline */
@media (min-width: 769px) {
    .main-navigation .menu>.menu-item>a::after {
        content: "";
        position: absolute;
        right: 0;
        left: 50%;
        bottom: 8px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 3px;
        background-color: #00a2e0;
        transition: box-shadow 0.6s linear;
    }

    .main-navigation .menu>.menu-item.current-menu-item>a::after, .main-navigation .menu>.menu-item.current-menu-ancestor>a::after, .main-navigation .menu>.menu-item>a:hover::after {
        width: 95%;
    }

    /* Submenu auto width */
    .sub-menu .dropdown-menu-toggle {
        position: absolute;
        right: 0;
    }

    .main-navigation ul ul {
        width: auto;
        white-space: nowrap;
    }
}
/* Closing bracket was added to the line above */

/* logo desktop size and padding */
@media (min-width:1025px) {
    .main-navigation .site-logo.navigation-logo {
        position: absolute;
        left: -28px;
        top: 0;
    }

    .main-navigation .site-logo.navigation-logo img {
        height: 150px;
    }

    .site-logo {
        margin-top: -50px;
    }
}

/* logo tablet landescape size and padding */
@media (max-width:1024px) and (min-width:769px) {
    .main-navigation .site-logo.navigation-logo {
        position: absolute;
        left: -30px;
        top: 0;
    }

    .main-navigation .site-logo.navigation-logo img {
        height: 120px;
    }

    .site-logo {
        margin-top: -50px;
    }
}

/* Page-hero padding tablet landescape */
@media (max-width:1024px) and (min-width:769px) {
    .page-hero {
        padding-right: 15px;
        padding-left: 15px;
    }

    .main-navigation {
        padding-right: 15px;
        padding-left: 15px;
    }

    .top-bar {
        padding-right: 20px;
        padding-left: 15px;
    }
}

/* Desable top bar on mobile and tablet */
@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
    .main-navigation .site-logo.navigation-logo img {
        height: 150px;
    }
}