/*
Theme Name: Freddo Child
Theme URI: https://crestaproject.com/downloads/freddo/
Author: Rizzo Andrea - CrestaProject
Author URI: https://crestaproject.com
Description: Freddo is a fresh and minimal multipurpose WordPress Theme with all the feature that you need to make a complete website in one page. In the home page you can use many sections including Slider, About Us, Team Section, Skills, Contact section and much more. Moreover, Freddo Theme has a beautiful appearance for blogging with featured image in the header. Freddo Theme is fully compatible with WooCommerce that allows you to create your personal E-Commerce and with WPML (multilingual ready). Unlimited colors, 2 sidebar, footer widget, custom logo and many other options. Demo here: https://crestaproject.com/demo/freddo/
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: freddo
Tags: two-columns, right-sidebar, custom-colors, custom-menu, featured-images, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, news, e-commerce, footer-widgets, custom-logo
Template: freddo
*/

@import url("../freddo/style.css");

@import url('https://fonts.googleapis.com/css?family=Exo:400,500,700,900');
/* font-family: 'Exo', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/* font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');
/* font-family: 'Share Tech Mono', monospace; */ 

/*	-==========================- GENERAL -==========================-  */
/*------------------------------ PAGE ------------------------------*/

html {
	background:#0d0d0d;
}
body {
	font-family: 'Raleway', sans-serif;
	background: url(https://www.germanremixgroup.de/content/wp-content/uploads/2017/11/grg_bg2017.jpg) top center no-repeat fixed;
	background-size: cover;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.67em 0;
}

/* ------------------------------------------------------------------------------------------------------------------ */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


/* Flashing */
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* ------------------------------------------------------------------------------------------------------------------ */

.grg-clearfix {
	*zoom: 1;
}

.grg-clearfix::after {
	clear: both;
}

.grg-clearfix::before, .grg-clearfix::after {
	content: " ";
	display: table;
}

/* ------------------------------------------------------------------------------------------------------------------ */

#toTop {
	bottom: 30px;
}

/* ------------------------------------------------------------------------------------------------------------------ */

.page-content, .entry-content, .entry-summary {
	margin: 0 !important;
}

#content.site-content {
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
	background: rgba(255,255,255,0.75);
	border-radius: 10px;
	padding-top: calc(3em + 80px);
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.single-post #content {
	margin-top: 30px;
}

/* ------------------------------------------------------------------------------------------------------------------ */

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .inc-input input:focus, .inc-input textarea:focus, select, .site-main .post-navigation, #wp-calendar tbody td, aside ul.menu .indicatorBar, .hentry, #comments ol .pingback, #comments ol article, #comments .reply, .woocommerce ul.products > li, body.woocommerce form.cart, .woocommerce .product_meta, .woocommerce .single_variation, .woocommerce .woocommerce-tabs, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .single-product div.product .woocommerce-product-rating, .woocommerce-page .entry-content table, .woocommerce-page .entry-content table thead th, #order_review, #order_review_heading, #payment, #payment .payment_methods li, .widget_shopping_cart p.total {
	border-color: #a8a8a8 !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */

.hentry {
	margin: 0 0 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #a8a8a8 !important;
	padding-bottom: 1.5em;
}

/* ------------------------------------------------------------------------------------------------------------------ */

aside ul li, aside ul.menu li a {
	border-color: #a8a8a8 !important;
}

#primary.content-area {
	width: 77%;
	float: left;
	padding-right: 2%;
}

#secondary.widget-area {
	width: 23%;
	float: left;
}

.home .hentry {
	margin: 0;
	padding-bottom: 0;
	border: 0;
}

.home #content.site-content {
	max-width: 100%;
	position: relative;
	margin: 0 auto;
	background: #140E0B;
	border-radius: 0;
	padding-top: calc(3em + 16px);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.home #primary.content-area {
	width: 100%;
	float: none;
	padding-right: 0;
}

.home #secondary,
.home .comments-area,
.home .entry-footer {
	display: none;
	visibility: hidden;
}

.home .site-footer {
	margin-top: 0;
}


.home .lsow-heading.lsow-style3 .lsow-title::after {
	width: 80%;
}

.home .lsow-heading .lsow-title {
	color: #ededed;
}

/* ------------------------------------------------------------------------------------------------------------------ */


.lsow-heading.lsow-style3 {
	margin: 0 auto 0px;
}

.lsow-heading .lsow-title {
	margin: 0 auto 0px;
}

/* ------------------------------------------------------------------------------------------------------------------ */


.freddoHeader {
	display: table;
	table-layout: fixed;
	max-width: 1190px;
	float: right;
	text-transform: uppercase;
}


.main-navigation li {
	display: inline-block;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 1px;
	-o-transition: font-size .3s ease-in-out;
	-moz-transition: font-size .3s ease-in-out;
	-webkit-transition: font-size .3s ease-in-out;
	transition: font-size .3s ease-in-out;
}

.menuMinor .main-navigation li {
	display: inline-block;
	position: relative;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 1px;
}

.main-navigation li a:hover {
	color: #d0b51a;
}


/* ------------------------------------------------------------------------------------------------------------------ */

.footer-content {
	font-size: 11px;
}

.footer-content a {
	text-decoration: none;
	color: #fff;
}

.footer-content a:hover {
	text-decoration: underline;
	color: #cfad1a;
}

.footerArea aside ul li, .footerArea aside ul.menu li a {
	border-color: #353434 !important;
}

.footerArea aside ul.menu li a:hover {
	color: #CFAD1A;
}

.site-social {
	font-size: 26px;
}

.site-social a:hover {
	color: #CFAD1A;
}

/* ------------------------------------------------------------------------------------------------------------------ */

#toTop:hover {
	text-decoration: none;
	background-color: #cfad1a;
	color: #781010;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

footer.site-footer {
	background-color: #222222;
	background-image: url('https://www.germanremixgroup.de/content/wp-content/uploads/2017/12/ocean.jpg');
}

header.site-header.menuMinor, header.site-header.noImage {
	background-color: rgba(18, 18, 18,1);
	background-image: url('https://www.germanremixgroup.de/content/wp-content/uploads/2017/12/ocean.jpg');
}

/* ------------------------------------------------------------------------------------------------------------------ */

.member-proflies .sow-icon-fontawesome {
	background: #535353;
	font-size: 21px !important;
	padding: 6px;
	width: 36px;
	height: 36px;
	line-height: 26px;
	border-radius: 10px;
	color: #f3f3f3 !important;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.member-proflies .sow-icon-fontawesome:Hover {
	background: #640e0e;
	color: #000 !important;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


/* ------------------------------------------------------------------------------------------------------------------ */



.release-box {
	margin-bottom: 60px;
}

.release-box ul, .release-box ol {
	margin: 0 !important;
}

.release-box img {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

.release-info {
	margin-right: 2%;
	width: 75%;
	font-size: 12px;
}

.release-button {
	text-decoration: none !important;
	color: #ffffff;
	background-color: #303030;
	display: inline-block;
	cursor: pointer;
	padding: 5px 15px 3px;
	text-transform: uppercase;
	margin: 0 10px 5px 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	border: none;
	line-height: 25px;
	height: 25px;
	vertical-align: sub;
	/* cursor: pointer; */
	-webkit-transition: background-color 500ms ease-out;
	transition: background-color 500ms ease-out;
}

.release-button:hover {
	color: #d0b51a;
	background-color: #535353;
	line-height: 26px;
	padding: 16px;
	margin: 0 0 10px 0;
	height: unset;
	width: 100%;
	text-align: center;
}

.fap-notes.release-button::before {
	font-family: FontAwesome;
	padding-right: .5em;
	font-weight: 400;
	content: '\f0f6';
}

.fap-rate.release-button::before {
	font-family: FontAwesome;
	padding-right: .5em;
	font-weight: 400;
	content: '\f080';
}

.fap-download.release-button::before {
	font-family: FontAwesome;
	padding-right: .5em;
	font-weight: 400;
	content: '\f019';
}

.release-box li {
	font-size: 12px;
}

.release-button {
	line-height: 26px;
	padding: 16px;
	margin: 0 0 10px 0;
	height: unset;
	width: 100%;
	text-align: center;
}


.fap-add-playlist.fap-play-button {
	line-height: 26px;
	padding: 16px;
	margin: 0 0 10px 0;
	height: unset;
	width: 100%;
	text-align: center;
}



.fap-add-playlist.fap-play-button:hover {
	color: #d0b51a;
	line-height: 26px;
	padding: 16px;
	margin: 0 0 10px 0;
	height: unset;
	width: 100%;
	text-align: center;
}

.fap-add-playlist.fap-play-button::before {
	font-family: FontAwesome;
	padding-right: .5em;
	font-weight: 400;
	content: '\f04b';
}





.fap-wrapper > .fap-main {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 1280px;
}

.fap-playlist-actions > span {
	margin-right: 10px;
	cursor: pointer;
	margin-top: 5px;
	background: #242424;
	border-radius: 2px;
	padding: 4px 0;
	display: inline-block;
	width: 22px;
	text-align: center;
}

.fap-main > .fap-toggle {
	font-family: FontAwesome;
	position: absolute;
	height: 19px;
	padding: 0 7px;
	left: -1px;
	top: -19px;
	border: 1px solid;
	border-bottom: 0;
	cursor: pointer;
	font-size: 200%;
	text-align: center;
	line-height: 16px;
	width: 28px;
}

.fap-current-time, .fap-total-time {
	font-family: 'Share Tech Mono', monospace;
}

.player-manual .widget_lsow-heading {
	margin: 0 !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */


#cookie-law-bar {
    background: rgb(27, 15, 16) !important;
    color: rgb(255, 255, 255) !important;
}

#cookie-law-bar a {
    color: #e2ac45 !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* Flashing */
.side_links img {
	-webkit-filter: grayscale(95%);
	-moz-filter: grayscale(95%);
	-ms-filter: grayscale(95%);
	-o-filter: grayscale(95%);
	filter: grayscale(95%);
	margin-bottom: 6px;
	border-radius: 6px;
}

.side_links img:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

/* STR Info Widget
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.str-info-widget p {
	margin: 0;
}

.str-info-widget {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	border-radius: 10px 10px 10px 10px;
	background: rgba(30, 49, 66, 0.1);
}

.str-info-widget .textwidget {
	background: rgba(0,0,0,0.25);
	/* border-radius: 50px 50px 10px 10px; */
}

.str-info-widget img:hover {
	animation: flash 1s;
}

.str-info-widget img {
	border-radius: 10px 10px 0 0;
}