/*
Theme Name: der/proptrader
Author: Simon
Description: Miyazaki child theme for derproptrader.de
Version: 1.0.0
Template: miyazaki
Text Domain: miyazaki
*/

/* General
-------------------------------------------------------------- */

body.derproptrader {
	color: #2a2a2a;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#wp-admin-bar-enable-jquery-migrate-helper {
	display: none;
}

.derproptrader .entry-content hr {
	margin-left: 0;
}

.derproptrader input[type="text"],
.derproptrader input[type="password"],
.derproptrader input[type="email"],
.derproptrader input[type="url"],
.derproptrader input[type="date"],
.derproptrader input[type="month"],
.derproptrader input[type="time"],
.derproptrader input[type="datetime"],
.derproptrader input[type="datetime-local"],
.derproptrader input[type="week"],
.derproptrader input[type="number"],
/** .derproptrader input[type="search"], */
.derproptrader input[type="tel"],
.derproptrader input[type="color"],
.derproptrader select,
.derproptrader textarea {
	font-family: 'Charis SIL', Georgia, serif;
    font-size: .75em;
    line-height: 1.25;
}

.derproptrader #wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img,
.derproptrader #wpadminbar #wp-admin-bar-my-account.with-avatar>a img {
	background: none;
	border: 0;
}

.derproptrader .entry-content code {
	border: 2px dashed #fdcb6e;
	border-radius: 3px;
	color: #fdcb6e;
	font-weight: bold;
	padding: 2px 5px;
}

.derproptrader .entry-content code.no-code {
	border-color: #fff;
	color: #fff;
	opacity: .5;
}

.derproptrader blockquote {
	border-left-color: #fdcb6e;
}


/* Headings
-------------------------------------------------------------- */

.derproptrader h2.wp-block-heading {
    font-size: 3.2rem;
}

.derproptrader h1.newsticker-title,
.derproptrader h1.reduced-title {
    font-size: 3.6rem;
}

@media (min-width: 600px) {

    .derproptrader h2.wp-block-heading,
    .derproptrader h1.newsticker-title,
    .derproptrader h1.reduced-title {
        font-size: 4.8rem;
    }
    
    .derproptrader h1.newsticker-title,
    .derproptrader h1.reduced-title {
        font-size: 6.4rem;
    }

}

.page-id-6141 h3.wp-block-heading,
.page-id-10706 h3.wp-block-heading,
.page-id-17055 h3.wp-block-heading,
.page-id-17032 h3.wp-block-heading,
.page-id-9462 h3.wp-block-heading,
.page-id-17350 h3.wp-block-heading,
.postid-19621 h3.wp-block-heading,
.page-id-677 h3.wp-block-heading,
.page-id-2 h3.wp-block-heading,
.post-new h3.wp-block-heading {
	font-size: 2.4rem;
}

.derproptrader .entry-content h6,
.page-id-6141 h3.wp-block-heading,
.page-id-10706 h3.wp-block-heading,
.page-id-17055 h3.wp-block-heading,
.page-id-17032 h3.wp-block-heading,
.page-id-9462 h3.wp-block-heading,
.page-id-17350 h3.wp-block-heading,
.postid-19621 h3.wp-block-heading,
.page-id-677 h3.wp-block-heading,
.page-id-2 h3.wp-block-heading,
.post-new h3.wp-block-heading {
	margin-top: 2rem;
}

@media (min-width: 600px) {
	
	.derproptrader .entry-content h6,
	.page-id-6141 h3.wp-block-heading,
	.page-id-10706 h3.wp-block-heading,
	.page-id-17055 h3.wp-block-heading,
	.page-id-17032 h3.wp-block-heading,
	.page-id-9462 h3.wp-block-heading,
	.page-id-17350 h3.wp-block-heading,
	.postid-19621 h3.wp-block-heading,
	.page-id-677 h3.wp-block-heading,
	.page-id-2 h3.wp-block-heading,
	.post-new h3.wp-block-heading {
		margin-top: 4rem;
	}
	
}


/* Notice
-------------------------------------------------------------- */

#notice {
	background-color: #fdcb6e;
}

#notice a {
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 40px;
}

#notice a:hover {
	color: rgba(255,255,255,.75);
}

#notice a code {
	border: 2px dashed #fff;
	border-radius: 3px;
	color: inherit;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 1px 3px;
}


/* Header
-------------------------------------------------------------- */

.site-logo img {
	height: 60px;
	width: 60px;
}

.derproptrader .nav-toggle label {
	line-height: 60px;
}

.derproptrader ul.main-menu {
    margin: -1rem 0 0 -2.5rem;
}

@media (min-width: 1200px) {
	
	.derproptrader ul.main-menu {
	    margin: -1rem 0 0 -6rem;
	}

}

@media (min-width: 600px) {
	
	.derproptrader .entry-header {
	    margin-bottom: 6rem;
	}	
	
	.derproptrader .entry-header:first-child {
	    margin-top: 8rem;
	}
	
}


/* Entries
-------------------------------------------------------------- */

.entry-title {
	letter-spacing: -0.05rem;
}

@media (min-width: 600px) {

	.entry-title {
		letter-spacing: -0.25rem;
	}

}

.section-inner.post.hentry,
.section-inner.page.hentry,
.section-inner.trade.hentry {
	max-width: 100rem;
}

.section-inner.post.hentry .entry-header,
.section-inner.page.hentry .entry-header,
.section-inner.post.hentry .featured-media,
.section-inner.page.hentry .featured-media,
.section-inner.post.trade .featured-media,
.section-inner.page.trade .featured-media {
	max-width: none;
}

.featured-media {
	opacity: .95;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.featured-media:hover {
	opacity: 1;
}

.featured-media img {
	border-radius: 3px;
}

.entry-content h3 {
    font-size: 3.2rem;
}

@media (min-width: 600px) {

	.entry-content h3 {
	    font-size: 4.8rem;
	}

}

.derproptrader .section-inner,
.section-inner.post.hentry .post-inner,
.section-inner.page.hentry .post-inner,
.section-inner.trade.hentry .post-inner {
	max-width: none;
}

.section-inner.post.hentry .comment-body .reply,
.section-inner.trade.hentry .comment-body .reply {
	max-width: none;
}

.section-inner.post.hentry .comment-body .comment-awaiting-moderation,
.section-inner.trade.hentry .comment-body .comment-awaiting-moderation {
	margin-left: 1.4rem;
	margin-top: 1.4rem;
}

.derproptrader .intro-text {
	max-width: none;
}

.excerpt-text.entry-content {
	font-size: 18px;
	padding: 10px 0;
}

.title-with-arrow .arrow {
	color: #fdcb6e;
	font-size: 10rem;
	font-weight: bold;
}

.derproptrader .pagination-single .arrow {
	color: #fdcb6e;
	margin-top: 0;
}

.wp-block-image .alignleft.is-resized {
	max-width: 150px;
}

.wp-block-table {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.wp-block-buttons + .wp-block-table {
	margin-top: 4rem;
}

.wp-block-button.wp-block-button__width-100 {
	margin-bottom: 4rem;
}

.entry-author {
	border-left: 10px solid #fdcb6e;
	margin-top: 8rem;
	padding-left: 2rem;
}

.entry-author h5 span {
	display: block;
	font-size: 2.25rem;
}

@media (min-width: 780px) {

	.entry-author {
		padding-left: 4rem;
	}
	
	.entry-author h5 span {
		display: inline;
		font-size: inherit;
	}

}

.entry-content.entry-author h4 {
	margin-top: 0;
}

.wp-block-buttons>.wp-block-button.button-margin-bottom {
	margin-bottom: 2rem;
}

@media (min-width: 600px) {

	.wp-block-buttons>.wp-block-button.button-margin-bottom {
		margin-bottom: 3rem;
	}
	
}


/* Archive
-------------------------------------------------------------- */

.derproptrader .archive-header {
    margin: 4rem 0 3rem;
}

@media (min-width: 600px) {

	.derproptrader .archive-header {
	    margin-bottom: 6rem;
	}

}

@media (min-width: 1200px) {

	.derproptrader .archive-header {
	    margin: 8rem 0 7rem;
	}

}

.preview-image img {
	border-radius: 3px;
}

.trade-tags a {
	margin-right: 10px;
}

.derproptrader .copy-me {
	cursor: copy;
	position: relative;
}

.derproptrader .copy-me:after {
	background-color: rgba(255,255,255,.25);
	border-radius: 3px;
	content: "+";
	display: inline-block;
	margin: 4px 0 0 5px;
	padding: 0 4px;
	vertical-align: top;
}

.derproptrader p > .copy-me:after,
.derproptrader li > .copy-me:after,
.derproptrader td > .copy-me:after {
	background-color: #fdcb6e;
	color: #fff;
	margin-top: 5px;
	line-height: .95;
}

.derproptrader #notice .copy-me:after {
	margin-top: 5px;
}

.derproptrader .anbieter-item .copy-me:after,
.derproptrader .ninja_clmn_nm_rabatt_code .copy-me:after {
	font-size: 13px;
	margin-top: 5px;
}

.derproptrader .entry-content .ninja_clmn_nm_link .wp-block-button__link {
	font-size: 1.8rem;
	line-height: 1;
	padding: 1rem 1.75rem .7rem;
}


/* Colors
-------------------------------------------------------------- */

/** Color accent */

.derproptrader .main-menu ul a:hover {
	background: #fdcb6e;
	-webkit-transition: background .25s ease;
	transition: background .25s ease;
}

.derproptrader .main-menu li.menu-item-has-children > a:after {
	background: no-repeat;
	color: #fdcb6e;
	content: "+";
	display: block;
	font-weight: 200;
	height: .65em;
	margin-left: .1625em;
	width: .48em;
}

.derproptrader button,
.derproptrader .button,
.derproptrader .woocommerce a.button,
.derproptrader .faux-button,
.derproptrader input[type="button"],
.derproptrader input[type="reset"],
.derproptrader input[type="submit"] {
	background-color: #fdcb6e;
}

.derproptrader button:not(.search-toggle):not(.nav-toggle):hover,
.derproptrader .button:hover,
.derproptrader .woocommerce a.button:hover,
.derproptrader .faux-button:hover,
.derproptrader input[type="button"]:hover,
.derproptrader input[type="reset"]:hover,
.derproptrader input[type="submit"]:hover {
	background-color: #fdcb6e;
}

.derproptrader button:not(.search-toggle):not(.nav-toggle):focus,
.derproptrader .faux-button:focus,
.derproptrader input[type="button"]:focus,
.derproptrader input[type="reset"]:focus,
.derproptrader input[type="submit"]:focus {
	background-color: #fdcb6e;
}

.derproptrader .post-meta a {
	border-bottom: .1em solid #fdcb6e;
	color: #fdcb6e;
}

.derproptrader .loader {
    border-top-color: #fdcb6e;
}

.derproptrader .header-menu .current-menu-item > a,
.derproptrader .header-menu .current-menu-item > a:hover {
	border-bottom-color: #fdcb6e;
	color: #fdcb6e;
}

.derproptrader .header-menu .current-menu-item.menu-item-727 > a,
.derproptrader .header-menu .current-menu-item.menu-item-727 > a:hover {
	border-bottom-color: transparent;
	color: #fff;
}

.derproptrader .header-menu .current-menu-ancestor .current-menu-item > a:hover {
	color: #fff;
}

.derproptrader ::selection {
	background: #fdcb6e;
}

.derproptrader .results-count {
	background: #fdcb6e;
}

.derproptrader .comment-author b a {
	color: #2a2a2a;
}

.derproptrader .comment-author b a:hover {
	border-bottom-color: #fdcb6e;
	color: #fdcb6e;
}

.derproptrader .comments-pagination .page-numbers:hover {
	color: #fdcb6e;
}

.derproptrader .entry-content a {
	color: #fdcb6e;
}

.derproptrader .button,
.derproptrader .entry-content a.button,
.derproptrader .entry-content a.wp-block-button__link {
	background-color: #fdcb6e;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}

.derproptrader .button.inverted,
.derproptrader .entry-content a.button.inverted,
.derproptrader .entry-content a.wp-block-button__link.inverted {
	background-color: transparent;
	border: 2px solid #fdcb6e;
}

.derproptrader .entry-content .wp-block-file__button:hover,
.derproptrader .entry-content .wp-block-button__link:hover {
	background-color: #2a2a2a;
}

.derproptrader .entry-content .wp-block-file__button.inverted:hover,
.derproptrader .entry-content .wp-block-button__link.inverted:hover {
	background-color: #fdcb6e;
}

.derproptrader .error-404-content p a {
	color: #fdcb6e;
}

.derproptrader .widget_archive li,
.derproptrader .widget_categories li,
.derproptrader .widget_pages li,
.derproptrader .widget_meta li,
.derproptrader .widget_nav_menu li {
	color: #fdcb6e;
}

.derproptrader .calendar_wrap th {
	color: #fdcb6e;
}

.derproptrader .widget_tag_cloud .tag-link-count {
	color: #fdcb6e;
}

/** Color black */

.derproptrader .button:hover,
.derproptrader .woocommerce a.button:hover,
.derproptrader .faux-button:hover,
.derproptrader input[type="button"]:hover,
.derproptrader input[type="reset"]:hover,
.derproptrader input[type="submit"]:hover {
	background-color: #2a2a2a;
}

.derproptrader .color-black { color: #2a2a2a; }

.derproptrader .bg-color-black { background-color: #2a2a2a; }

.derproptrader .cover-modal {
	background: #2a2a2a;
}

.derproptrader .header-menu a:hover,
.derproptrader .search-toggle:hover,
.derproptrader .search-toggle.active {
	border-bottom-color: #2a2a2a;
}

.derproptrader .nav-toggle .bar {
	background: #2a2a2a;
}

.derproptrader .main-menu ul {
	background: #2a2a2a;
}

.derproptrader .main-menu ul:after {
	border-bottom-color: #2a2a2a;
}

.derproptrader .main-menu ul ul:after {
	border-right-color: #2a2a2a;
}

body.showing-modal.derproptrader #site-header {
	background: #2a2a2a;
}

body.showing-modal.derproptrader .main-menu ul {
	color: #2a2a2a;
}

.derproptrader .pagination-single a {
	border-top: .2rem solid #2a2a2a;
}

.derproptrader .comment-author b a {
	border-bottom: .2rem solid #2a2a2a;
	color: #2a2a2a;
}

.derproptrader .comments-pagination .page-numbers {
	color: #2a2a2a;
}

.derproptrader .entry-content .has-background { background-color: #2a2a2a; }
.derproptrader .entry-content .has-black-color { color: #2a2a2a; }
.derproptrader .entry-content .has-black-background-color { background-color: #2a2a2a; }

.derproptrader .entry-content .wp-block-button.is-style-outline .wp-block-button__link {
	border: .3rem solid #2a2a2a;
	color: #2a2a2a;
}

.derproptrader .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: #2a2a2a;
}

.derproptrader .entry-content .wp-block-file__button {
	background: #2a2a2a;
	flex-shrink: 0;
}

.derproptrader .theme-credits a:hover {
	color: #2a2a2a;
}

.derproptrader .widget {
	border-top: .3rem solid #2a2a2a;
}

.derproptrader .widget_archive a,
.derproptrader .widget_categories a,
.derproptrader .widget_pages a,
.derproptrader .widget_meta a,
.derproptrader .widget_nav_menu a {
	color: #2a2a2a;
}


@media ( min-width: 1200px ) {

	h1 {
		font-size: 11.4rem;
	}

}


/* Fancybox
-------------------------------------------------------------- */

.derproptrader .fancybox-bg {
	background: #2a2a2a;
}

.derproptrader .fancybox-caption {
	background: rgba(0,0,0,.15);
	color: #fff;
	font-size: 3.2rem;
	line-height: inherit;
	padding-top: 25px;
	padding-bottom: 25px;
}

@media ( min-width: 600px ) {

	.derproptrader .fancybox-caption {
		font-size: 4.8rem;
	}

}

/** Image Overlay */

.overlay {
	position: relative;
	display: block;
}

.overlay img {
	margin: 0;
}

.overlay:hover:after, .overlay:hover:before {
    visibility: visible;
}

.overlay:hover:after {
    opacity: .85;
}

.overlay:hover:before {
    opacity: 1;
}

.overlay:after, .overlay:before {
    -webkit-transition: opacity 0.25s ease, visibility 0.25s ease;
    -moz-transition: opacity 0.25s ease, visibility 0.25s ease;
    -ms-transition: opacity 0.25s ease, visibility 0.25s ease;
    -o-transition: opacity 0.25s ease, visibility 0.25s ease;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.overlay:after {
	background: #fdcb6e;
	background: -moz-linear-gradient(45deg, #fdcb6e 33%, #333333 100%);
	background: -webkit-linear-gradient(45deg, #fdcb6e 33%,#333333 100%);
	background: linear-gradient(45deg, #fdcb6e 33%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcb6e', endColorstr='#333333',GradientType=1 );
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 3px;
}

.overlay:before {
    font-size: 92px;
    font-size: 6rem;
    line-height: 1;
    z-index: 1;
    color: #fff;
    content: '+';
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
}


/* Anbieter
-------------------------------------------------------------- */

@media ( min-width: 780px ) {

	.anbieter-grid {
		display: grid;
		width: 100%;
		grid-template-columns: 2fr 2fr;
		column-gap: 20px;
	}

}

@media ( min-width: 1020px ) {

	.anbieter-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.anbieter-grid.anbieter-grid-2 {
		grid-template-columns: 1fr 1fr;
	}

}

.anbieter-item {
	margin-bottom: 20px;
}

.anbieter-item-inner {
	background-color: #2a2a2a;
	background-image: url(images/bg-derproptrader.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px;
	color: #fff;
	margin: 0 0 20px;
	padding: 30px;
}

.derproptrader h3.anbieter-title {
	color: #fdcb6e;
	font-size: 3rem;
	margin-top: 2rem;
}

.derproptrader h3.anbieter-title a {
	display: block;
	text-decoration: none;
}

.derproptrader h3.anbieter-title a:hover {
	text-decoration: underline;
}

.derproptrader h5.anbieter-subtitle {
	font-size: 2.5rem;
	margin-top: 2rem;
}

.anbieter-logo {
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	height: 6rem;
	text-indent: -9999px;
}

.anbieter-logo-earn2trade {
	background-image: url(images/logo-earn2trade.svg);
}

.anbieter-logo-oneup {
	background-image: url(images/logo-oneuptrader.png);
}

.anbieter-logo-uprofit {
	background-image: url(images/logo-uprofit.svg);
	background-position: 0 15px;
}

.anbieter-logo-ftmo {
	background-image: url(images/logo-ftmo.png);
}

.anbieter-logo-myforexfunds {
	background-image: url(images/logo-myforexfunds.png);
}

.anbieter-logo-thefundedtrader {
	background-image: url(images/logo-thefundedtrader.png);
}

.anbieter-logo-fundedpeaks {
	background-image: url(images/logo-funded-peaks.svg);
	-o-background-size:75% auto;
	-webkit-background-size:75% auto;
	-moz-background-size:75% auto;
	background-size:75% auto;
}

.anbieter-logo-apex {
	background-image: url(images/logo-apex-trader-funding.webp);
}

.anbieter-logo-thetradingpit {
	background-image: url(images/logo-thetradingpit.webp);
}

.anbieter-logo-fast-track-trading {
	background-image: url(images/logo-fast-track-trading.webp);
}

.anbieter-logo-tradeify {
	background-image: url(images/logo-tradeify.webp);
}

.anbieter-logo-lucid {
	background-image: url(images/logo-lucid-trading.webp);
}

.anbieter-logo-tradezella {
	background-image: url(images/logo-tradezella.webp);
}

.anbieter-logo-purdia {
	background-image: url(images/logo-purdia.webp);
}

.anbieter-logo-bulenox {
	background-image: url(images/logo-bulenox.webp);
}

.anbieter-logo-tickticktrader {
	background-image: url(images/logo-tickticktrader.webp);
}

.anbieter-logo-fundedengineer {
	background-image: url(images/logo-fundedengineer.webp);
}

.anbieter-logo-leeloo {
	background-image: url(images/logo-leeloo.png);
}

.anbieter-logo-goall {
	background-image: url(images/logo-goall.png);
}

.post .anbieter-logo-goall {
	height: 125px;
}

.anbieter-logo-topstep {
	background-image: url(images/logo-topstep.webp);
}

.anbieter-logo-myfundedfutures {
	background-image: url(images/logo-myfundedfutures.webp);
}

.anbieter-logo-takeprofittrader {
	background-image: url(images/logo-takeprofittrader.svg);
}

.anbieter-logo-tradeday {
	background-image: url(images/logo-tradeday.webp);
}

.anbieter-features {
	font-size: 1.75rem;
	list-style: none;
	margin-left: 0;
}

.anbieter-features li {
	border-top: 2px solid rgba(255,255,255,.05);
	margin: 0;
	padding: 10px 0;
}

.anbieter-features li span {
	float: right;
}

.anbieter-features li small {
	font-size: 1.25rem;
	opacity: .75;
}

.anbieter-button {
	margin-top: 2rem;
}

.anbieter-button a,
.anbieter-link a {
	width: 100%;
}

.anbieter-link {
	margin-top: 2rem;
}

.soon {
	opacity: .5;
}


/* Rabatte
-------------------------------------------------------------- */

.rabatt-item {
	margin-bottom: 20px;
}

.rabatt-item-inner {
	background-color: #2a2a2a;
	background-image: url(images/bg-derproptrader.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px;
	color: #fff;
	margin: 0 0 20px;
	padding: 30px;
	position: relative;
}

@media ( min-width: 780px ) {

	.rabatt-item-inner {
		display: grid;
		width: 100%;
		grid-template-columns: 3fr 2fr;
		column-gap: 40px;
		align-items: center;
	}

}

.derproptrader h3.rabatt-title {
	color: #fdcb6e;
	font-size: 3rem;
	margin-top: 2rem;
}

.derproptrader h5.rabatt-subtitle {
	font-size: 2.5rem;
	margin-top: 2rem;
}

.derproptrader .rabatt-features {
	font-size: 1.75rem;
	list-style: none;
	margin-left: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

@media ( min-width: 780px ) {

	.derproptrader .rabatt-features {
		margin-bottom: 0;
	}

}

.rabatt-features li {
	border-top: 2px solid rgba(255,255,255,.05);
	margin: 0;
	padding: 10px 0;
}

.rabatt-features li span {
	float: right;
}

.rabatt-features li small {
	font-size: 1.25rem;
	opacity: .75;
}

.rabatt-button {
	vertical-align: middle;
}

.rabatt-button a,
.rabatt-link a {
	width: 100%;
}

.rabatt-link {
	margin-top: 2rem;
}

.rabatte-grid-uprofit {
	margin-top: 4rem;
}

.anbieter-features-text {
	margin: 2rem 0 !important;
}

@media ( min-width: 780px ) {

	.anbieter-features-text {
		margin: 1.25rem 0 0 !important;
	}

}

.entry-content h4 small {
	font-size: 2rem;
}


/* Linktree
-------------------------------------------------------------- */

.post-1578 .entry-content .wp-block-button.wp-block-button__width-100 {
	margin-bottom: 2rem;
}


/* Contact Form 7
-------------------------------------------------------------- */

.derproptrader .wpcf7 form .wpcf7-response-output {
	margin-left: 0;
}

.grecaptcha-badge { visibility: hidden; }


/* Cookie Consent
-------------------------------------------------------------- */

.derproptrader .cc-window.cc-floating,
.derproptrader .cc-floating .cc-compliance>.cc-btn {
	border-radius: 3px;
}

.derproptrader .cc-floating .cc-compliance>.cc-btn {
	text-decoration: none;
}

.derproptrader .cc-animate.cc-revoke.cc-bottom {
	display: none;
}


/* Fade In Animation
-------------------------------------------------------------- */

.fade-in {
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.fade-in-95 {
	animation: fadeIn95 ease 1s;
	-webkit-animation: fadeIn95 ease 1s;
	-moz-animation: fadeIn95 ease 1s;
	-o-animation: fadeIn95 ease 1s;
	-ms-animation: fadeIn95 ease 1s;
}
@keyframes fadeIn95 {
	0% {opacity:0;}
	100% {opacity:.95;}
}

@-moz-keyframes fadeIn95 {
	0% {opacity:0;}
	100% {opacity:.95;}
}

@-webkit-keyframes fadeIn95 {
	0% {opacity:0;}
	100% {opacity:.95;}
}

@-o-keyframes fadeIn95 {
	0% {opacity:0;}
	100% {opacity:.95;}
}

@-ms-keyframes fadeIn95 {
	0% {opacity:0;}
	100% {opacity:.95;}
}

.ub_review_item_name,
.ub_review_summary_title,
.ub_review_rating {
	font-family: Teko, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;	
	font-size: 3.6rem !important;
}

.ub_review_rating {
	font-size: 6.4rem !important;
}

/** Ribbon */

.ribbon {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  
  position: absolute;
  bottom: 20px;
  padding-inline: 10px;
  background: #666;
  border-bottom: var(--f) solid #0005;
  color: #fff;
  line-height: 1.3em;
  font-family: sans-serif;
  font-size: 25px;
}
.left {
  left: calc(-1*var(--f));
  border-right: var(--r) solid #0000;
  clip-path: 
    polygon(100% 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,
      var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)),
      calc(100% - var(--r)) calc(50% - var(--f)/2));
}
.right {
  right: calc(-1*var(--f));
  border-left: var(--r) solid #0000;
  clip-path: 
    polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
      calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
}

.ribbon h6 {
	margin: 5px 0 !important;
	padding: 0 !important;
	font-size: 2rem;
}

@media screen and (max-width: 499px) {
	.ribbon {
		bottom: auto;
		top: -5px;
	}
}