/*
Theme Name: Foam
Theme URI: https://wordpress.com/themes/foam/
Description: Foam is a simple theme that supports full-site editing. It comes with a set of minimal templates and design settings that can be manipulated through Global Styles. Use it to build something beautiful.
Version: 1.0.1
Author: Automattic
Author URI: https://automattic.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foam
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}

input[type="text"]
{
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 50px;
	font-family: Fixel Text;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
	width: calc(75% - var(--wp--style--block-gap, .5em)*.25);
	margin: 0px 0px 20px 30;
    padding: 0px;
}
input[type="submit"]
{
	padding: 0px 15px;
    display: block;
    width: 160px;
    font-weight: 500;
    height: 50px;
    color: #fff;
    border: 1px solid #000;
    border-radius: 50px;
    font-size: 18px;
    font-family: Fixel Text;
    cursor: pointer;
    background-color: #0DAE55;
	margin: 40px 0px 0px 0px;
    transition: 0.3s ease all;
}

input[type="submit"]:hover {
    background: #d6fadc;
    color: #000;
} 

@media screen and (min-width: 300px) and (max-width: 700px) {
.viber_m {display: inline-block;}
.viber_c {display: none;}
}

@media screen and (min-width: 701px) {
.viber_m {display: none;}
.viber_c {display: inline-block;}
}

.button-64 {
  position: sticky;
  bottom: 0;
  align-items: center;
  background: #0DAE55;
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  font-family: Fixel Text;
  font-size: 20px;
  justify-content: center;
  line-height: 1em;
  max-width: 100%;
  min-width: 140px;
  padding: 19px 24px;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  cursor: pointer;
}

.button-64:active,
.button-64:hover {
  outline: 0;
  background: #d6fadc;
}

@media (min-width: 768px) {
  .button-64 {
    font-size: 24px;
    min-width: 196px;
  }
}