/*
Theme Name: alpiq2
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

.content {
	margin: auto;
	max-width: 1200px;
	box-sizing: border-box;
	padding:  20px;
}


.wpulike > div {
background-color: #fff;
}

.logo {
	width: 100%;
	margin-left: 0%;
	margin-top: 20px;
}

strong {
	font-weight: 700;
}

.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after {
    filter: invert(26%) sepia(87%) saturate(4321%) hue-rotate(353deg) brightness(102%) contrast(102%) !important;
}




/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body { font-family: Sora;
  font-weight: 700;
	font-size: 14px;
width: 100%;
background-color: #EBFAFF;
}

body, html {
width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

p.klein {
	font-size: 12px;
	float: right;
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

a.link-btn{
    color: black;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 1px;
    border: 1px solid var(--Green, #243B26);
    background: var(--Orange, #FF5400);
    box-shadow: 0px 0px 0px 5px #FF5400, 0px 0px 0px 6px #243B26, 5px 5px 0px 5px rgba(0, 0, 0, 0.30);
    height: 30px;
    background-color: #fff;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 2px 20px;
}

a.small-link{
	font-size: 10px;
	color: #FF5400;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }




.count-box {
	display: none !important;
}
.wpulike {
	float: left;
	margin-right: 20px;
}
.like {
    display: block;
    position: relative;
    line-height: normal;
    margin: 0;
    padding: 10px 0 0 0;
	margin-top: -74px;
	margin-left: 10px;
}

h3.weiss {
	color: #fff;
	text-shadow: #000 1px 0 10px;
	padding-top: 2px;
}


/* Print styles!
-------------------------------------------------------------------------------*/
/* Base styles */
#timeline {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
#timeline > div {
	box-sizing: border-box;
	padding: 10px;
	width: 33.333%;

}


#winner div.item{
	min-width: 150px;
	width: 30%;
    margin: 20px auto;
}

#winner{
	background: #C8DAD0;
    padding: 30px 0;
    border-style: solid;
    border-radius: 5px;
    margin: 20px;
}

#winnertitle{
	text-align: center;
	margin-bottom: 10px;
}

#winnerlikes{
	text-align: center;

}

#match3{
	position: absolute; 
	top: 0;
	left: 0;
	height: 100%;
	aspect-ratio: 9/16;
	border: none
}

.center,
.gform_footer top_label{
	text-align: center;
}

.gform_button.button {

	margin: auto;
	border-radius: 1px;
border: 1px solid var(--Green, #243B26);
background: var(--Orange, #FF5400);
 box-shadow: 0px 0px 0px 5px #FF5400,
	 0px 0px 0px 6px #243B26,
	 5px 5px 0px 5px rgba(0, 0, 0, 0.30);
	
	height: 30px;
	
	
	background-color: #fff;
	
	font-family: Sora;
font-size: 16px;
font-style: normal;
font-weight: 700;
	padding: 0 20px;
}

.gform_button.button:hover {

margin: auto;
border-radius: 1px;
border: 1px solid var(--Green, #243B26);
background: var(--Orange, #FF5400);
box-shadow: 0px 0px 0px 5px #FF5400,
	 0px 0px 0px 6px #243B26,
	 7px 7px 0px 5px rgba(0, 0, 0, 0.30);
height: 30px;
background-color: #fff;
font-family: Sora;
font-size: 16px;
font-style: normal;
font-weight: 700;
padding: 0 20px;
	 color: #000000;
}

a:hover {
	 color: #000000;
}

.proz60 {
	width: 60%;
}
button.gpfup__select-files, .button {

	margin: auto;
	border-radius: 1px;
border: 1px solid var(--Green, #243B26);

 box-shadow: 0px 0px 0px 5px #6C8ABF,
	 0px 0px 0px 6px #243B26,
	 5px 5px 0px 5px rgba(0, 0, 0, 0.30);
	
	height: 25px;
	
	
	background-color: #fff;
	
	font-family: Sora;
font-size: 14px;
font-style: normal;
font-weight: 700;
	padding: 0 20px;
	 color: #000000;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{
	background-color: #FF5400 !important;
}

.gf_progressbar_percentage span{
	display: none !important;
}

.gform_previous_button.button{
	display: none;
}


 .button {

	margin: auto;
	text-decoration: none;
	border-radius: 1px;
	border: 1px solid var(--Green, #243B26);
	color: #000000;

	box-shadow: 0px 0px 0px 5px #FF5400,
	 0px 0px 0px 6px #243B26,
	 7px 7px 0px 5px rgba(0, 0, 0, 0.30);
	
	height: 25px;
	
	
	background-color: #fff;
	
	font-family: Sora;
font-size: 14px;
font-style: normal;
font-weight: 700;
	padding: 0 20px;
}







.gpfup__droparea  {
	padding: 50px !important;
	height: 12rem !important;
}
.gpfup__droparea > div {
    display: block !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
}.gpfup__droparea > div > span:nth-child(1) {
	margin-bottom: 20px;
}




.gpfup__droparea > div > span {
	display: block;
}
.ginput_container.ginput_container_text input {
	border: none ;
	border-bottom: 1px solid #243B26
}



#field_1_2 > label {
	display: none;
}


/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {

}

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

@media screen and (max-width: 850px) {
	#match3{
		position: absolute; 
		top: 0;
		left: 0;
		width: 100%;
		aspect-ratio: 16/9;
		border: none
	}
}

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


.item img {
	width: 100%;
}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw

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

} */