﻿/*Cookie Bot Overrides*/

.cookiebot-block {
    display: block !important;
}


#CybotCookiebotDialog {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 22px rgba(6,45,74,.4) !important;
    padding-bottom: 16px !important;
}
    /*freight-sans-pro, 'Source Sans Pro', Arial, Helvetica, sans-serif*/
    #CybotCookiebotDialog,
    #CybotCookiebotDialog div,
    #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle,
    #CybotCookiebotDialog #CybotCookiebotDialogBodyUnderlay {
        color: #333;
        font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    }

        #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText {
            text-align: center;
        }

            #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText * {
                font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
                font-size: 17px !important;
            }

        #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
            font-family: freight-sans-pro, 'Source Sans Pro', Arial, Helvetica, sans-serif;
            font-weight: 400;
            text-align: center;
        }

        #CybotCookiebotDialog a {
            color: #2bb3d9 !important;
        }

            #CybotCookiebotDialog a.CybotCookiebotDialogDetailBodyContentTabsItem,
            #CybotCookiebotDialog a.CybotCookiebotDialogDetailBodyContentTabsItem:hover {
                color: #333 !important;
            }

            #CybotCookiebotDialog a:hover {
                color: #1789a7 !important;
            }

        #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonAccept {
            background-color: #18a300;
            border-color: #18a300;
            padding: .75rem 1.5rem;
            font-size: 1rem;
            margin: 1rem 0;
            min-width: 120px;
            display: inline-block;
            color: #fff !important;
        }

            #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonAccept:hover {
                background-color: #fff;
                color: #18a300 !important;
            }

        #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton,
        #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton:hover {
            color: #333 !important;
        }

        #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonAcceptWrapper {
            float: none;
            display: inline-block;
        }

        #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelWrapper {
            text-align: center;
        }

#CybotCookiebotDialogBodyLevelButtons #CybotCookiebotDialogBodyLevelButtonsTable,
#CybotCookiebotDialogBodyLevelButtons #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    border-radius: 0;
}
/*hide the logo on the left*/
#CybotCookiebotDialogPoweredbyLink {
    display: none;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelWrapper {
    padding-left: 4px;
    padding-right: 4px;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetail {
    padding-top: 1rem;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContent {
    border-bottom-width: 1px;
}

#CybotCookiebotDialog input[type="checkbox"].CybotCookiebotDialogBodyLevelButton:checked + label {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFQTFRFS5g5zMzM2dnZ5eXl9PnzVp5Fbate3ezau9i0j7+EeLJrmsWQsNKo0uXN6PLmg7h3x9/Bf65zY6JVydLHU5tCj7WGxMnDwc+9nLmVYqVS////3NYHVwAAABt0Uk5T//////////////////////////////////8AJzQLNQAAAK9JREFUeNqM0VkShCAMBNCoYVXH2Zfc/6ADEq0gaNmfvAJCA3QQqC/jcIAeJtxDBwDa1NFCjBpraCClh7bIQyXTCM0273sydaGAXZ4bH2ooYn7hwGapxCubI4EjD8rDeBJowmyxNZ3shwIxbFAmtjbn+SGBacPQ84XfVuCyyHk1EnVmU5chOmEac1z+gVvb4vpACA8ukNCvrZWYZp5bqyFZpWkXyeABck5jJWfwL8AA8wossS/rtE0AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-size: 14px 14px;
}

#CybotCookiebotDialog input[type="checkbox"].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled + label {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhQTFRFmZmZzMzM2dnZ5eXl+fn5n5+f7OzsrKysxsbGv7+/s7Oz0tLSubm58vLyycnJnJycz8/P09PTr6+vtra2pqamo6Oj39/f////ICkbLQAAABh0Uk5T//////////////////////////////8AzRMu6gAAAK5JREFUeNqM0esSxBAMBeCUoLS73Xve/02XSjtRanp++gZxAHUC7WWcOhhgxjP0AOBsGxWkGN1CCzkjqCpPk80hDMfcv9nMjSLqMi8+1FLC8sKJTVGNPzZPAjUPysMEEmjjbKk1l+2DAjFuMDa1tmZ5kMC8YRr5wlkJ3BY570GiK2zWBaIX5rDE7R+4tSPuD4T44AoJw95ajXnmtbUWkjKOTpEsdpBzGRu5gn8BBgBDJSeDtEw/OAAAAABJRU5ErkJggg==');
    background-size: 14px 14px;
}


/* ++++++++++++++++++++++++
   cookiebot content styles
   ++++++++++++++++++++++++
*/

/*
	targeted inside 'main' tag to beat default styling without an !important
*/
.main-content .cookiebot-general,
.main-content .cookiebot-video,
main .cookiebot-video,
main .cookiebot-general {
    border: 1px solid #ccc;
    padding: 30px 12px;
    /*display: block !important;*/
    /*margin: 20px 0;*/
    /* width: 100%; */
    text-align: center;
    background-color: #e5e5e5;
    position: relative;
}

.main-content .cookiebot-video,
main .cookiebot-video {
    max-width: 380px;
    /*min-height: 220px;*/
    padding-top: 150px;
    padding-bottom: 12px;
}

.video-downloads-container .cookiebot-video {
    padding-top: 100px
}

.main-content .cookiebot-video:before,
main .cookiebot-video:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-left: 4rem solid #ccc;
    border-top: 3rem solid transparent;
    border-bottom: 3rem solid transparent;
    margin-left: .3rem;
    margin-top: -1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.video-downloads-container .cookiebot-video {
    padding-top: 56px;
}

    .video-downloads-container .cookiebot-video:before {
        margin-top: -2rem;
        border-left-width: 2rem;
        border-top-width: 1.5rem;
        border-bottom-width: 1.5rem;
    }
