/*
Theme Name: Costa
Theme URI: http://www.costa.co.il
Author: Studio Costa
Author URI: http://www.costa.co.il
Description: Studio Costa Custom Theme
Version: 2.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: costa
Tags: custom, costa

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

:root {--color1:#1f9a99;--color2:#f080b2}
* {margin:0;padding:0;list-style:none;outline:none;vertical-align:top;text-decoration:none;font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a[href],input[type='submit'],select,button {cursor:pointer;transition:all .2s linear}
body {cursor:default;font-family:'Rubik',arial;overflow-x:hidden}
img {max-width:100%;height:auto}
input,textarea,button {font-family:inherit;font-size:inherit;box-sizing:border-box}
.big404 {display:inline-block;font-size:15em;color:#fff;border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.h {margin:0 auto;position:relative;max-width:1200px}
.flx {min-width:100vw;min-height:100vh;background-image:linear-gradient(to right,#d4ffff,#fff);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px}
.flx_form {background-color:#fff;max-width:800px;box-shadow:5px 5px 20px rgb(31 154 153 / .3);border-radius:10px;padding:40px;box-sizing:border-box}
.flx_logo {margin:20px auto;display:block;border-bottom:2px var(--color2) solid;padding-bottom:20px}
.gchoice {margin-left:15px}
.gfield input[type=text],.gfield input[type=tel],.gfield input[type=email] {border:1px #ccc solid}
.gfield_radio {display:flex}
.gform_button {padding:20px 40px;background-color:var(--color1);border:0;color:#fff;font-weight:900;border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,.1)}
.gform_wrapper.gravity-theme label.gfield_label,
.gform_wrapper.gravity-theme legend.gfield_label {margin:0;color:#666}


.page404 {text-align:center;padding:80px}
.page404 a {display:inline-block;background:#c22114;color:#fff;padding:20px 40px}
.popup {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.9);margin:auto;position:relative;border-radius:5px;max-width:800px;opacity:0;transition:all .3s  ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.post-edit-link {position:fixed;bottom:0;right:50%;transform:translate(50%,40%);background-image:linear-gradient(to left,#89005E,#47005A);fill:#fff;border-radius:50% 50% 0 0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px #fff solid;box-shadow:0 0 5px rgba(0,0,0,.4);border-bottom:0}
.post-edit-link:hover {transform:translate(50%,0)}
.post-edit-link svg {width:30px;height:30px}

@media (max-width:800px){
	.header nav {position:fixed;top:80px;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;transform:scale(.5);opacity:0;transition:all .2s ease;filter:blur(20px);visibility:hidden}
	.header nav > ul {display:block}
	.header nav > ul > li > a {color:#6c5e5e;padding:10px}
	.header nav > ul > li.current-menu-item > a {background:transparent;border:1px #6c5e5e solid}
	.ll {display:block}
	.nav-close {transform:scale(.5);opacity:0}
	.openav {overflow:hidden}
	.openav .nav-close {transform:scale(.7);opacity:1}
	.openav .nav-open {transform:scale(.5);opacity:0}
	.openav .header nav {transform:scale(1);opacity:1;filter:blur(0);visibility:visible}
}

@media (max-width:600px){
	.wow {visibility:visible !important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
}

/* rubik-regular - hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/rubik-v12-hebrew-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v12-hebrew-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900 - hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('fonts/rubik-v12-hebrew-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v12-hebrew-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}