/* ----------------- VERSION 02 Mobile ------------------------- */


/* -----------------------   MOBILE  ----------------------------- */

@media only screen and (max-width: 799px) {
    
html , body {
max-width: 100vw ;
	overflow-x: hidden;
}	
	
#cssmenuMob {

}

#logoMobile {
	max-width: 100px;
    min-height: 100px;
    float: left;
}
	
#menuToggle {
	float: right
}

#GBmenuMobile {
    padding-top: 40px;
    padding-right: 10px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
	width:40px ;
}

input[type=checkbox]:checked ~ #cssmenuMob {
    display: block;
	position: fixed;
	left: 0;
}

.fa-bars:before {
    content: "\f0c9";
    font-size: 2.5em;
    color: white;
}
	
	#topBar {
        width: 100%;
        min-height: 50px;
        position:fixed;
        top: 0;
        background-color: #6A8A46;
		z-index: 1000;
		overflow: hidden;
    }
	
	#topBar img { 
		float: left ;
		padding: 10px
	}
	
#blogTitle {
    font-family: 'Arimo', sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 500;
	max-width: 70%;
    color: white;
    min-height: 90px !important;
    display: flex;
    align-items: end;
}
	
#blogTitle a:link {
	color: white;
}	

#blogTitle a:visited {
	color: white;
}	

	#GB_Banner {  max-height: 100px; }	
	
	#block_Subtitle { display: none }
	
	#containerFlags {
    position: absolute;
    right: 8px;
	top: 10px; 
    width: 36px;
    text-align: center;
    color: white;
    border: thin solid;
    opacity: 0.8;
    font-size: .9em;
}
	
	
#title_block {

}



#theMenu {
	position: absolute ;
	top: 20px;
	}
	
#GBmenuDesktop { display: none } 


/* -----------------------  END MENUS ----------------------------- */

	
#GB_Banner_small {
    min-height: 100px;
}

#theBlocks {
    margin-left: 0;
	transform: translateY(100px);
	max-width: 100%;
}

#theContent {	

	}

#cardFrontNea {
		max-width:400px ;
		padding: 0;
        height: 250px;
	}
	
	.fxCard {
		border: none ;	
	}
	
	.fxCard::before, .fxCard::after {
		display: none;
	}

#postContent {

    margin: 0;
    display: inline-block;
}
	
#cardExcerpt { 
	display:none ;
	} 

.textPost img , .wp-block-image img {
	min-width: 100% ;
	}
	
#Nea_News {
	height: 320px
	}
	
.contactBlock {
    width: 100%;
    max-width: 100%;
}
	
#contact_legal {
	padding-bottom: 20px;
}	
	
} /* -----------------------   END MOBILE  ----------------------------- */


@media only screen and (max-width: 600px) {
.wp-block-image .alignleft {
min-width: 100% ;
	margin: 0 auto;
	}
}

@media only screen and (max-width: 500px) {
    #blogTitle {
        max-width: 50%;
    }
}

@media only screen and (max-width: 350px) {
    #blogTitle {
       display: none;
    }
}