/* 
Theme Name: Soma Restaurant
Theme URI: https://github.com/elementor/hello-theme/
Description: Soma Restaurant thema
Author: UNIKAVI - Brand Builders
Author URI: https://www.unikavi.be
Template: hello-elementor
Version: 2.3.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.grecaptcha-badge { visibility: hidden; }

/*=====================
=    Basic forms      =
=====================*/
fieldset {
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  padding: 1.33333rem;
  margin-bottom: 1.33333rem; 
  }
fieldset legend {
  padding: 0.33333rem 0.5rem;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  margin-bottom: 0; 
  }

legend {
  color: #253237;
  font-size: 1.16667rem;
  line-height: 1.14286;
  font-weight: 600;
  margin-bottom: 1.33333rem;
  }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #D0823D;
  font-size: 1.0em;
  background: transparent !important;
  font-family: "Vollkorn", Sans-serif; }
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #D0823D;
  font-size: 1.0em;
  background: transparent !important;
  font-family: "Vollkorn", Sans-serif; }
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #D0823D;
  font-size: 1.0em;
  background: transparent !important;
  font-family: "Vollkorn", Sans-serif; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #D0823D;
  font-size: 1.0em;
  background: transparent !important;
  font-family: "Vollkorn", Sans-serif; }


textarea {
  resize: none;
  height: 12.50rem !important;
  border:none;
  font-family: "Vollkorn", Sans-serif;
  }

.elementor-widget-form .elementor-button[type="submit"]:hover {
    border: 2px solid #D0823D;
}


/* custom checkbox styling for contact form 7 checkbox */
.wpcf7-list-item-label {
  margin-left: 35px;
  display: inline-block;
  margin-top:4px;
  color:#ffffff;
  font-family: "Vollkorn", Sans-serif;
  }

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

.wpcf7-form-control.wpcf7-acceptance {
  display: block;
  margin-bottom: 0px;
  margin-top:-5px;
  }

.wpcf7-form-control.wpcf7-acceptance label {
  position: relative;
  cursor: pointer;
  line-height: 1.4em;
  font-size:0.9em!important;
  }


.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  }

.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 0;
  height: 18px;
  width: 18px;
  top: 5px;
  left: 0px;
  border: 2px solid #D0823D;
  background-color: #ffffff;
  }

.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #123155;
  transform: rotate(-45deg);
  height: 5px;
  width: 9px;
  left: 5px;
  top: 10px;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  }

.wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before {
  background-color: #d9e021;
  }

.wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after {
  visibility: visible;
  }

textarea,
input[type='text'],
input[type='button'],
input[type='submit'],
input[type='search'] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important; }

input[type='checkbox'],
input[type='radio'] {
  display: inline-block !important; }

label {
  display: inline-block;
  font-size: 1.16667rem;
  line-height: 1.14286;
  margin-bottom: 0.33333rem; }


progress {
  width: 100%; }


.wpcf7 {
  margin: 0 auto !important;
}
.wpcf7 .wpcf7-form {
  font-family: "Adam CG Pro" !important;
}
.wpcf7 .wpcf7-form .row {
  margin-left: -5px;
  margin-right: -5px;
}
.wpcf7 .wpcf7-form .row [class*="wp-col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.wpcf7 .wpcf7-form .row.custom {
  margin-left: -15px;
  margin-right: -15px;
}
.wpcf7 .wpcf7-form .row.custom [class*="wp-col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.wpcf7 .wpcf7-form .row.custom input,
.wpcf7 .wpcf7-form .row.custom select,
.wpcf7 .wpcf7-form .row.custom textarea {
  margin-bottom: 30px;
}
.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form select,
.wpcf7 .wpcf7-form textarea {
  margin-bottom: 15px;
}


/* custom upload button styling elementor for Get ICT done */

.wpcf7 .form-control input[type="file"] {
  background-color:#ffffff;
  border:0px;
  padding: 0rem 0rem !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #202020;
}

.elementor-field.elementor-upload-field::-webkit-file-upload-button {
  visibility: hidden;
}
.elementor-field.elementor-upload-field:before {
  content: '+ CV';
  display: inline-block;
  background-color: #D0823D!important;
  border: 2px solid #D0823D;
  border-radius: 10px;
  padding: 5px 12px 5px 12px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 0.95em;
  font-weight: 700;
  color:#ffffff;
}
.elementor-field.elementor-upload-field:hover::before {
  background-color:#F5864D !important;
  color:#FFFFFF;
  border: 2px solid #F5864D;
}
.elementor-field.elementor-upload-field:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}


/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7-form-control.wpcf7-acceptance {
display: block;
margin-bottom: 20px;
}
.wpcf7-form-control.wpcf7-acceptance label {
position: relative;
cursor: pointer;
line-height: 1.4em;
font-size:0.9em!important;
}
.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 18px;
height: 18px;
top: 0;
left: 0;
}
.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 18px;
width: 18px;
top: 5px;
left: 0px;
border: 2px solid #D0823D;
}
.wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: #D0823D;
transform: rotate(-45deg);
height: 5px;
width: 9px;
left: 5px;
top: 10px;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}
.wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 35px;
display: inline-block;
}
.wpcf7 .wpcf7-form input[type="submit"] {
  background-color: #D0823D !important;
  border:2px solid #D0823D;
  color: #fff;
  width: 100%;
  font-size: 0.95em;
  font-weight: 700;
  font-family: "Adam CG Pro", Open Sans;
  padding: 12px 0;
  transition: all .3s;
  border-radius:0px;
}
.wpcf7 .wpcf7-form input[type="submit"]:hover,
.wpcf7 .wpcf7-form input[type="submit"]:focus {
  background-color: #ffffff !important;
  color:#D0823D !important;
  border:2px solid #D0823D !important;
  cursor: pointer;
  transform: translateY(-8px);
  transition: all .3s;
}

.wpcf7 .wpcf7-form label {
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Adam CG Pro";
}
.wpcf7 .wpcf7-validation-errors {
  border: 1px solid #212121;
  margin: 0 0 30px;
}
.wpcf7 .ajax-loader {
  position: absolute;
  top: 45%;
  left: 50%;
}
.wpcf7 .form-control input[type="file"] {
  background-color:#ffffff;
  border:0px;
  padding: 0rem 0rem !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #202020;
}

.wpcf7 .form-control::-webkit-file-upload-button {
  visibility: hidden;
}
.wpcf7 .form-control:before {
  display: inline-block;
  background-color: #D0823D!important;
  border: 2px solid #D0823D;
  border-radius: 0px;
  padding: 5px 12px 5px 12px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 0.95em;
  font-weight: 700;
  color:#ffffff;
}
.wpcf7 .form-control:hover::before {
  border: 2px solid #D0823D;
  background-color:#ffffff;
  color:#D0823D;
}
.wpcf7 .form-control:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

  @media (max-width: 480px) {

.wpcf7 input[type='submit'] {
  font-size: 1.0em !important; }

.wpcf7 input[type='text'] {
  font-size: 18px !important; }

.wpcf7 textarea {
  font-size:18px !important; 
  }

.wpcf7 select {
  font-size:18px !important; 
 }

.wpcf7 input[type='tel'] {
  font-size:18px !important;  }

.wpcf7 input[type='email'] {
  font-size:18px !important;  }
}

div.wpcf7-response-output {
  margin: 0em 0em 0em!important;
  padding: 0.5em 0.5em 0.5em 1.0em!important;
  border: 2px solid #c59277;
  color:#ffffff;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #c59277 !important;
    background-color: #c59277 !important;
}

div.wpcf7-mail-sent-ok {
  border:0px !important;
  background-color: #c59277 !important;
  color: #ffffff !important;
  border-left: 10px solid #c59277 !important;
  font-weight:bold !important;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
  border:0px !important;
  background-color: #c59277 !important;
  color: #ffffff !important;
  font-weight:bold !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  font-family: "Adam CG Pro", Sans-serif!important;
  font-size: 0.9em!important;
  border-color: #c59277;
  color: #ffffff !important;
  background-color: #c59277 !important;
}

div.wpcf7-spam-blocked {
  border:0px !important;
  background-color: #c59277 !important;
  color: #ffffff !important;
  border-left: 10px solid #c59277 !important;
  font-weight:bold !important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border:0px !important;
  background-color: #0b1d31 !important;
  color: #d5d5d5 !important;
  border-left: 10px solid #c59277 !important;
  font-weight:200 !important;
}

.wpcf7-form-control-wrap {
  position: relative;
}

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #ff0000;
  background: #fff;
  padding: .2em .8em;
}

div.wpcf7 .ajax-loader {
  background-image: url('https://soma.restaurant/wp-content/themes/restaurant-soma/form-loader.gif') !important;
}

/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/


[class*='grid'],
[class*='colfortuingrid-'],
[class*='mobile-'],
.grid:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

[class*='colfortuingrid-'] {
  float: left;
  min-height: 1px;
  padding-right: 25px; /* column-space */
}

[class*='colfortuingrid-'] [class*='colfortuingrid-']:last-child {
  padding-right: 0;
}

.grid {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}
/*
.grid-pad {
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 0px; 
}
*/
.push-right {
  float: right;
}

/* Content Columns */

.colfortuingrid-1-1 {
  width: 100%;
}
.colfortuingrid-2-3, .colfortuingrid-8-12 {
  width: 66.66%;
}

.colfortuingrid-1-2, .colfortuingrid-6-12 {
  width: 50%;
}

.colfortuingrid-1-3, .colfortuingrid-4-12 {
  width: 33.33%;
}

.colfortuingrid-1-4, .colfortuingrid-3-12 {
  width: 25%;
}

.colfortuingrid-1-5 {
  width: 20%;
}

.colfortuingrid-1-6, .colfortuingrid-2-12 {
  width: 16.667%;
}

.colfortuingrid-1-7 {
  width: 14.28%;
}

.colfortuingrid-1-8 {
  width: 12.5%;
}

.colfortuingrid-1-9 {
  width: 11.1%;
}

.colfortuingrid-1-10 {
  width: 10%;
}

.colfortuingrid-1-11 {
  width: 9.09%;
}

.colfortuingrid-1-12 {
  width: 8.33%
}

/* Layout Columns */

.colfortuingrid-11-12 {
  width: 91.66%
}

.colfortuingrid-10-12 {
  width: 83.333%;
}

.colfortuingrid-9-12 {
  width: 75%;
}

.colfortuingrid-5-12 {
  width: 41.66%;
}

.colfortuingrid-7-12 {
  width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
  margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
  margin-left: 50%;
}

.push-1-3, .push-4-12 {
  margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
  margin-left: 25%;
}

.push-1-5 {
  margin-left: 20%;
}

.push-1-6, .push-2-12 {
  margin-left: 16.667%;
}

.push-1-7 {
  margin-left: 14.28%;
}

.push-1-8 {
  margin-left: 12.5%;
}

.push-1-9 {
  margin-left: 11.1%;
}

.push-1-10 {
  margin-left: 10%;
}

.push-1-11 {
  margin-left: 9.09%;
}

.push-1-12 {
  margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px; /* grid-space to left */
    padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
  }

  [class*='colfortuingrid-'] {
    width: auto;
    float: none;
    margin: 10px 0;
    padding-left: 0;
    padding-right: 10px; /* column-space */
  }

  [class*='colfortuingrid-'] [class*='colfortuingrid-'] {
    padding-right: 0;
  }

  /* Mobile Layout */

  [class*='mobile-colfortuingrid-'] {
    float: left;
    margin: 0 0 10px;
    padding-left: 0;
    padding-right: 10px; /* column-space */
    padding-bottom: 0;
  }

  .mobile-colfortuingrid-1-1 {
    width: 100%;
  }
  .mobile-colfortuingrid-2-3, .mobile-colfortuingrid-8-12 {
    width: 66.66%;
  }

  .mobile-colfortuingrid-1-2, .mobile-colfortuingrid-6-12 {
    width: 50%;
  }

  .mobile-colfortuingrid-1-3, .mobile-colfortuingrid-4-12 {
    width: 33.33%;
  }

  .mobile-colfortuingrid-1-4, .mobile-colfortuingrid-3-12 {
    width: 25%;
  }

  .mobile-colfortuingrid-1-5 {
    width: 20%;
  }

  .mobile-colfortuingrid-1-6, .mobile-colfortuingrid-2-12 {
    width: 16.667%;
  }

  .mobile-colfortuingrid-1-7 {
    width: 14.28%;
  }

  .mobile-colfortuingrid-1-8 {
    width: 12.5%;
  }

  .mobile-colfortuingrid-1-9 {
    width: 11.1%;
  }

  .mobile-colfortuingrid-1-10 {
    width: 10%;
  }

  .mobile-colfortuingrid-1-11 {
    width: 9.09%;
  }

  .mobile-colfortuingrid-1-12 {
    width: 8.33%
  }

  /* Layout Columns */

  .mobile-colfortuingrid-11-12 {
    width: 91.66%
  }

  .mobile-colfortuingrid-10-12 {
    width: 83.333%;
  }

  .mobile-colfortuingrid-9-12 {
    width: 75%;
  }

  .mobile-colfortuingrid-5-12 {
    width: 41.66%;
  }

  .mobile-colfortuingrid-7-12 {
    width: 58.33%
  }

  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}