/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.5.1608481001
Updated: 2020-12-20 16:16:41

*/

body.custom-background {
    background-position: center center;
}

body.template-full-width .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1920px;
}

body:not(.home).custom-background {
    background-color: #fff;
    background-image: none;
    background-position: left top;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.home #site-header {
    border-bottom: 0;
	margin-bottom: 0;
	background: none;
}

#site-header{
	margin-bottom: 50px;
	background: #b7e1f8;
}
.site-description{
	font-weight: bold;
	color: #000 !important;
}

.menu-modal-inner {
    padding: 0 50px;
}

.home #site-content {
    margin-bottom: 0;
}

#site-content {
    margin-bottom: 50px;
}

.singular .featured-media {
    margin: 10px 0 0 0;
}

.singular .featured-media-inner {
    margin-bottom: 30px;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 800px;
}

.single-post .singular .featured-media-inner {
    max-width: 800px;
}

.singular .featured-media-inner {
    left: calc(50% - 50vw);
    max-width: 800px;
}

.blog #site-content {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.archive  #site-content {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.site-logo img {
    max-height: 200px;
}

.home h2{
text-align: center;
font-family: Oswald;
}

.home #site-header{
background: transparent;
}

.home .entry-content > * {
    margin-bottom: 0;
}

.header-inner {
    max-width: 1200px;
}

.header-toggles:only-child .toggle-inner .toggle-text {
    font-size: 25px;
}

.header-inner .toggle-wrapper::before {
    background: #000;
}

.header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before {
    background-color: #000 !important;
}

.home #site-content {
    overflow: hidden;
    margin-top: 535px;
}

.home .entry-title{
display: none;
}

.singular .entry-header {
    padding: 0;
}





.motto{
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
	color: #FFF;
}

.motto span{
    font-size: 20px;
}



.about{
margin-top: 100px;
max-width: 1200px !important;
}

.about h2{
margin-bottom: 10px;
font-family: Oswald;
}

.about p{
padding: 10px 10px 0 10px;
}

.about_images_container{
display: inline-block;	
width: 100%;
}

.about_images{
float: left;
width: 33.333333%;
padding: 10px;	
}

.about_images_container::after{
	clear: both;
}





.officina{
width: 100%;
height: 600px;
margin-top: 50px;
background-image: url('https://ciclofficinaerrante.live/wp-content/uploads/2020/12/gear.jpg');
background-position: center center;
color: #FFF;
position: relative;
}

.officina h2{
margin: 0;
padding: 50px 0 0;
font-family: Oswald;
}

.officina h3{
margin: 0;
font-family: Oswald;
}

.officina p{
padding: 0;
margin: 0;
}

.officina_inner_container{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
display: flex;
}

.officina_inner{
float: left;
width: 33.333333%;
padding: 10px 20px;	
font-weight: bold;
background: #085d5db3;
flex: 1;
}

.officina_inner:nth-child(2){
width: calc(33.333333% - 4px);
margin: 0 2px;
}

.officina_inner_container::after{
	clear: both;
}







.biciclette{
width: 100%;
margin-top: 50px;
}

.biciclette h2{
margin: 0;
padding: 50px 0 0;
font-family: Oswald;
}

.biciclette h3{
margin: 0;
font-size: 30px;
font-family: Oswald;
}

.biciclette p{
padding: 0;
margin: 0;
text-align: center;
font-size: 30px;
font-weight: bold;
line-height: 35px;
}

.biciclette_inner_container{
max-width: 1600px;
display: flex;
margin: 0 auto;
}

.biciclette_inner{
float: left;
width: 33.333333%;
padding: 50px;	
font-weight: bold;
flex: 1;
text-align: center;
}

.biciclette_inner p{
font-size: 20px;
}

.biciclette_inner_container::after{
	clear: both;
}














.marchi{
width: 100%;
margin-top: 50px;
}

.marchi h2{
margin: 0;
padding: 50px 0;
font-family: Oswald;
}

.marchi_inner_container{
display: flex;
max-width: 1200px;
margin: 0 auto;
}

.marchi_inner{
float: left;
width: 25%;
padding: 50px;	
flex: 1;
position: relative;
}

.marchi_inner img{
position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width: 80%
}



.marchi_inner_container::after{
	clear: both;
}










.dos_column{
height: 700px;
margin-top: 100px;
background-image: url('https://ciclofficinaerrante.live/wp-content/uploads/2020/12/chiossi7.jpg');
background-position: center top;
background-size: auto auto;
color: #FFF;
background-repeat: no-repeat;
text-align: center;
}

.dos_column h2{
margin: 0;
padding: 0 0 20px;
font-family: Oswald;
}

.dos_column p{
padding: 0;
margin: 0;
}

.dos_column_inner_SX{
height: 700px;
float: left;
width: 50%;
font-weight: bold;
background: #ff0000b3;
position: relative;
}

.dos_column_inner_DX{
height: 700px;
float: right;
width: 50%;
position: relative;
font-weight: bold;
background: #0009;
}

.dos_column_inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	display: inline-block;
}

.dos_column_inner_container::after{
	clear: both;
}

.pulsante {
	background-color:#ffffff;
	display:inline-block;
	cursor:pointer;
	color:#222;
	font-family: Lato;
	font-size:28px;
	font-weight:600;
	padding:6px 24px;
	text-decoration:none;
	margin-top: 20px;
}

.pulsante:hover {
	background-color:#DBDBDB;
}
.pulsante:active {
	position:relative;
	top:1px;
}



.eventi{
	background: #eee;
}

.eventi h2{
	margin: 0;
	padding: 50px 0;
}


.wpupg-grid-with-filters{
	padding: 0 20px 50px;
}

.wpupg-template-simple-with-excerpt {
    border-width: 0 !important;
    padding: 10px !important;
}

.wpupg-block-text-bold {
    font-size: 25px !important;
    font-family: Lato !important;
	margin-bottom: 5px;
}

.wpupg-block-text-normal {
    font-size: 20px !important;
    font-family: Lato !important;
}

.wpupg-template-simple-with-excerpt .wpupg-meta-container {
    margin-top: 10px;
}


.footer-widgets-outer-wrapper {
    border-bottom: 0;
}

.footer-top {
    border-bottom: 0;
}

.ferrari{
	font-size: 25px;
	font-weight: bold;
}

.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
    font-family: Lato;
    letter-spacing: normal;
}

.widget-content {
    font-size: 18px;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 5px 0 0;
}

@media screen and ( max-width: 1280px ) {
	
body.custom-background {
    background-position: -330px 0 !important;
}

.officina_inner br{
   display: none;
}



}

@media screen and ( max-width: 1080px ) {
	
body.custom-background {
    background-position: -440px 0 !important;
}
	
.home #site-content {
    margin-top: 470px;
}

.officina_inner {
    font-size: 18px;
}
.dos_column p {
    font-size: 18px;
}

.officina_inner br{
   display: none;
}



}


@media screen and ( max-width: 800px ) {
	
body.custom-background {
    background-position: -570px 0 !important;
}

.site-description {
    color: #fff !important;
}

.home #site-content {
    margin-top: 445px;
}

.officina_inner br{
   display: none;
}

.officina_inner {
    font-size: 16px;
	padding: 10px;
}

.officina h3 {
    font-size: 30px;
}

.dos_column {
margin-top: 50px;
}

.dos_column{
    height: 400px;
}

.dos_column_inner_SX, .dos_column_inner_DX{
    height: 400px;
	word-break: normal;
}

.biciclette h2, .marchi h2 {
    padding: 0;
}

.biciclette h3 {
    margin: 10px 0 0;
}

.biciclette_inner p {
    font-size: 20px;
    line-height: 25px;
}

}

@media screen and ( max-width: 600px ) {
	
body.custom-background {
    background-position: -670px 0 !important;
}
	
h2, .heading-size-2 {
    font-size: 40px;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: 100%;
}

.home #site-content {
    margin-top: 535px;
}

.about {
    margin-top: 50px;
}

.officina_inner_container {
    display: initial;
}

.officina_inner {
    float: none;
    width: 100%;
    padding: 10px 20px;
    flex: 0;
	margin: 3px 0 0;
	font-size: 20px;
}

.officina_inner:nth-child(2){
width: 100%;
margin: 3px 0 0;
}

.officina h3 {
    font-size: 35px;
}

.biciclette_inner_container {
    display: initial;
}

.biciclette_inner {
    float: none;
    width: 100%;
    padding: 10px;
    flex: 0;
}

.dos_column_inner br {
    display: none;
}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0;
    background: #b7e1f8;
    color: #383838;
}

}

@media screen and ( max-width: 480px ) {
	
	body.custom-background {
    background-position: left -800px 0 !important; 
}

.site-logo img {
    max-height: 150px;
}

.home #site-content {
    margin-top: 595px;
}
	
.motto {
    font-size: 17px;
	text-align: center !important;
	line-height: 25px;
}

.motto span{
    font-size: 13px;
}

.officina_inner {
    font-size: 15px;
}

.biciclette p {
    padding: 10px 0;
    font-size: 18px;
    line-height: 25px;
}

.marchi_inner_container {
    display: block;;
    max-width: 1200px;
	height: 200px;
	margin-top: 50px;
}

.marchi_inner {
    width: 50%;
    padding: 50px;
    flex: 0;

}

.dos_column{
    height: 800px;
	background: none;
	background-image: none;
}	
.dos_column_inner_SX, .dos_column_inner_DX{
    float: none;
	width: 100%;
	height: 400px;
}		
	
}

@media screen and ( min-width: 1000px ) {
.menu-modal.active {
    background: none;
    transition: background-color 0.3s ease-out;
}
.menu-modal.cover-modal {
    background: none;
}

}

@media screen and ( min-width: 700px ) {

body.template-full-width .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: 100%;
}

h2, .heading-size-2 {
    font-size: 60px;
}

.archive-header {
    padding: 0;
}

.archive .section-inner {
    width: 100%;
}

.blog .section-inner {
    width: 100%;
}

.entry-categories {
    margin-bottom: 0;
}

.featured-media {
    margin: 10px 0 30px 0;
}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0;
    background: #b7e1f8;
    color: #383838;
}

#site-footer {
    background: #b7e1f8;
    color: #383838;
}

.footer-widgets-outer-wrapper {
    padding: 0;
}


}