/*
 * Theme Name:  Swyft Child
 * Theme URI:   https://swyft.codesupply.co/
 * Description: Swyft Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    swyft
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

.cs-entry__title {
    color: white;
}


/*
** Cookies
*/

.termsfeed-com---nb-simple {
    right: auto !important;
    left: 0 !important;
    bottom: 0 !important;
    border-radius: 42px;
}

@media screen and (max-width: 800px) {
    .termsfeed-com---nb-simple {
        max-width: 100%!important;
    }
}

@media screen and (min-width: 800px) {
    .termsfeed-com---nb-simple {
        left: 32px !important;
        bottom: 25px !important;
    }
}

.termsfeed-com---palette-dark {

    .cc-nb-main-container {
        background-color: white;
    
        .cc-nb-title, .cc-nb-text-content {
            color: black;
        }

        .cc-nb-buttons-container {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;

            button {
                flex: 1;
                height: 62px;
                padding-left: 30px;
                padding-right: 30px;
                border-radius: 11px;
                font-weight: 600;
                font-size: 16px;
            }

            .cc-nb-okagree {
                background-color: #13383B;
                color: white;

            }

            .cc-nb-reject {
                background: transparent;
                color: #13383B;
            }

            .cc-nb-changep {
                background: transparent;
                color: #13383B;
                border: 1px solid #13383B;
            }
        }

    }
}


:root {
    --global-container-padding-x: 150px;
    --cs-main-content-column-gap: 0px;
    --cs-main-content-margin-top: 2.5rem;
}

main .cs-container {
    padding-left: var(--global-container-padding-x);
    padding-right: var(--global-container-padding-x);
    max-width: 100%;
    margin: 0;
}

main .cs-main-content {
	position: relative;
	display: grid;
	grid-auto-flow: row;
	row-gap: var(--cs-main-content-column-gap);
	grid-template-columns: minmax(0, 1fr);
	margin-top: var(--cs-main-content-margin-top);
}

@media (min-width: 992px) {
    :root {
        --cs-main-content-margin-top: 3rem;
        --cs-main-content-column-gap: 48px;
    }
}

@media (min-width: 1660px) {
    :root {
        --cs-main-content-margin-top: 4rem;
        --cs-main-content-column-gap: 56px;
    }
}

@media (min-width: 992px) {
    :root {
        --cs-main-content-margin-top: 3rem;
    }
}

main *[id] {
  scroll-margin-top: calc(var(--cs-header-topbar-height) + var(--main-margin-top) + var(--language-suggestion-height, 0px));
}

@media (max-width: 1200px) {
    :root {
        --global-container-padding-x: 50px;
    }
}

@media (max-width: 800px) {
    :root {
        --global-container-padding-x: 30px;
    }

    main *[id] {
        scroll-margin-top: calc(var(--cs-header-initial-height) + 8px + var(--language-suggestion-height, 0px));
    }
}

@media (max-width: 500px) {
    :root {
        --global-container-padding-x: 0px;
    }

    main *[id] {
        scroll-margin-top: calc(var(--cs-header-initial-height) + 20px + var(--language-suggestion-height, 0px));
    }
}

.wpcf7-form label {
    width: 100%;
}

.inner-button {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
    padding: 15px 30px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
}

.grecaptcha-badge { visibility: hidden; }