/*
Theme Name: Green Leaf
Theme URI: https://greenleafmedispa.com/
Author: Anton Takhovskii
Author URI: artweb.agency@gmail.com
Description: Child theme for Green Leaf Salon
Version: 1.8.0
License: GNU General Public License v2 or later
License URI: //www.gnu.org/licenses/gpl-2.0.html
Template: salon
*/

/* Add your custom styles below. The parent theme's styles are loaded automatically by default. If you need to change this, see functions.php */

/* -----------------------------------------
	Table of Contents
--------------------------------------------
.. 01. General
.. 02. Main Navigation
.. 03. Header
.. 04. Modules
.. 05. Footer
.. 06. Comments
.. 07. Widgets Styling
.. 08. WordPress defaults
.. 09. Mobile Menu
.. 10. External Plugins
.. 11. WooCommerce
.. 12. Global Mediaqueries
*/

/* -----------------------------------------
	01. General
----------------------------------------- */
/* Basic Typography
=================================== */

body {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Fira Sans", sans-serif;
}

h1 {font-size: 1.793em;}
h2 {font-size: 1.575em;}
h3 {font-size: 1.383em;}
h4 {font-size: 1.215em;}
h5 {font-size: 0.85em; font-weight: 500;}
h6 {font-size: 0.937em;}

/* General Element Styling
=================================== */
/* Reset figure margin from normalize.css */

/* Lists */

ul {
  margin: 0 0 20px 30px;
}

ol {
  margin: 0 0 20px 5px;
}

/* Blockquotes */

blockquote {
  font-family: "Farro", sans-serif;
  font-size: 1em;
  font-weight: 400;
}

blockquote cite {
	font-family: "Amaranth", sans-serif;
	font-size: 0.878em;
	font-weight: 400;
	font-style: italic;
}

/* Tables */

.entry-content table {
  border: 1px solid;
}

.entry-content table caption,
.entry-content table th,
.entry-content table td {
  border-bottom: 1px solid;
}

/* Code */

/* Various */

/* Embeds and iframes
=================================== */


/* General Form Styling
=================================== */

input,
textarea,
select {
	border: 1px solid;
	font-family: "Fira Sans", sans-serif;
	font-size: 1.067em;
	font-weight: 400;
	padding: 1.067em 15px;
}

/* Placeholder text color */

/* Buttons
=================================== */

.btn,
.comment-reply-link,
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
  font-size: 0.823em;
  font-weight: 500;
  border: 1px solid;
  border-radius: 2px;
  padding: 10px 16px;
}


.btn.btn-inverted,
input[type="button"].btn-inverted,
input[type="submit"].btn-inverted,
input[type="reset"].btn-inverted,
button.btn-inverted,
.button.btn-inverted,
.comment-reply-link.btn-inverted {
	border: 2px solid;
}


.btn.btn-xs,
.btn-xs.comment-reply-link,
input[type="button"].btn-xs,
input[type="submit"].btn-xs,
input[type="reset"].btn-xs,
button.btn-xs,
.button.btn-xs {
  font-size: 12px;
}

.btn.btn-lg,
.btn-lg.comment-reply-link,
input[type="button"].btn-lg,
input[type="submit"].btn-lg,
input[type="reset"].btn-lg,
button.btn-lg,
.button.btn-lg {
  font-size: 16px;
}
.col-xs-12.col-sm-6.col-md-4 .item-info .btn {
  font-size: 0.772em;
}
.col-xs-12.col-sm-6.col-md-4.col-lg-3 .item-info .btn {
  font-size: 0.678em;
}

/* Flexslider Overrides
=================================== */

.flex-direction-nav a {
  width: 2.645em;
  height: 2.645em;
}
.flex-direction-nav a:before {
  font-size: 2.323em;
}

.flex-direction-nav a.flex-prev,
.flexslider:hover .flex-prev {
  left: 2.041rem;
}
.flex-direction-nav a.flex-next,
.flexslider:hover .flex-next {
  right: 2.041rem;
}

/* Magnific Popup Overrides
=================================== */
.mfp-arrow:after {
	font-size: 4.233rem;
}

.mfp-counter {
	font-family: "Farro", sans-serif;
	font-size: 1em;
	padding: 10px;
}

/* Text Alignment Helpers
=================================== */

/* -----------------------------------------
	02. Main Navigation
----------------------------------------- */
#nav {
  top: 55px;
}

#navigation a {
    font-size: 0.95em;
    font-weight: 200;
  /* Global Menu Link Styles */
}

#navigation > li > a,
#navigation > li.current-menu-ancestor > a,
#navigation > li.current-menu-parent > a,
#navigation > li.current-menu-item > a,
#navigation > li.current_page_item > a,
#navigation > li.current > a {
	border-bottom: 2px solid;
}
#navigation > li > a:hover {
	border-bottom: 2px solid;
}
#navigation > li.sfHover > a,
#navigation > li.sfHover > a:active {
	border-bottom: 2px solid;
}


#navigation ul {
	border: none;
/* All Lower Level Menu Container Styles */
}

#navigation > li > ul {
  margin-left: -13px;
}

#navigation > li ul a {
	font-size: 0.778em;
	text-align: center;
 /* All Other Menu Level Link Styles */
}

#navigation.sf-arrows .sf-with-ul::after {  
  font-size: 0.678em;
  right: -5px;
  margin-top: -11px;
}

/* -----------------------------------------
	03. Header
----------------------------------------- */
#header {
	position: sticky;
}

.site-logo {
	font-family: "Amaranth", sans-serif;
	font-size: 1.913em;
	margin: 0;
}

/* -----------------------------------------
	04. Modules
----------------------------------------- */
/* Front Page Slider */
#home-slider .slides li {
	border-bottom: 1px solid;
	background-size: cover;
}


.slide-content {
	width: 55%;
	transform: translateX(40%)  translateY(-50%);
	-webkit-transform: translateX(40%)  translateY(-50%);
	padding: 60px 50px 70px;
}

.slide-title {
	font-family: "Amaranth", sans-serif;
	font-size: 2.822em;
}

.slide-subtitle {
	font-size: 1.383em;
	margin: 25px 0 28px;
}

.slider-btn {
	font-family: "Farro", sans-serif;
	font-size: 1.383em;
	font-weight: 500;
	border: 1px solid;
	border-radius: 20px;
	padding: 11px 24px;
}

/* Sections Styling */
.section-title {
	font-size: 1.575em;
	line-height: 1.383em;
	letter-spacing: 0.075em;
}
.section-title::after {
	width: 10%;
	left: 46.5%;
	border-bottom: 2px solid;
}


/* Item Styling */
.item {
	border: 1px solid;
	border-radius: 2px;
}

.item-media-thumb {
	border: 1px solid;
    border-radius: 5px;
}

.item-price {
	font-family: "Farro", sans-serif;
	font-size: 1.575rem;
}

.item-title-intro {
	font-family: "Farro", sans-serif;
	font-size: 1.067em;
	font-weight: 200;
}

.item-title-main {
	font-family: "Montserrat", sans-serif;
	font-size: 1em;
	line-height: 1.215em;
	letter-spacing: 2px;
	padding: 0 20px;
}
.col-xs-12.col-sm-6.col-md-4 .item-info .item-title-main {
  font-size: 1.138em;
}
.col-xs-12.col-sm-6.col-md-4.col-lg-3 .item-info .item-title-main {
  font-size: 1.067em;
}

.item-byline {
  font-family: "Farro", sans-serif;
  font-size: 0.878em;
  font-weight: 300;
}

.item-btn {
	border: 2px solid;
	border-radius: 2px;
}


.item-meta {
  table-layout: fixed;
  border-collapse: collapse;
  border-top: none;
}

.item-meta th, .item-meta td {
    font-family: "Fira Sans", sans-serif;
    font-size: 0.637em;
    line-height: 1.383em;
    letter-spacing: 0.035em;
    border-bottom: 1px solid;
}

.item-meta th {
	width: 64%;
	max-width: 64%;
	padding: 13px 0 13px 10px;
}
.item-meta td {
	text-align: right;
	width: 36%;
	max-width: 36%;
	padding: 13px 10px 13px 0;
}

/* Entry Styles */
.entry-title {
	font-size: 1.3em;
	font-weight: 200;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

.entry-meta {
	font-family: "Farro", sans-serif;
	font-weight: 400;
	font-size: 0.878em;
}

.entry-content {
  margin-bottom: 0.678em;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-weight: 400;
  letter-spacing: 0.065em;
}

.entry-content h1 {font-size: 1.913em;}
.entry-content h2 {font-size: 1.68em;}
.entry-content h3 {font-size: 1.476em;}
.entry-content h4 {font-size: 1.296em;}
.entry-content h5 {font-size: 1.138em;}

.entry-content img {
	border: 1px solid;
	border-radius: 2px;
	padding: 4px;
}

/* Pagination */
#paging > span,
#paging a,
.page-numbers li > span,
.page-numbers li a {
	font-family: "Farro", sans-serif;
	font-size: 1.067em;
	letter-spacing: 0.1em;
	border: 1px solid;
	border-radius: 2px;
}

/* Video Single */


/* Gallery Staple */
.tp-title {
  font-family: "Farro", sans-serif;
  font-size: 1em;
}

.tp-close {
  font-size: 2.323em;
}

/* Isotope Filtering */
.filters-nav .btn,
.filters-nav .comment-reply-link {
  font-family: "Farro", sans-serif;
  font-weight: 400;
}

/* -----------------------------------------
	05. Footer
----------------------------------------- */
#footer {
	padding: 30px 0 20px;
}

#footer .widget {
	margin: 0 0 20px;
}

#footer .widget-title {
	margin-bottom: 10px;
	font-size: 1.215rem;
	border: none;
}
#footer .widget-title::before {border: none;}
#footer .widget-title::after {border: none;}

#footer .widget ul li {border-bottom: 2px solid;}
#footer .widget ul li:last-of-type {
	border-bottom: 0;
}

.footer-credits {
	font-family: "Farro", sans-serif;
	font-size: 0.878em;
}

/* -----------------------------------------
   06. Comments
----------------------------------------- */

.bypostauthor > article .fn:before {
  font-size: 0.823em;
  margin: 0 4px 0 -2px;
}

.comment-metadata {
   font-family: "Farro", sans-serif;
	font-size: 0.772em;
}

.comment-content {
  font-size: 0.823em;
}

.comment-reply-link {
  font-size: 10px;
}

#cancel-comment-reply-link {
  font-size: 13px;
}

.form-allowed-tags,
.comment-notes {
  font-size: 12px;
}

/* -----------------------------------------
	07. Widgets Styling
----------------------------------------- */

.widget-title {
	border: 1px solid;
	border-radius: 3px;
	font-size: 1em;
	letter-spacing: 0.1em;
}

.widget-title::after {
  border-width: 11px;
  margin-left: -11px;
}
.widget-title::before {
  border-width: 12px;
  margin-left: -12px;
}

/* Sections */

/* WIDGET: #Categories Widgets
========================================= */
.widget_categories > ul li a {
  font-size: 1.215rem;
}

/* WIDGET: #Archive Widgets
========================================= */
.widget_archive > ul li a {
	font-family: "Farro", sans-serif;
	font-size: 1.138rem;
}

/* WIDGET: #CI Callout
========================================= */
section.widget_ci-callout {
	margin: 4% 0;
}
section.widget_ci-callout .widget-wrap,
.widget_ci-callout .widget-wrap {
	border-radius: 1px;
}

.widget-callout-title {
	font-family: "Amaranth", sans-serif;
	font-size: 1.296em;
	float: none;
	text-align: center;
}

section.widget_ci-callout .btn,
section.widget_ci-callout .comment-reply-link,
section.widget_ci-callout .btn.btn-inverted,
.widget_ci-callout .btn.btn-inverted {
	top: 20%;
	right: 20%;
	font-size: 1rem;
	border: none;
	border-radius: 4px;
}

/* WIDGET: #CI Items
========================================= */

/* WIDGET: #CI Split Content Widget
========================================= */
section.widget_ci-split-content h3 {
  font-size: 1.575em;
  letter-spacing: 0.12em;
}

.split-media {
	border: solid 1px;
}

/* WIDGET: #Contact Info
========================================= */
.ci-contact-info li {
	text-align: center;
	font-family: "Farro", sans-serif;
	letter-spacing: 0.08em;
}

.ci-contact-info li:first-of-type {
	font-size: 1.296em;
	font-weight: 600;
}

/* WIDGET: #List Widgets
========================================= */
.widget ul li {
	border-bottom: 1px solid;
}

.widget ul ul.children li:first-child {
	border-top: 1px solid;
}

/* WIDGET: #Search
========================================= */
.searchform .searchsubmit i {
	font-size: 1.383em;
	line-height: 0.1em;
}

/* WIDGET: #About
========================================= */

/* WIDGET: #Text Widget
========================================= */
.widget_text p,
.widget_text p:last-child {
	letter-spacing: 0.04rem;
}

/* WIDGET: #Twitter
========================================= */
.widget_ci_twitter_widget .twitter-time {
  font-size: 12px;
  font-weight: 300;
}

/* WIDGET: #Calendar
================================================== */
#wp-calendar {
  font-family: "Farro", sans-serif;
}

#wp-calendar caption {
  padding: 9px 9px 9px 1.575rem;
}

#wp-calendar thead {
  font-size: 0.772em;
}

#wp-calendar tbody td {
	border: 1px solid;
	background: none;
}

#wp-calendar tfoot #prev {
  font-size: 1.215em;
  padding: 0 0 0 0.678rem;
}
#wp-calendar tfoot #next {
  font-size: 1.215em;
  padding: 0 0.678rem 0 0;
}

/* -----------------------------------------
	08. WordPress Defaults
----------------------------------------- */
/* WordPress Galleries
=================================== */

.gallery-caption {
  font-size: 12px;  
}

/* WordPress Classes
=================================== */
/* Alignment */

/* Captions */
.wp-caption-text {
  font-size: 0.823em;
  margin: 3px 5px 0;
  padding: 10px 20px;
}

/* -----------------------------------------
  09.  MOBILE MENU
----------------------------------------- */

.menu-trigger,
.menu-trigger:focus {
  font-size: 2.041rem;
}

.mob-title {
	font-family: "Amaranth", sans-serif;
	font-size: 1.296em;
	font-weight: normal;
	line-height: 0.723em;
	display: none;
}

/* -----------------------------------------
	10. External Plugins
----------------------------------------- */
/* Isotope Animations */

/* Jetpack Sharing */

/* Jetpack contact form */

.entry-content .form-error h3 {
  font-size: 1.383em;
}

/* WP Instagram */

/* Chosen */

/* PrettyPhoto Overrides */

/* Elementor Styles */

/* -----------------------------------------
	11. WooCommerce
----------------------------------------- */
/* --------------------------------------------------------
WooCommerce - Products in Listing Page
----------------------------------------------------------- */


/* -----------------------------------------
WooCommerce - Shop Page
----------------------------------------- */

.shop-actions {
  font-size: 13px;
  font-weight: 400;
}

/* -----------------------------------------
WooCommerce - Product Page
----------------------------------------- */

.images a .img-overlay:after {
  font-size: 40px;
}

.thumbnails .woocommerce-product-gallery__image:after {
  font-size: 22px;
}

.onsale {
  font-size: 11px;
}

.product_meta {
  font-size: 11px;
}

.product .summary .price .amount {
  font-size: 20px;
}

.product .summary .price del .amount {
  font-size: 12px;
}

.product .summary h3 {
  font-size: 11px;
}

.product .summary .stock {
  font-size: 12px;
}

.variations label {
  font-size: 10px;
}

.variations .reset_variations {
  font-size: 10px;
}

.woocommerce-tabs .tabs li a {
  font-size: 11px;
}

.shop_attributes th,
.shop_attributes td {
  font-size: 12px;
}

.related h3 {
  font-size: 20px;
}

/* -----------------------------------------
	WooCommerce - Tables
----------------------------------------- */


/* -----------------------------------------
	WooCommerce - Cart Page
----------------------------------------- */

.shop_table th {
  font-size: 11px;
}

.shop_table .variation {
  font-size: 11px;
}

.shop_table .product-subtotal .amount {
  font-size: 14px;
}

.shop_table .product-remove .remove:after {
  font-size: 14px;
}

.coupon input {
  font-size: 14px;
}

#shipping_method label {
  font-size: 13px;
}

.cart_totals h2 {
  font-size: 11px;
}

.cart_totals table .order-total .amount {
  font-size: 16px;
}

.shipping-calculator-button {
  font-size: 14px;
}

.shipping-calculator-form input {
  font-size: 14px;
}

/* ---------------------------------------------
WooCommerce - Checkout Pages
------------------------------------------------ */

.woocommerce-checkout label {
  font-size: 11px;
}

#order_review .shop_table .order-total .amount {
  font-size: 16px;
}

.order_details li {
  font-size: 11px;
}

.shop_table.order_details .order-total .amount {
  font-size: 16px;
}

.bacs_details h3 {
  font-size: 11px;
}

.customer_details dt {
  font-size: 11px;
}

/* -----------------------------------------
WooCommerce - Address Page
----------------------------------------- */

.addresses .col-1 address,
.addresses .col-2 address {
  font-size: 14px;
}

/* --------------------------------------------
WooCommerce - Account Global
----------------------------------------------- */


/* -----------------------------------------
	WooCommerce - Messages
----------------------------------------- */


/* -----------------------------------------
	WooCommerce - Reviews
----------------------------------------- */


/* --------------------------------------------
WooCommerce - Product Widget
----------------------------------------------- */

.widget ul.product_list_widget li a {
  font-size: 16px;
}

.widget ul.product_list_widget li a.remove {
  font-size: 18px;
}

.widget ul.product_list_widget .reviewer {
  font-size: 11px;
}

/* --------------------------------------------------
WooCommerce - Price Range Widget
----------------------------------------------------- */

.price_slider_wrapper .price_slider_amount {
  font-size: 11px;
}

/* Light Scheme Color Specific */

/* -----------------------------------------
	12. Global Mediaqueries
----------------------------------------- */

@media (min-width: 1920px) {
/* Basic Typography
=================================== */
html {font-size: 22px;}
body {font-size: 22px;}
}


@media (min-width: 1600px) and (max-width: 1919px) {
/* Basic Typography
=================================== */
html {font-size: 21px;}
body {font-size: 21px;}
}


@media (min-width: 1280px) and (max-width: 1599px) {
/* Basic Typography
=================================== */
html {font-size: 20px;}
body {font-size: 20px;}
}


@media (min-width: 720px) and (max-width: 1279px) {
/* Basic Typography
=================================== */
html {font-size: 19px;}
body {font-size: 19px;}
/* Flexslider Overrides
=================================== */
.slide-title {font-size: 1.793em;}
/* Front Page Slider */
#home-slider {display: none;}
}

@media (min-width: 480px) and (max-width: 719px) {
/* Basic Typography
=================================== */
html {font-size: 18px;}
body {font-size: 18px;}
/* Text Alignment Helpers
=================================== */
#page {padding-top: 0; /* For mobile bar */}
/* Front Page Slider */
#home-slider {display: none;}
}


@media (min-width: 320px) and (max-width: 479px) {
/* Basic Typography
=================================== */
html {font-size: 17px;}
body {font-size: 17px;}
/* Text Alignment Helpers
=================================== */
#page {padding-top: 0; /* For mobile bar */}
/* Front Page Slider */
#home-slider {display: none;}
/* Sections Styling */
.section-title {
	font-size: 1.476em;
	line-height: 1.383em;}
.section-title:after {left: 50%;}
/* Item Styling */
.item-price {font-size: 0.678em;}
/* Entry Styles */
.entry-title {font-size: 1.296em;}
/* WIDGET: #CI Callout
========================================= */
section.widget_ci-callout .widget-wrap {margin: 0 0 20px;}
section.widget_ci-callout .btn,
section.widget_ci-callout .comment-reply-link {font-size: 0.6em;}
}


@media (max-width: 319px) {
/* Basic Typography
=================================== */
html {font-size: 16px;}
body {font-size: 16px;}
/* Text Alignment Helpers
=================================== */
#page {padding-top: 0; /* For mobile bar */}
/* Front Page Slider */
#home-slider {display: none;}
/* Sections Styling */
.section-title {
	font-size: 1.476em;
	line-height: 1.383em;}
.section-title:after {left: 50%;}
/* Item Styling */
.item-price {font-size: 0.678em;}
/* Entry Styles */
.entry-title {font-size: 1.296em;}
/* WIDGET: #CI Callout
========================================= */
section.widget_ci-callout .widget-wrap {margin: 0 0 20px;}
section.widget_ci-callout .btn,
section.widget_ci-callout .comment-reply-link {font-size: 0.3em;}
.widget-callout-title {font-size: 0.878em;}
}