/*
 Theme Name: Apostas Online
 Author:     Ania Romańska
 Author URI: http:/divilover.com
 Template:   Divi
 Version:    1
 License:    GNU General Public License v2 or later
 License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Remove box shadow from header */
#main-header {
    box-shadow:none;
    position:relative;
}

#main-header.et-fixed-header {
	box-shadow:none!important;
}

/* Add custom shadow to header */
#main-header:after {
	content:'';
	display:block;
	height:30px;
	width:100%;
	background-image:url(img/custom-shadow.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:absolute;
	bottom:-30px;
	z-index:2;
}

/* Style top menu */
.container.et_menu_container {
	z-index:6;
}
#top-menu-nav > ul > li > a:before {
	content:'';
	position:absolute;
	left:50%;
	top:18px;
	width:0;
	height:3px;
	background:#00dbce;
	border-radius:3px;
	transition:all .3s ease-in-out;
}

/* Style the primary menu items on hover */
#top-menu-nav > ul > li > a:hover {
    opacity:1;
}

#top-menu-nav > ul > li > a:hover:before {
	width:100%;
	margin-left:-50%;
}

/* Style the active primary menu item */
#top-menu > li.current-menu-item > a,
#top-menu > li.current-menu-item > a:hover {
    color:#00dbce;
}
#top-menu > li.current-menu-item > a:before { /* VER 1.1 - change "after" to "before" */
	display:none;
}

/* Style the mobile menu */
.mobile_menu_bar::before {
	color:#00171f;
	font-size:42px;
	padding-bottom:14px;
}

.opened .mobile_menu_bar::before {
	content:'M';
}

.et_mobile_menu {
	border-top:none;
	padding:20px 0 0;
}

/* Style the mobile menu item */
.et_mobile_menu li a {
	color:#00171f;
	font-family:'Raleway', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

/* Style the mobile menu item on hover*/
.et_mobile_menu li a:hover {
	background:#00dbce;
	color:#fff;
}



/* HOMEPAGE */
.home-header {
	z-index: 2;
}
.home-header .et_pb_row, .home-header .et_pb_column {
	position:static;
}
.home-header-img {
	position:absolute;
	top:0;
	left:50%;
	overflow: hidden;
}
.home-header-img img {max-width:200%;}

@media (min-width:980px) {
	.home-header-img2 .et_pb_image_wrap {
		position:absolute;
		bottom:-130px;
		z-index:3;
	}
}

@media (max-width:980px) {
	.home-header-img {
		top:-20px;
		width:50%;
	}
	.home-header {
		position: relative;
	}
	.home-header-img img {
		max-width:100%;
	}
	.home-header h1 {width:60%; margin-top:40px; z-index:3; position:relative;}
	.home-header p {z-index:3; position:relative;}
	.home-header .divider-line {margin-bottom:60px!important;}
}
@media (max-width:767px) {
	.home-header h1 {width:60%}
	.home-header .divider-line {margin-bottom:20px!important;}
}
@media (max-width:479px) {
	.home-header h1 {width:100%}
}


/* Style the divider svg lines */
.divider-line svg {
	fill:#00dbce;
}
.divider-black svg {
	fill:#00171f;
}
.divider-light svg {
	fill:#e2e7ea;
}
.divider-white svg {
	fill:#fff;
}
.divider-center {
	text-align:center;
}
.divider-long svg {
	min-width:100%;
	width:100%;
}
.divider-center{
	margin:0 auto;
}


/* Blog & archive pages styling */

/* Remove the default border from sidebar */
#main-content .container::before {
	display:none;
}

.et_pb_widget_area_right {
	border-left:none;
}

/* Searchform styling */
#searchform input[type=text] {
	border-color:#00171f;
	font-family:'Open Sans', sans-serif;
	color:#00171f;
}

#searchform input[type=submit] {
	background:#00171f;
	color:#fff;
	font-family:'Raleway';
	font-weight:800;
	text-transform:uppercase;
	border-color:#00171f;
	border-width:2px;
	font-size:12px;
	transition:all .3s ease-in-out;
}

#searchform input[type=submit]:hover {
	background:#fff;
	color:#00171f!important;
}

/* SIDEBAR */
.et_pb_widget_area_right {
	padding-left:0;
	border:none;
}
.et_pb_widget_area_right svg {
	max-width:100%;
}
.mini-link {
	margin-bottom:10px!important;
}
.mini-link a img {
	border-radius:5px;
	transition:all .3s ease-in-out;
}
.mini-link a:hover img {
	transform:scale(1.05);
}
.sidebar-blog h2.entry-title {
	font-family:"Open Sans", sans-serif;
	font-size:15px;
	margin-top:10px;
	padding-bottom:0;
}
.sidebar-blog p.post-meta {
	color:#a4abb0!important;
	font-size:13px!important;
}
.sidebar-blog .post-content {
	display:none;
}
.sidebar-blog .et_pb_post {
	margin-bottom:35px;
	padding-bottom:0;
}

/* Styles for Sidebar Widgets */
#sidebar, .et_pb_widget_area {
	padding-top:30px;
}

#sidebar .et_pb_widget li,
.et_pb_widget_area li {
	font-size:14px;
	line-height:20px;
}

#sidebar .et_pb_widget li a,
.et_pb_widget li a {
	color:#00171f!important;
}

#sidebar .et_pb_widget li a:hover,
.et_pb_widget li a:hover {
	color:#00171f!important;
	opacity:1;
	text-decoration:underline;
}


/* Add underline to Widget headers */
h4.widgettitle:after {
	content:'';
	display:block;
	height:3px;
	width:80px;
	border-radius:3px;
	background:#00dbce;
	margin:5px 0;
}

/* Style the article list */
#left-area article.et_pb_post {
	display:block;
	margin:0 0 60px;
	position:relative;
	padding-left:37%;
}

.single #left-area article.et_pb_post {
	padding:0; /* reset padding for single article layout */
}
#left-area {
	padding-bottom:40px;
}
#left-area .et_pb_posts .post-content p {
	color:#00171f;
}

#left-area article.et_pb_post:after {
     visibility:hidden;
     display:block;
     font-size:0;
     content:'';
     clear:both;
     height:0;
}

#left-area .et_pb_post > a {
	position:absolute!important;
	max-width:35%;
	top:8px;
	left:0;
	overflow:hidden;
}

/* Post title in article list styling */
#left-area .et_pb_post h2.entry-title {
	padding-bottom:2px;
}

.et_pb_post h2.entry-title a {
	transition:all .3s ease-in-out;
	color:#00171f;
}

#left-area .et_pb_post h2.entry-title a:hover {
	color:#00dbce;
}

/* Style the post meta info */
#left-area .et_pb_post p.post-meta {
	color:#00171f!important;
	font-style:italic;
	padding-bottom:0!important;
}

#left-area .et_pb_post p.post-meta a,
#left-area .et_pb_post p.post-meta span {
	color:#00171f!important;
}

#left-area .et_pb_post p.post-meta a:hover {
	opacity:1;
	text-decoration:underline;
}

/* Style blog image overlay */
#left-area .et_pb_post > a:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,23,31,0.7);
	display:block;
	transition:all .5s ease-in-out;
	top:0;
	left:0;
}

#left-area .et_pb_post > a:hover:after{
	top:-150%;
	background:rgba(0,219,206,0.7);
}

/* Single post comment section styling */
#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
	background:#fff;
	border:1px #00dbce solid;
	border-radius:3px;
	color:#00171f;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus {
	outline:none;
	box-shadow:none;
	border-color:#01171f;
}

@media (min-width:768px) {
	body:not(.logged-in) #commentform p.comment-form-comment {
		width:47%;
		float:left;
		margin-right:2%;
	}
	#commentform .comment-form-comment textarea {
		height:164px;
	}
	#commentform input[type="text"],
	#commentform input[type="email"],
	#commentform input[type="url"] {
		width:50%;
	}
}
#cancel-comment-reply-link {
	font-weight:700;
	background:#00171f;
	color:#fff;
	padding:3px 5px;
	border-radius:3px;
	text-transform:uppercase;
	margin-top:15px;
	display:inline-block;
}

/* browser lists */
@media (min-width: 981px) {
	.browser-list .et_pb_column:first-child {
		width:35%!important;
		margin-right:5%!important;
	}
	.browser-list .et_pb_column:last-child {
		width:60%!important;
	}
}
.browser-list .et_pb_column:first-child .et_pb_button_module_wrapper {
	margin-top:-50px;
}
.browser-button .et_pb_column:first-child .et_pb_button_module_wrapper {
	margin-top:-50px;
}
.browser-list h2 strong {
	display:inline-block;
	width:100px;
	height:100px;
	line-height:100px;
	font-size:5%;
	text-align:center;
	border-radius:50px;
	margin-right:5px;
	background:#01171f;
	color:#fff;
}

/* Buttons */
.et_pb_button {
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.button-money span {
	font-size:30px;
}
.button-money span:first-child {
	margin-left:3px;
}

.button-money {
	text-transform:none!important;
	font-size:20px;
	line-height:34px!important;
}
.button-money:after {
	line-height:34px!important;
}


/* Bar Counters */
.et_pb_counter_container {
	border-radius:3px;
	margin-bottom:15px;
}
.et_pb_counter_amount {
	line-height:2.2em;
}

/* Toggles */
.et_pb_toggle_title:before {
	content:'3'!important;
	font-size:26px;
	transition:all .3s ease-in-out;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	transform:rotate(180deg);
}
.toggle-info {
	border-radius:5px;
	border:none;
}
.et_pb_toggle .et_pb_button {
	display:inline-block;
	margin:10px 0 5px;
}


/* Blurb Headers */
.blurb-header {
	padding:10px;
	border-radius:3px;
}
.blurb-header .et_pb_blurb_content {
	width:100%;
	min-width:100%;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:left;
}
.blurb-header .et_pb_main_blurb_image {
	margin:0;
}

/* Image with shadow */
.img-shadow img {
	box-shadow:2px 2px 30px rgba(0,0,0,0.15);
}

/* List with icons */
ul.icon-list {
	list-style-position: outside;
	list-style-type: none;
	padding-left:0;
}
ul.icon-list li {
	padding-left:0;
	margin-top:10px;
	margin-left:25px;
	position:relative;
	line-height:1.7em;
}
ul.icon-list li:before {
	display:block;
	position:absolute;
	top:1px;
	left:-25px;
	font-size:18px;
	font-family:"ETModules";
}
ul.icon-list li.check:before {
	content:'\5a';
	color:#bcc4c9;
}
ul.icon-list li.star:before {
	content:'\e033';
	color:#bcc4c9;
}
ul.icon-list li.pro:before {
	content:'\4e';
	color:#6ab130;
}
ul.icon-list li.con:before {
	content:'\4d';
	color:#e31b1b;
}

/* ----- FOOTER Styling ----- */


/* Bottom Footer styling */
#footer-bottom {
	background-color:#e1e8e9;
	position:relative;
	padding:50px 0 40px;
	z-index:90;
}
#footer-bottom:before {
	display:block;
	height:30px;
	width:100%;
	background-image:url(img/custom-shadow.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:absolute;
	top:0;
	z-index:2;
	content:'';
}

/* Copyright Styling */
#footer-info {
	padding:0;
	float:none;
	text-align:center;
}

#footer-info a {
	color:#00171f;
	font-weight:400;
}
#footer-info a.gpwa {
	display:inline-block;
	text-indent:-9999px;
	width:89px;
	height:39px;
	background:url(img/gpwa-logo.png) no-repeat;
	transition:all .3s ease-in-out;
	margin-top:20px;
}
#footer-info a.gpwa:hover {
	transform:scale(1.05);
}
#footer-info a:hover {
	opacity:1;
	text-decoration:underline;
}

#footer-info span.img18 {background:url(https://apostasonline.pt/wp-content/uploads/2017/07/para_maiores_de_18.png) no-repeat; width:50px; height:50px; text-indent:-9999px; display:block; margin: 10px auto;} 

/* Style "back to top" link */
.et_pb_scroll_top.et-pb-icon {
	background:#fff;
	right:10px;
	border-radius:100%;
	color:#00dbce;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

.et_pb_scroll_top.et-pb-icon:hover {
	color:#00171f;
}


h5.et_pb_toggle_title {font-weight:normal!important;}

.toggle-info {clear:both;}
.button-money {float:left; margin-right:20px;}
.button-review {float:left; margin:.3em 0 1.5em!important;}
@media all and (min-width:981px) and (max-width:1200px) {
.button-money {float:none;}
.button-review {float:none; margin:.4em 0!important;}
}

/* Tags main page */
h2 span.cat {color:#fff; background: #00171F; text-transform:uppercase; font-family:"Raleway", sans-serif; font-size:11px; border-radius:3px; padding:6px; display:block; float:left; line-height:1; margin:2px 5px 0 0; letter-spacing:.5px;}

h2 span.catcasino {color:#fff; background: #ff0000; text-transform:uppercase; font-family:"Raleway", sans-serif; font-size:11px; border-radius:3px; padding:6px; display:block; float:left; line-height:1; margin:2px 5px 0 0; letter-spacing:.5px;}

h2 span.catpoker {color:#fff; background: #0012ff; text-transform:uppercase; font-family:"Raleway", sans-serif; font-size:11px; border-radius:3px; padding:6px; display:block; float:left; line-height:1; margin:2px 5px 0 0; letter-spacing:.5px;}


/*mobile menu appearing sooner */
@media (max-width: 1200px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }

/* mobile menu scrollable */
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;

}


/* fixed header for mobiles (disabled for now)
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}
*/