/**
 * Defaults / Strandoo
 */
.mCCF {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column-reverse;
    font-size: initial;
    margin: 0;
    padding: 20px 30px;
    position: fixed;
    z-index: 9999;
    color: #fff;
    background: #222;
    font-size: 18px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing: border-box;
	}

.mCCF--top,
.mCCF--bottom {
    right: 0;
    left: 0;
	}
.mCCF--top {
    top: 0;
	}
.mCCF--bottom {
    bottom: 0;
    bottom: 20px;
    right: 5%;
    left: 5%;
	}

.mCCF__message {
    font-size: 0.9em;
    text-align: center;
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.5em;
    display: block;
	}
.mCCF__link {
    border: none;
    text-decoration: none;
    margin-left: .5em;
	}
.mCCF__accept {
    display: block;
    width: 33%;
    width: auto;
    width: 100%;
	font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding: 10px 20px;
    background-color: #f1d600;
    cursor: pointer;
    text-align: center;
    margin: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none;
    text-transform: none;
    letter-spacing: 0;
	}

.mCCF__accept,
.mCCF__accept:visited,
button.mCCF__accept,
button.mCCF__accept:visited {
    color: #000;
    background-color: #f1d600;
    text-transform: none;
	}

.mCCF__accept:hover,
.mCCF__accept:active,
button.mCCF__accept:hover,
button.mCCF__accept:active {
    background-color: #fff;
    text-decoration: none;
	border: none;
	}


@media screen and (min-width: 600px) {
	/*
	.mCCF {
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		}

    .mCCF__accept {
        font-size: 0.9em;
    	width: auto;
    	margin: 0 0 0 20px;
    	}
    .mCCF__message {
        font-size: 0.9em;
        margin: 0;
        text-align: left;
    	}
    */
    .mCCF--bottom {

		bottom: 60px;
		left: 20px;
		right: auto;
		max-width: 26em;
		}
    .mCCF__accept {
        font-size: 0.9em;
    	width: auto;
    	margin: 0 0 0 20px;
    	}
}
@media screen and (min-width: 768px) {
	/*
    .mCCF {
        padding: 20px 30px;
    	}
    .mCCF__accept {
        padding: 8px 25px;
    	}
    .mCCF__message {
        font-size: 1em;
        line-height: 1.2em;
    }
    */
}
@media screen and (min-width: 992px) {
	/*
    .mCCF__message {
        font-size: 1em;
    }
    */
}
@media print {
    .mCCF {
        display: none
    }
}



/**
 * Dark
 */
.mCCF--dark {
    background: #222;
}
.mCCF--dark .mCCF__message {
    color: #fff;
}
.mCCF--dark .mCCF__link {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}
.mCCF--dark .mCCF__link:hover {
    border-bottom: 1px solid #fff;
}
.mCCF--dark .mCCF__accept {
    background: #f1d600;
    color: #000;
}
.mCCF--dark .mCCF__accept:hover {
    background: #fefb5b;
}

/**
 * Light
 */
.mCCF--light {
    background: #e4e4e4;
    color: #000;
}
.mCCF--light.mCCF--top {
    box-shadow: 0 0 8px #9a9a9a;
}
.mCCF--light.mCCF--bottom {
    box-shadow: 1px -1px 3px #9a9a9a;
}
.mCCF--light .mCCF__message {
    color: #000;
}
.mCCF--light .mCCF__link {
    color: #6f6e6e;
}
.mCCF--light .mCCF__link:hover {
    color: #7a7a7c;
}
.mCCF--light .mCCF__accept {
    color: #fff;
    background: #929292;
}
.mCCF--light .mCCF__accept:hover {
    background: #626263;
}