/* 
Theme Name: 	Jogos Animados! 
Theme URI:		https://jogosanimados.pt
Author:			Jogos Animados
Author URI:     http://jogosanimados.pt
Version: 		1.0 
Template: 		storefront
Description: 	Tema Jogos Animados para Woocommerce
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/*
 * Add your own custom css below this text.
 */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

*		{font-family: 'Quicksand', sans-serif; }
body 	{font-family: 'Quicksand', sans-serif; color:black; background: #ffde16; font-size: 12pt;}

/* Border on Focus */
a:active, a:focus,input:active, input:focus, .button:active,.button:focus,
textarea:active,textarea:focus, button:focus {outline: 0;border:0 transparent;-moz-outline-style: none;}

/* Site Logo Header */
.jogosanimados-header 	{height:240px;width:100%;margin:0 auto;padding:0;overflow:hidden;}
.logo 		{height:240px;text-align:center;position:relative;display:block;text-align:center;}
.logo img 	{width:240px;height:240px;margin:0px auto;}

/* Header */
.site-header{border-bottom:none;padding:0px;margin:0 auto;background:transparent;}

/* Name, Description & Search */
.site-branding, .site-branding a, .site-branding div, .site-branding p.site-description, .site-header .site-search,
.site-branding h1	{display:none;height:0;line-height:0;clear:both;margin:0; padding:0;}

/* Text Headings */
h1,h2, h1 a, h2 a	{font-family: 'Luckiest Guy', cursive;
						font-size: 18pt;
						margin:0px auto;margin-top:20px;padding:0;
						text-align:center;
						letter-spacing: 1pt;
						text-shadow: -1px 0 black, 0 2px black, 1px 0 black, 0 -1px black;color: white;
					}
h1			{text-align:center;margin-bottom:1em;}
h2 			{font-size:14pt;margin:1em;text-align: left;font-weight: normal;margin-bottom: 24px;text-align: center;color: white;letter-spacing: 2pt;}
.summary h1 {text-align:left;}

blockquote, .wp-block-quote,.wp-block-quote p  { border-left:0px none; font-size:14pt;color:black; font-family: 'Quicksand', sans-serif; font-style: italic;text-align:center;}

/* IMAGES */
.wp-block-image img,.wp-block-gallery .blocks-gallery-item img, .wp-post-image {background:white;border: none;padding: 2px;border: white 1px solid;}
.wp-block-image img:hover,.wp-block-gallery .blocks-gallery-item img:hover, .wp-post-image:hover {background: white; border-radius: black 1 px solid; transition: 0.5s; }
.attachment-woocommerce_thumbnail, .blocks-gallery-item figure img  {background-color:white;border:1px solid black;}
.attachment-woocommerce_thumbnail:focus,.attachment-woocommerce_thumbnail:hover,.attachment-woocommerce_thumbnail:active,
.blocks-gallery-item figure img:focus, .blocks-gallery-item figure img:hover, .blocks-gallery-item figure img:active {}

/* MOBILE MENU */
.storefront-primary-navigation {float:none;margin:0 auto;text-align:center;}
	/* Menu Toggler */
.storefront-primary-navigation .menu-toggle {border-radius: 5px;float:none;margin:0 auto;text-align:center;text-transform:uppercase;}
.storefront-primary-navigation .menu-toggle:focus{outline:0;outline-color:transparent;}
.storefront-primary-navigation button.menu-toggle {float:none;border:0px none;background:white;}
.storefront-primary-navigation button.menu-toggle:hover,
.storefront-primary-navigation button.menu-toggle:active,
.storefront-primary-navigation button.menu-toggle:focus{background:white;}
	/* Dropdowns */
.storefront-primary-navigation .toggled ul{text-transform:uppercase;font-size:10pt;font-weight:bold;text-align:left;}
.storefront-primary-navigation .toggled ul ul {font-weight:normal;}
.storefront-primary-navigation .menu ul ul {font-weight:normal;}
.storefront-primary-navigation .menu li a {padding:10px 16px;}
.storefront-primary-navigation .toggled .menu li a {padding:10px 16px;margin:4px 0px;}
.storefront-primary-navigation .toggled .menu .current-menu-item a {background:white;color:black} 
.storefront-primary-navigation .toggled .menu .current-menu-item,
.storefront-primary-navigation .toggled .menu .current-menu-ancestor,
.storefront-primary-navigation .toggled .menu .current-menu-item li a {color:black;background:transparent;} 
.storefront-primary-navigation .toggled .menu li a:hover,
.storefront-primary-navigation .toggled .menu li a:active,
.storefront-primary-navigation .toggled .menu li a:hover {background:white;color:black;}
.storefront-primary-navigation .main-navigation .handheld-navigation ul.menu ul.sub-menu, 
.storefront-primary-navigation .main-navigation .handheld-navigation ul.nav-menu ul.children {background:transparent;transition:0s}
.storefront-primary-navigation .dropdown-toggle {border-radius:5px;border:none;padding:10px;margin:0 10px;}

/* Menu */
.main-navigation .menu {text-align:center;}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {color:black;text-transform:uppercase;font-weight:bold;padding:10px 16px;font-size:10pt;}

	/* Menu > Item */
.page_item, ul.nav-menu > li, ul.nav-menu > li > a {text-align:left;border-radius:5px;color:black}

	/* "START" Item with Logo */
/*
.main-navigation ul.nav-menu > li:first-of-type 	{margin-right:4px;}
.main-navigation ul.nav-menu > li:first-of-type > a {background:url('https://jogosanimados.pt/Logo.png') no-repeat;background-size: 24px 24px;background-position: 12px 7px;padding-left:42px;}
*/

	/* Menu > Selected */
.main-navigation ul.menu > li.current-menu-item, 
.main-navigation ul.nav-menu > li.current-menu-item a, 
.main-navigation ul.nav-menu > li.current-menu-parent a {border-radius:5px;color:black;}
a.current-menu-parent, .current-menu-parent, .current-menu-item {border-radius:5px;background-color:white;color:black;}

	/* Menu > Hover */
.main-navigation ul.menu > li > a:hover, 
.main-navigation ul.nav-menu > li > a:hover {background-color:white;border-radius:5px;transition: 0.5s;color: black}
.main-navigation ul.nav-menu li:hover{background-color:white;border-radius:5px;color:black;}
.main-navigation ul.nav-menu ul li a:hover {background:white;border-radius:5px;color:black;}

	/* Menu > Submenus > Background */
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {border-radius:5px;background-color:white;color:black;}

	/* Menu > Submenus */
.menu_item_has_children li {color:black;text-transform:uppercase;font-size:10pt;border-radius:5px;}
.menu_item_has_children li:hover {color:black;transition: 0.5s;}
.menu_item_has_children:focus {border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.menu_item_has_children .children{border-radius:5px;}
.menu_item_has_children li.current-menu-item{background-color:white;}
.menu_item_has_children ul.sub-menu {background:white;boder-radius:5px;}

/* Breadcrumb */
.storefront-breadcrumb {padding:2em 0;margin:0;}
.woocommerce-breadcrumb {font-size:10pt;margin:1em;}
.woocommerce-breadcrumb, .woocommerce-breadcrumb a {font-size:10pt;}
.woocommerce-breadcrumb a {border-radius:5px; padding:1px 5px;background:white;text-decoration:none;}
.woocommerce-breadcrumb a:hover,.woocommerce-breadcrumb a:active,.woocommerce-breadcrumb a:focus {background:white;text-decoration:none;color:black;}
.woocommerce-breadcrumb .breadcrumb-separator {color:white;}

/* Forms */
input, textarea, .select2-container--default .select2-selection--single {font-family: 'Quicksand', sans-serif; border-radius:5px;box-shadow:none}
option,option:active,option:focus {outline: 0;border:0 transparent;-moz-outline-style: none;}

/* Selected boxes */
.selection span{padding-bottom:36px;padding-top :12px;}
.select2-selection span {padding:0px 20px;}
.selection .select2-selection__arrow{padding-bottom:36px;padding-top :12px;}

/* Post Edit Links */
.edit-link{text-align:center;}
.post-edit-link{border:white 3px solid; background:royalblue;color:white;font-weight:bold;font-size:12pt;padding:10px 20px;border-radius:150px;text-transform:none;display: inline-block;transition:0.5s;}
.post-edit-link:hover{background: royalblue;color: white;border:lightblue 3px solid; transition: 0.25s;}
.post-edit-link:active,.post-edit-link:focus{color: white;border:lightblue 3px solid; box-shadow: 0 5px lightblue;transform: translateY(4px);}
.post-edit-link::after {font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f5ad";margin:0 auto;margin-left: 10px;font-size:12pt;color: gold}

/* Links */
a, .hentry .entry-content a{color:black;text-decoration:none;}
p a, p a:visited, p a:active, p a:hover, p a:focus {white-space: nowrap;
	color:black;background-color:white;padding:0px 5px 2px 5px;border: white 1px solid;border-radius:10px;text-decoration:none;transition: 0.5s;}
p a:hover {border:black 1px solid;}

/* POLÍTICA DE PRIVACIDADE */
li.page-item-3, .main-navigation ul.nav-menu > li.page-item-3 a,
li.page-item-17, .main-navigation ul.nav-menu > li.page-item-17 a {display:none;}

/* Content */

	/* List Items */
.entry-content ul.listastar {list-style: none;margin: 0 0 1.41575em 0}
.entry-content ul.listastar li:before {color:white; content: "\25CF"; font-family: Arial, sans-serif; text-shadow: -1px 0 black, 0 2px black, 1px 0 black, 0 -1px black; font-size:14pt; margin:0 1em;}

	/* Date-Time */
.hentry .entry-header {text-align:center;border-bottom:none;}

	/* Lista de Items dos Posts Recentes */
.hentry .entry-content .wp-block-latest-posts li {margin-bottom: 2em !important;float: left !important;clear: none;}

/* CONTACTS */
.wp-block-jetpack-contact-form, .contact-form {width: 100%;}
.contact-form .wp-block-jetpack-button{text-align:center;}
#contact-form-54 h3 {display:none;}
#contact-form-54 {max-width:640px;margin: 0 auto;display:block;}
.contact-form span {display:none;}
.contact-form label	{margin-left: 16px;font-size: 10pt;}
.contact-form label::after {display: none;}
#contact-form-54 input, #contact-form-54 textarea
 {background:white;color: black;border: white 3px solid;box-shadow: none;padding: 2px 4px;}
#contact-form-54 input:focus, #contact-form-54 textarea:focus
 {background:white;border: black 3px solid;box-shadow: none;}
#contact-form-54 textarea {height: 120px;}
#contact-form-54 .wp-block-jetpack-contact-form .grunion-field-wrap{border-right: 0;}

/* JOGOS */
#post-58 .wp-post-image {margin-bottom: 0.5em;}
#post-58 .wp-block-latest-posts__post-title {display: block;text-align: center;}
#post-58 .wp-block-latest-posts__featured-image {text-align: center;margin: 0 auto;}
/* FOOTER */
.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button){color: black;background:transparent;}
.site-footer h2 {color: white;}
.storefront-handheld-footer-bar ul li.cart .count{font-weight:bold;background-color:black;color:white;border:0;}
.footsocial {word-break: keep-all;}
.footsocial img {width: 32px;height: 32px;display: inline-block;margin: 8px;vertical-align: middle;} 
span.footsocial a,  .footsocial a:hover,  .footsocial a:active,  .footsocial a:focus  
{text-decoration: none;background: transparent;padding: 5px 8px 8px 5px;border:1px solid #ffde16;}
.footer-widgets {padding-top:0;}
.site-info {display: none;}

p.copyright a, .copyright a:hover,.copyright a:active, .copyright a:focus {border: none;padding: none;text-decoration: none;color: black;background: transparent;}
.copyright a:hover,.copyright a:active, .copyright a:focus{text-decoration: underline;}

/* BUTTONS & DADOS */

.hentry .entry-content .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link,

.dadosupdown,button, .wp-block-button__link,input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button,		

.wp-block-button__link,.wp-block-button__link:not(.has-background),.wp-block-button__link:not(.has-background):hover, 
.wp-block-button__link:not(.has-background):focus, .wp-block-button__link:not(.has-background):active
{
						font-family: 'Quicksand', sans-serif;
						letter-spacing:2px;font-weight:bold;
						cursor:pointer;text-align:center;
						font-size:12pt;line-height:16pt;
						padding:0px 15px; margin:10px;
						background:white;color:black;
						border:white 3px solid; border-radius:25px; 
						height:46px;
						box-shadow: none;
					}

.hentry .entry-content .wp-block-button .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-button .wp-block-button__link:hover,

.dadosupdown:hover,.wp-block-button__link:hover,button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover,	
.wp-block-button__link:hover,.wp-block-button__link:not(.has-background):hover
{background: white;color: black;border:black 3px solid; transition: 0.25s;}


.hentry .entry-content .wp-block-button .wp-block-button__link:focus, .editor-styles-wrapper .wp-block-button .wp-block-button__link:focus,

.dadosupdown:focus,.wp-block-button__link:focus,.wp-block-button__link:not(.has-background):focus 	{outline: 0;}


.hentry .entry-content .wp-block-button .wp-block-button__link:active, .editor-styles-wrapper .wp-block-button .wp-block-button__link:active,

.dadosupdown:active, .wp-block-button__link:active,.wp-block-button__link:not(.has-background):active
 {border:black 3px solid; box-shadow: 0 5px black;transform: translateY(4px);border-radius:25px;}

.dadosupdownbola	{max-height:46px;width:46px;font-weight:bold;margin:10px 2px;}

/* BUTTONS */

.download-button
{	font-family: 'Quicksand', sans-serif;letter-spacing:2px;font-weight:bold;cursor:pointer;text-align:center;
	font-size:16pt;transition: 0.25s;text-shadow:none; text-transform: uppercase;box-shadow:none;
	background:white;color:black;border:none; border-radius:25px; 
	background-image:none;margin:0;padding:20px 10px;
}
.download-button:hover, a.download-button:hover	{background:white;color:black;transition: 0.25s;padding:20px 10px;}
.download-button:focus	{background:white;color:black;outline: 0;padding:20px 10px;}
.download-button:active{background:white;color:black; box-shadow: 0 5px black;transform: translateY(4px);border-radius:25px;padding:20px 10px;}
.download-button small {font-size:10pt;letter-spacing:normal;text-transform:none;color:black;}
.dlm-xhr-loading-gif, .dlm-xhr-progress {display:none !important;}


.infohead 			{text-align:center;}
#imageroll 			{display:block;padding-bottom:48px; width:100%; height:100%; text-align:center;cursor:grab;}
.dice 				{display:inline-block;color:white;text-align:center;width:64pt;height:64pt;
						-moz-transition: transform 1s;-webkit-transition: transform 1s;transition: transform 1s;margin:10px;}
.flip 				{transform: rotate(1080deg);} 

/* Correct Spacing */ 
.hentry, .content-area, .widget-area, .site-main { margin-bottom: 0; }

/* DOWNLOAD BOX */
aside.download-box {width: 80%;border: none;box-shadow: none;}
aside.download-box .dlm-xhr-progress {display: none;}

.download-box img {width: 50%; border: none;}
.download-box .download-count {display: none;}
.download-box h1 {display: none;}
.download-box .download-box-content {text-align: center;margin-bottom: 1em;}
.download-box a.download-button small {display:none;}

.download-box a.download-button {

	-webkit-appearance: button;
	font-family: 'Quicksand', sans-serif;
	letter-spacing:2px;font-weight:bold;
	cursor:pointer;text-align:center;
	font-size:12pt;line-height:16pt;
	padding:10px 15px; margin:10px;
	background:white;color:black;
	border:white 3px solid; border-radius:25px; 
	box-shadow: none;
	}

.download-box .download-button:hover	{transition: 0.25s;border: black 3px solid}
.download-box .download-button:focus	{transition: 0.25s;outline: 0;border: black 3px solid}
.download-box .download-button:active	{border:black 3px solid; box-shadow: 0 5px black;transform: translateY(4px);}

.category-jogos .entry-header {margin-bottom: 0;}
.category-jogos .entry-header .posted-on,
.category-jogos .entry-header .post-author,
.category-jogos .entry-content .wp-post-image,
.category-jogos .entry-taxonomy
 {display: none}
.category-jogos .entry-content .download-box img
 {display: block;}

 .post-navigation {display:none;}