/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       ATBF
 Author URI:   https://www.allthebestfights.com/
 Template:     generatepress
 Version:      0.1
*/


/**

 * XX.0 MIE REGOLE ADD TO ANY

 * -----------------------------------------------------------------------------

 */
 

.mio_vertfloat {
	width: 32px;
     left: 0px;
   top: 200px;
    line-height: 32px;
	background-color: #fff;
    border-radius: 0px;
    position: fixed;
    z-index: 9999995;
}
.mio_iconeadd { 
	width: 38px;
	height:38px; 
} 
.a2a_button_facebook {   
background:rgb(24 119 242); 
}
.a2a_button_twitter {    
	background:rgb(85 172 238); 
}
.a2a_button_whatsapp {    
	background:rgb(18, 175, 10); 
}
.a2a_dd {    
	background:rgb(1, 102, 255); 
}

/**

 * XX.0 MIE REGOLE OLD

 * -----------------------------------------------------------------------------

 */
.site-main {  
background-color: white;
}

.mioinline {  
display:inline;
}

.adsmiofirst {  
        text-align: center; 
        padding: 1em 0;
	    width:100%;
	height:100%;
	display:block;
	background-color:#fff;
}
.adsamp {  
        text-align: center; 
	    width:100%;
	height:100%;
	display:block;
	background-color:#fff;
}

.followmio { 
       padding: 0px 5px 0px 0px;  
margin:0 2px;
            }

.followimgmio { 
       width: 40px; 
       height: 40px; 
          }

.centermio { 
	text-align: center;
}

.topcommio { 
	margin: 0 0 0 -5px; 
}

#text_show_result {
	text-decoration:underline;
	width:100%;
}

#show_result {
	display:none;
	margin:0px 0px 0px 0px;
}

.sharemio { 
       position: relative;  
       width: 110px; 
       float: left;
          }

.mioright {
	text-align: right; 
	}

.miosmall {
        font-size:8pt;
          }

.miosmallbottom {
        font-size:8pt;
line-height: 2;
       margin-bottom: -10px; 
    display: block;
          }

.miosmallschedu {
    font-size: 10pt;
    color: #8f4f4f;
}

.miolinkcolor {
        color: #504d4d;
            }

.postedtagimg { 
       width: 16px; 
       height: 16px; 
          }

#brokenlink {
    	color: #504d4d;
	float: right;
        text-align:right;
	text-decoration: none;
	}

#brokenlink a {
	color: #504d4d;
	text-decoration: none;
	} 

#brokenlink a:hover {
	text-decoration: underline;
	} 

.postfootmio {  
        background-color: #ffffff;
        padding: 10px;
	margin:0; 
	max-width: 520px;
        z-index: 2; 
}

.patreon {  
        background-color: #ffbdb64d;
        padding: 10px;
	margin:0; 
	max-width: 100%;
	text-align: center;
}

.flex {
  display: flex;
  flex-wrap: wrap;
 justify-content: space-evenly;
	line-height: 4;
}

.copymio {
        font-size:14px;
        padding:10px 0 0 0; 
	text-align: center;
	} 

.copymio a {
         color:#fff706;
         text-decoration: underline;
	} 

.copymio a:hover {
         text-decoration: none;
	} 

.riga-logo {
display: flex;
}

.col-logo {
width: 50%;
float: inherit;
	text-align: center;
}


.col-follow {
width: 50%;
float: left;
 text-align: center;
}

.riga-social {
padding: 5px;
}

.text-follow {   
        color:#fff;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 3px 0;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}

.text-since {   
        color:#fff;
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 3px 0;
	line-height: 1.5;
	font-style: italic;
	display: inline-block;
}

.sidebartitlemio {
	color: #222;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 3px 0;
    line-height: 1;
    text-transform: uppercase;
    background-color: #f1f1f1;
    padding: 5px;	
	}
		
.content-sidebarmio {
padding: 5px 5px 10px;
border-bottom: 1px solid #e8e6e6;
border-left: 1px solid #e8e6e6;
	margin-bottom: 3em;
}

.content-sidebarmio-logo {
background: #333;
margin: 0px 0px 25px 0px;
padding: 10px 5px 10px 10px;
}

.content-sidebarmio300 {
width:300px;
background: #353535;
margin: 0px 0px 25px 0px;
padding: 5px 5px 10px;
display: block;
}

.content-sidemiowhite {
width:300px;
background: #000;
margin: 0px 0px 25px 0px;
padding: 5px 5px 10px;
display: block;
}

.content-sidebarnocell {
background-color: #f1f1f1;
display: block;
}

.tablesharemio { 
        width:520px;
        padding: 15px 0 5px;
        margin:0px auto 0;
	color: #767676;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;  
        display:block;       
}

.tablefollowmio { 
        width:520px;
        padding: 15px 0 5px;
        margin:0px auto 0;
	color: #767676;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;  
        display:block;       
}

.miobigbuttons { 
        padding: 0px 0 10px;
}

.prevmio { 
         margin: 5px 0 0 0;
	 padding: 0px 0 8px;
}

.prevmio a { 
	font-size: 12px;
	font-weight: 500;
	line-height: 1.7142857142;
	text-transform: none;
	letter-spacing: 0px;
}
 
.h4mio {   
        color:#000;
        background-color: #f1f1f1;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 3px 0;
	line-height: 1;
	text-transform: uppercase;
        display:block; 
}

/**

 * XX.0 MIE REGOLE TEMA GENERATEPRESS

 * -----------------------------------------------------------------------------

 */
.container.grid-container {
    max-width: 1000px;
}
.site-content {
    display: flow-root;
	margin-top: 2em;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
	padding: 0px 0px 3em;
}
.inside-article {
    padding-bottom: 2em;
    border-bottom: 1px solid #e8e6e6;
    margin-bottom: 1em;
}
.separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar {
        background-color: #fff;
	margin-top: 0px;
}
.separate-containers .site-main {
    margin:0px; 
}
.separate-containers .inside-article>.featured-image {
    margin-top: 1.2em;
    margin-bottom: 0.2em;
    margin-right: 1em;
    float: left;
	width:200px;/* imp immagine in single, se cambio cambiare anche in functions e regole in settings>media */
}

.is-right-sidebar {
	width: 45%;
    max-width: 320px;
}

#primary {
	float: left;
    width: 100%;
    max-width: 530px;
}
#right-sidebar {
    float: right;
    padding-top: 0;
    width: 36%;
    max-width: 320px;
	font-size: 0.9rem;
    line-height: 1.6;
    letter-spacing: 1.2px;
}
p {
    margin-bottom: 1em;
}
body {
    color: #444;
    background-color: #fff;
	line-height: 1.8;
    text-align: justify;
}
	body, button, input, select, textarea {
    font-family: arial, arial, helvetica, sans-serif;}
a:hover {
    color: red; 
	text-decoration:underline;
}
h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.entry-meta {
    font-size: 0.68rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.12rem;
	margin-left: 0.15rem;
}
.entry-meta a {
    color: #595959;
}
.entry-meta a:hover {
    color: red;
}

.cat-links a, .tags-links a {
    color: #444;
    background-color: #f1f1f1;
    padding: 5px;
    margin-left: 1em;
    line-height: 3;
}
.post-navigation a {
    color: #1e73be;
letter-spacing: 0.02rem;
}
.post-navigation a:hover {
    color: red;
	text-decoration:underline;
}
.site-main .post-navigation {
    margin-bottom: 2em;
    margin-top: 3rem;
}
.post-navigation {
	display: flex;
	text-transform: initial;
    font-size: 0.9rem;
	text-align:center;	
}

.post-navigation .nav-next {
	width: 48%;
	margin-left: 2%;
	display: flex;
	flex-direction: row-reverse;
}

.post-navigation .nav-previous {
	width: 48%;
    margin-right: 2%;
	margin-top: -5px;
}

nav#nav-below.paging-navigation span.page-numbers.current {
	border: solid 1px #2222;
	padding:0.75rem; 
	margin-right:0.75rem;
	color:#fff706;
	background-color: #333;
}

nav#nav-below.paging-navigation a.page-numbers {
	border: solid 1px #2222;
	padding:0.75rem; 
	margin-right:1rem;
	background-color: #f1f1f1;
	color: #333;
	margin-bottom:10px;
}

nav#nav-below.paging-navigation a.page-numbers:hover {
	border: solid 1px #2222;
	padding:0.75rem; 
	margin-right:1rem; 
	color:#fff706;
	background-color: #333;
	font-weight: 700;
}
.nav-links {
    display: flex;
    flex-wrap: wrap;
}

footer.entry-meta {
    margin-top: 0em; 
}
.entry-meta .gp-icon {
    margin-right: 0;
}
.nav-next .gp-icon {
	margin-left: 0;
	margin-right: 0;
}
.icon-arrow-left, .icon-arrow-right {
    font-size: x-large;
	color:#1e73be;
	align-self: initial;
}
.site-branding {
    display:none;
}
.nav-float-right #site-navigation {
    margin-left: initial;
}
.inside-header {
    display: block;
}
.nav-float-right #site-navigation {
    margin-left: 0;
    width: auto;
    clear: both;
    display: block;
}
.main-navigation .inside-navigation {
    display: block;
}

.main-navigation .main-nav>ul {
    display: flex;
}
.main-navigation li {
    position: relative;
    border: 0;
    display: inline-block;
    flex-grow: 1;
}
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items {
    color: #222;
    background-color: #f1f1f1;
    margin: 2px;
    text-align: center;
	font-weight: 600;
	letter-spacing: 1.2px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #fff706;
    background-color: #333;
}
.main-navigation .main-nav ul li > a:focus,
.main-navigation .main-nav ul li > a:hover {
    color: #fff706;
    background-color: #333;
}
.main-navigation a {
    font-size: 1rem;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    color: #fff706;
    background-color: #333;
}
.search-form {
    width: -webkit-fill-available;
    display: inline-block;
    text-align: right;
    max-width: 80%;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    width: 90%;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    position: absolute;
	color: #222;
    background-color: #f1f1f1;
}
.page-header .author-info>:last-child, .page-header>:last-child {
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}
.col-logo {
    width: 130px;
}
.col-follow {
    width: 60%;
    padding: 0px;
    float: left;
    text-align: -webkit-center;
}
.entry-title {
    font-size: 26px;
    font-size: 2.0rem;
    font-weight: 500;
    letter-spacing: initial;
	line-height: 1.3;
	text-align:left;
}
.entry-title a {
    color: #444;
}
.entry-title a:hover {
    color: red;
	text-decoration:underline
}
.post-image:not(:first-child) {
    margin-top: 1em;
    /* float: left; */
    /* margin-bottom: 1em; */
   width: 200px;/* imp immagine in home e category, se cambio cambiare anche in functions e regole in settings>media */
    float: left;
    margin-right: 1em;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 1em;
} 

embed, iframe, object {
    max-width: 100%; 
}
.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
        overflow: 
        hidden; 
	margin-bottom: 20px;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

details,
menu {
	display: block;
}

details > summary {
	color:#333;
	padding: 2px 6px;
	background-color: #f1f1f1;
	box-shadow: 3px 3px 4px black;
	    font-size: 1.5rem;
	cursor:pointer;
	letter-spacing: initial;
	text-align: left;
}

details > p {
	background-color: #fff;
}
 
details[open] > summary {
  border: solid 1px #000;
	background-color: #fff;
}

summary {
	display: list-item; 
	font-size: 1.5rem;
}
summary > h2 {
	display:inline;
	font-size: 1.5rem;
}
summary > h3 {
	display:inline;
	font-size: 1.5rem;
}
canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/* CELL TABLET */
@media screen and (max-width: 768px) {
	.container.grid-container {
    padding-left: 1rem;
    padding-right: 1rem;
}
	#primary {
    max-width: 100%;
}
	#right-sidebar {
    width: 100%;
    max-width: 100%;
}
.site-branding {
    display: block;
}
	.main-title {
    font-size: 18px;
    font-weight: 500;
}
.inside-header {
    display: flex;
    padding: 0px 0px;
	padding-right: 0rem;
    padding-left: 1rem;
}	
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    position: inherit;
}	
.menu-toggle {
    line-height: 48px;
}	
	.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 1rem;
    margin-right: 1rem;
}
.search-form {
    display: block;
    max-width: 100%;
}	
	.entry-title {
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.4;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    width: 80%;
}	 
	.entry-meta {
    text-align: center;
}
	.cat-links {
    text-align: left;
}
	.tags-links {
    text-align: left;
}
	.post-image:not(:first-child) { 
   width: 150px; /* imp immagine in home e category, se cambio cambiare anche in functions e regole in settings>media */
}
	.separate-containers .inside-article>.featured-image {
	width:150px;/* imp immagine in single, se cambio cambiare anche in functions e regole in settings>media */
}
	 .content-sidebarmio a {
    padding-top:10px;
		 display:inline-block;
}
	
.mio_vertfloat {
	width: auto;
     left: 0px;
    bottom: 0px;
	top:auto;
}
	embed, iframe, object {
    max-width: 100%;
    max-height: 100%;
}
}