/*
Theme Name: IBIZA DELIVERY SERVICE
Author: INMEDIA Studios Ibiza
Version: 2.0.3
*/

body {
  font-family: 'Raleway', sans-serif;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 992px) {
  .vertSpacer {
    position: absolute;
    right: -10px;
    top: 20px;
    bottom: 30px;
    background-image: url(images/spacer_vertical.png);
    background-repeat: no-repeat;
    width: 15px;
  }
  .horispacer {
    height: 35px;
    background-image: url(images/spacer_horizontal.png);
    background-size: 70%;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
.themap {
  margin-top: 30px;
}
.contactform {
  margin-top: 90px;
}
.content {
  margin-bottom: 50px;
}
.fieldform {
  margin-bottom: 15px;
}
.headlineorder {
  margin-bottom: 20px;
  text-align: center;
  margin-top: 10px;
}
.orderformfull {
  margin-top: 40px;
  margin-bottom: 20px;
  color: white;
}
.logotop {
  background-color: #009fe3;
  /* Old browsers */
  padding: 10px;
}
a:hover {
  text-decoration: none;
}
#introtop {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-position: center 50px;
  width: 100%;
  position: relative;
}
.introheadline {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 38px;
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: center;
  bottom: 10vh;
  position: absolute;
  right: 0px;
  left: 0px;
}
@media (min-width: 768px) {
  .introheadline {
    background-color: white;
    font-size: 48px;
    padding-top: 11px;
    padding-bottom: 20px;
    text-align: center;
    bottom: 3vh;
    position: absolute;
    right: 0px;
    left: 0px;
  }
  #introtop {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center top;
    width: 100%;
    position: relative;
    background-attachment: fixed;
  }
}
.page h1 {
  margin-top: 40px;
  font-size: 38px;
  margin-bottom: 40px;
}
.wow {
  visibility: hidden;
}
.titleCat {
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 20px;
}
.titleCat a {
  color: #003b69;
}
.menu ul {
  margin-top: 30px;
}
.menu ul li:first-child {
  margin-top: -8px;
}
.menu ul li {
  list-style: none;
  float: right;
}
.menu ul li a {
  padding: 30px;
  color: #003b69;
}
.gradientbg .menu ul li a {
  padding: 30px;
  color: white;
}
.gradientbg .menu ul li:first-child {
  margin-top: -7px;
}
@media (max-width: 768px) {
  .fbSmall {
    position: absolute;
    top: -10px;
    right: 10px;
  }
}
.description {
  margin-bottom: 30px;
}
.center {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .logotop {
    margin-top: 20px;
    background-color: transparent;
    padding: 0px;
  }
}
header {
  position: relative;
  z-index: 9999;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}
footer {
  padding-top: 20px;
  margin-top: 30px;
  padding-bottom: 20px;
}
footer {
  color: white;
}
#form {
  margin-bottom: 50px;
}
.headline {
  margin-top: 20px;
  background: -webkit-linear-gradient(left, #00a1de, #35b4a1);
  background: linear-gradient(right, #00a1de, #35b4a1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 42px;
}
.relative {
  position: relative;
}
.gradientbg {
  background: #009fe3;
  /* Old browsers */
  background: -moz-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009fe3), color-stop(100%, #35b4a1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* IE10+ */
  background: linear-gradient(to right, #009fe3 0%, #35b4a1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fe3', endColorstr='#35b4a1', GradientType=1);
  /* IE6-9 */
}
.frm_style_formidable-style.with_frm_style input[type=submit] {
  color: white;
  float: right;
  background: #009fe3;
  /* Old browsers */
  background: -moz-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009fe3), color-stop(100%, #35b4a1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #009fe3 0%, #35b4a1 100%);
  /* IE10+ */
  background: linear-gradient(to right, #009fe3 0%, #35b4a1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fe3', endColorstr='#35b4a1', GradientType=1);
  /* IE6-9 */
}
.paddinghome {
  text-align: center;
  line-height: 24px;
  color: white;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.buyingcontainer {
  min-height: 550px;
}
.productlisting {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.panel-default {
  border: 0px;
}
.panel {
  border-radius: 0px;
}
.headlinesproducts {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 15px;
}
.panel-title a {
  color: white;
}
.productlisting select {
  margin-right: 15px;
}
.productlisting select {
  border: 0px;
  background-color: white;
  min-width: 52px;
}
.basketObj {
  margin-top: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/**background-image:url(images/bg.jpg); background-repeat: repeat;
**/
.basketTotal {
  background-color: #00a7ff;
  padding: 20px;
  width: 100%;
  min-height: 310px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .basketTotal {
    background-color: #00a7ff	;
    padding: 20px;
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Safari */
    transform: rotate(7deg);
    width: 90%;
    margin: 0px auto;
    min-height: 310px;
    margin-bottom: 40px;
  }
}
@media (max-width: 640px) {
  .text {
    margin-top: 20px;
  }
  .basketTotal {
    margin-top: 50px;
  }
}
.borderleft {
  border-left: 3px solid #35b4a1;
}
.previewimage {
  padding-top: 60px;
}


.trn{transform: rotate(90deg);}
.show{display:block;
}

	.menu { display:none; }
	.trigger{ display:block;

		text-align: right;
		font-size:30px;
		color:#013A67;

	}

	.menu ul li a{

		padding:15px;
	}

	.langs{display:none;}
@media(max-width:640px){

	.menu{margin-top:50px;}


}


@media(max-width:992px){
ul.langs li:first-child	{ margin-top:0px; }
		.menu{margin-top:50px;}
				.fbSmall{	position: absolute;
			    top: 47px;
			    right: -2px;

			}
.langsmall,.fbSmall{display:none;}

	.langs{width:73%;display:block; margin:50px auto;}
	.menu ul li{
		text-align: center; padding-bottom:10px;
		float:none; display:block;

	}
	ul.langs li{ float:left; }

	ul{padding-left:0px;}
	.gradientbg .menu ul li:first-child{


		margin-top:0px;

	}
		.gradientbg .menu ul li {

		}
		.gradientbg .menu ul li a{
			padding:15px !important;
		}

}


@media(min-width:992px){

	.trigger{ display:none;}
	.menu { display:block; }
	 .menu ul li a{ padding:30px;}
}




.menu ul li .langsmall a { padding:0px;}
.menu ul li .langsmall { margin-top:-7px;}


/* `mixins
----------------------------------------------------------------------------------------------------*/


form#pay label a {
  color: white;
  text-decoration: underline;
}

form#pay label a:hover {
  opacity: .5;
}


/* Mobile style adjustments */

@media (max-width: 767px) {

  .productlisting>.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 0;
  }

  .productlisting>.row>br {
    display: none;
  }

  .productlisting>.row>div {
    padding: 0;
    width: auto;
  }

  .productlisting>.row>div.col-xs-7 {
    order: -1;
    width: 100%;
  }

  .productlisting>.row>div.col-md-1 {
    width: 10rem;
  }

  .productlisting>.row>div.hidden-xs {
    display: block !important;
  }

  .productlisting>.row>div.col-md-3.col-xs-2 {
    margin-right: auto;
  }

  .productlisting>.row>div.gradientbg {
    width: 100%;
  }

  .productlisting>.row>div select {
    border: 1px solid #049fe27a;
    height: 3rem;
    border-radius: 0.2rem;
  }

}