/*
Theme Name: Ilmaiset Vedot
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Vedonlyöntiopas */
.nav-vedonlyontiopas ul,
.nav-vedonlyontiopas ul li,
.nav-vedonlyontiopas a {
	font-family:"Barlow Condensed", sans-serif;
	line-height:1;
	padding-right:10px;
}

/* Menufix (piilota tyhjä linkki) */
.kolumni>a {
    display: none !important;

}

/* General */
.page-title.blog-featured-title.featured-title.no-overflow {
    max-width: 1150px;
	min-height:320px;
	margin: 30px auto 0;
}

/* Pyöristä kuvien kulmat */
img {
    border-radius: 5px;
}
.page-title,
.page-title-bg .title-bg,
.title-overlay {
    border-radius: 5px;
}


/* Footteri */
#footer .nav li {
    line-height:1;
    border:none;
    font-family: "Barlow", sans-serif !important;
}

#footer {
    font-family: "Barlow", sans-serif;
}
#footer .nav li:first-child {
    margin-left: 0 !important;
    border-bottom: 1px solid #777 !important;
}

/* Offer list */
.amenum-offer-container {
	display:flex;
	align-items:center;
	flex-flow:column wrap;
}

.amenum-offer {
   display: flex;
    flex-flow: row wrap;
    flex: 1;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 2px solid #f5f5f5;
    background-color: white;
    cursor: pointer;
}

.amenum-offer:hover {
    background-color: #fafafa;
}

.amenum-offer .offer-number {
	color:#f1f1f1;
	flex:0.4;
	padding-left:16px;
}
.amenum-offer .offer-number span {
	font-weight:bold;
	color:#e1e1e1;
	font-size:300%;
}

.amenum-offer .offer-logo {
	text-align:center;
	flex:1;
}
.amenum-offer .offer-logo img {
    
}

.amenum-offer .offer-tagline {
	text-align:center;
	flex:1 1 18%;
}

.amenum-offer .offer-rating {
	text-align:center;
	flex:1;
    font-size: 125%;
    letter-spacing: .1em;
}
.amenum-offer .offer-review {
	letter-spacing: 0;
	margin-left:-.5em;
	color:#cacaca;
	font-size:80%;
}

.amenum-offer .offer-link {
	text-align:center;
	flex:1;
    margin: auto .25em;
}

.amenum-offer .offer-link a {
	color:#fff;
}

.amenum-offer .offer-description {
    display:none;
	/* transition: max-height 0.2s ease-out; */
	/* max-height:0; */
	width:100%;
	background-color:#fff;
	border-top:2px solid #f5f5f5;
	overflow:hidden;
	padding:16px;
}

.amenum-offer .offer-description .offer-link {
	width:100%;
}

.amenum-offer .offer-cta {
	flex:1;
	text-align:center;
}



/*compact */
.amenum-offer-compact {
   	display: flex;
    flex-flow: row wrap;
    flex: 1;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 2px solid #f5f5f5;
    background-color: white;
    cursor: pointer;
}


.amenum-offer-compact .offer-logo {
	text-align:center;
	flex:1;
}
.amenum-offer-compact .offer-logo img {
    
}

.amenum-offer-compact .offer-tagline {
	text-align:center;
	flex:1 1 18%;
	font-size:75%;
}

.amenum-offer-compact .offer-link {
	text-align:center;
	flex:1;
}

.amenum-offer-compact .offer-link a {
	color:#fff;
	font-size:75%;
}


/* Tips */
.section-tip {
	padding: 0 !important;
}

div#text-4 {
    z-index: 1010;
}

.amenum-tip-wrapper {
	padding: 1em;
    border-radius: 5px;
    border: 2px solid #ff9a00;
    background-color: #fafafa;
    /* box-shadow: 2px 4px 8px; */
    font-family: "Barlow Condensed",sans-serif;
}

.tip-content {
    display: flex;
    flex-wrap: wrap;
}

.tip-heading {
    flex: 1 0 60%;
}

.tip-odds-container {
	flex: 1 0 30%;
	text-align: center;
}

.tip-star-rating {
    flex:  1 0 100%;
}

span.odds-title {
    display: block;
    flex: 1 0 42%;
}

.tip-odds {
	/* background-image:url(/wp-content/uploads/56-512.png); */
    background-size:contain;
    background-repeat:no-repeat;
	background-position: 50%;
	/* padding-top: .15em; */
}

.tip-odds p {
	/* margin-top: 1.2em; */
	margin-bottom: -1em;
	line-height: 1;
	font-size: 80%;
	font-weight: bold;
}

.tip-odds .odds {
    font-weight: bold;
    font-size: 150%;
}

.offer-logo {
    flex: 1 0 42%;
}
.tip-stars {
    font-size: 120%;
    letter-spacing: .2em;
}

.tip-countdown {
    flex: 1 0 42%;
    padding-right: 0px;
    display: flex;
	text-align:center;
	line-height:1;
}

.tip-countdown div {
    display: inline-block;
	flex: 1;
}

.tip-countdown .count {
    font-weight:bold;
	font-size:120%;
}







/* Subtips */
.amenum-subtips-wrapper {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
	display:flex;
}

.subtip-left,
.subtip-right {
	flex:1;
}

.subtip-stars {
    display: inline-block;
	padding-right: 1em;
}
.subtip-link {
    display: inline-block;
}




.badge.post-date {
    display: none;
}

.badge.odds {
	width:80px;
    height:80px;
    top: 0 !important;
	left:unset;
    right: 0;
    margin-right: -.75em;
	margin-top:-1em;
}

/* Slider fix */
.flickity-slider .badge.odds {
	margin-top: 0;
	margin-right: 0;
}

.badge.odds .badge-inner,
.has-hover:hover .badge.odds .badge-inner {
    /* background-image:url(/wp-content/uploads/56-512.png); */
    background-size:contain;
    background-repeat:no-repeat;
    border:unset;
    background-color:unset;
	color:#fff;
}

.badge.odds .badge-inner span {
	display:block;
	line-height:1.25;
}


/* Tip Widget Sidebar */
.post-sidebar.large-4.col {
    padding-top: 0 !important;
    margin-top:-16px
}

p.lead.shortcode-error.text-center {
    display: none;
}


/* Kerroinvertailutaulukko */
.section.kerroinvertailu {
    padding:0;
    border: 2px solid #f1f1f1;
    border-radius:5px;
    background-color:#fafafa;
}

.section.kerroinvertailu .header {
    background-color:#f1f1f1;
    margin-bottom:1em;
}

.section.kerroinvertailu .header p,
.section.kerroinvertailu .header h5 {
    margin:0;
}

.section.kerroinvertailu img {
    margin-top:-8px;
}

.section.kerroinvertailu .button {
    margin-top:-8px;
}

.section.kerroinvertailu .button i.icon-angle-right {
    margin:0;
    font-size:150%;
}

.section-tip.review p
{margin:0;}

.star-large {
	font-size:150%;
	letter-spacing:.1em;
}

.error404 #footer .page-header-wrapper {
    display: none;
}

/* Accordion - Casino */
.casino-col{width:23%;display:inline-block;}
.casino-col span {text-align:center;line-height:1;}
.casino-col .big {font-size:150%;display:block;font-weight:bold;}
.casino-col .small {font-size:80%;}
.casino-col .red {color:#E94B4C;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.casino-col{width:24%;display:inline-block;margin:.8em 0;}
.casino-col .big {font-size:125%;display:block;font-weight:bold;}
.casino-col .small {display:block;}
.amenum-offer .offer-number span { font-size:200%; }
	
	.entry-content.single-page {
		padding-top:0;
	}
	
	/* Kelluva vihjevimpain */
	.amenum-tip-mobile {
		position:fixed;
		bottom: 0;
		left:0;
		z-index:999;

	}
	.amenum-tip-mobile .pinterest,
	.amenum-tip-mobile .linkedin,
	.amenum-tip-mobile .google-plus,
	.amenum-tip-mobile .email {
		display:none;
	}
	
	.amenum-tip-mobile .tip-stars {
		letter-spacing:0;
	}
	.amenum-tip-mobile .tip-odds p {
    	margin-top: 2em;
		line-height: 1.5;
    	font-size: 8px;
	}
	.amenum-tip-mobile .tip-odds .odds {
    	font-size: 12px;
	}
	
	/* Kerroinvertailun näkymä */
	.kerroinvertailu .col.show-for-small.small-12.large-12 {
    	font-size: 80%;
	}

	/*Subtips */
	.amenum-subtips-wrapper {
		flex-wrap:wrap;
	}
	.subtip-left,
	.subtip-right {
		flex-basis:100%;
	}
	.subtip-left {
    	margin-bottom: 1em;
	}
}