/*
Theme Name: Ssniff n Smell
Author: Sadique Ali Chandawala
Author URI: https://ssniffnsmell.com/
Theme URI: https://ssniffnsmell.com/
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: ssniff-n-smell
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.sidebar{ background: var(--wp--preset--color--primary); border-radius: 4px;}
a{text-decoration:none !important;}

.clavia_queen_of_silk
{   
    position:absolute;
    z-index:999;
    display:block;
    width:200px;
    right:-120px;
    top:20px;
}

.floralbg1
{
    background-position:auto !important;
    background-size:87px auto !important;
}


.floralbg2
{
 background-position:auto !important;
 background-size:223px auto !important;
}

.posrel
{
   position:relative;
}

.play_button
{
    position:absolute;
    right:-40px;
    top:200px;
}


.floralbg6
{
   background-size: 156px auto !important;
background-position:100% 0px;
}


.floralbg7
{
background-size: 200px auto !important;
background-position:100% 0px;
}


/* Layout */
.cf7-notebook-form .cf7-row {
  display: flex;
  gap: 40px;
  
}

.cf7-notebook-form .cf7-col {
  flex: 1;
}

.cf7-row-full {
  padding-bottom: 20px;
  padding-top:20px;
}

.cf7-notebook-form label {
  font-weight: 500;
  padding-bottom: 6px;
  display: block;
}

/* Notebook-style inputs */

.cf7-notebook-form input[type="text"],
.cf7-notebook-form input[type="email"]{margin-bottom: 20px;}

.cf7-notebook-form input[type="text"],
.cf7-notebook-form input[type="email"],
.cf7-notebook-form select,
.cf7-notebook-form textarea {
  width: 100%;
  border: none;
  border-bottom: 2px solid #000;
  background: transparent;
  padding: 6px 0;
  font-size: 16px;
  outline: none;
}

.cf7-notebook-form textarea {
  resize: none;
}

/* Focus effect */
.cf7-notebook-form input:focus,
.cf7-notebook-form textarea:focus,
.cf7-notebook-form select:focus {
  border-bottom-color: #ff7a00;
}

/* Button */
.cf7-notebook-form input[type="submit"] {
  background: transparent;
  border: 2px solid #000;
  padding: 12px 30px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cf7-notebook-form input[type="submit"]:hover {
  background: #000;
  color: #fff;
}

.cf7-notebook-form .center {
  text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
  .cf7-notebook-form .cf7-row {
    flex-direction: column;
  }
}


.pen_icon
{
	position: absolute;
	left:50px;
	top:-50px;
	width: 100px;
	display: block;
	z-index: 50;
}

.flowerbg9{background-size: 145px auto !important;}



.line-form .field {padding-bottom: 20px;}

.line-form .field input,
.line-form .field textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #aaa;
    background: transparent;
    padding: 10px 5px;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
    color: #fff;
}

.line-form .field textarea {
    min-height: 50px;
    resize: none;
}

.line-form .field input:focus,
.line-form .field textarea:focus {
    border-bottom: 2px solid #000;
}

.line-form ::placeholder {
    color: #888;
}

.wp-block-button input[type="submit"] {
    margin-top: 20px;
    background: linear-gradient(90deg,rgb(207,175,63) 0%,rgb(245,235,133) 50%,rgb(207,175,63) 100%);
    color: #000;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
    transition: 0.3s;
  font-weight: bold;
}