/*
Theme Name: Greenness Custom
Theme URI: https://greenness.ca
Author: Anton Takhovskii
Author URI: https://twitter.com/T_a_h_o
Description: Child theme for Greenness Cosmetics Canada
Version: 2.5.4
License: GNU General Public License v2 or later
Template: themify-ultra
*/

/*
 * 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 CONTENT

1.  Reset
2.  General Styling (default font, color, lists, headings, form elements, etc.)
3.  Structure (page width & layout containers)
4.  Grid (column width)
5.  Header (logo, tagline, social widget, search form, main menu)
6.  Page (page title, author page, pagination)
7.  Post (post layouts & styling, comments, post navigation)
    7.1 Portfolio Post Type
8.  Sidebar
    8.1 Widget Styles
9.  Footer
10. Builder Styling
11. WordPress Formatting
12. Gallery
13. Clear & Alignment
--------------------------------------------------------------------------------------*/
/* Amaranth Font 
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: url('custom-fonts/amaranth-regular.woff2') format('woff2'),
		url('custom-fonts/amaranth-regular.woff') format('woff'),
		url('custom-fonts/amaranth-regular.ttf') format('truetype'),
		url('custom-fonts/amaranth-regular.svg#Amaranth-Regular') format('svg');
}
@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 400;
  src: url('custom-fonts/amaranth-italic.woff2') format('woff2'),
       url('custom-fonts/amaranth-italic.woff') format('woff'),
       url('custom-fonts/amaranth-italic.ttf') format('truetype'),
       url('custom-fonts/amaranth-italic.svg#Amaranth-Italic') format('svg');
}
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 700;
  src: url('custom-fonts/amaranth-bold.woff2') format('woff2'),
       url('custom-fonts/amaranth-bold.woff') format('woff'),
       url('custom-fonts/amaranth-bold.ttf') format('truetype'),
       url('custom-fonts/amaranth-bold.svg#Amaranth-Bold') format('svg');
}
@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 700;
  src: url('custom-fonts/amaranth-bolditalic.woff2') format('woff2'),
       url('custom-fonts/amaranth-bolditalic.woff') format('woff'),
       url('custom-fonts/amaranth-bolditalic.ttf') format('truetype'),
       url('custom-fonts/amaranth-bolditalic.svg#Amaranth-BoldItalic') format('svg');
} */
/* Fira-Sans Font 
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('custom-fonts/firasans-light.woff2') format('woff2'),
       url('custom-fonts/firasans-light.woff') format('woff'),
       url('custom-fonts/firasans-light.ttf') format('truetype'),
       url('custom-fonts/firasans-light.svg#FiraSans-Light') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('custom-fonts/firasans-lightitalic.woff2') format('woff2'),
       url('custom-fonts/firasans-lightitalic.woff') format('woff'),
       url('custom-fonts/firasans-lightitalic.ttf') format('truetype'),
       url('custom-fonts/firasans-lightitalic.svg#FiraSans-LightItalic') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
    src: url('custom-fonts/firasans-regular.woff2') format('woff2'),
       url('custom-fonts/firasans-regular.woff') format('woff'),
       url('custom-fonts/firasans-regular.ttf') format('truetype'),
       url('custom-fonts/firasans-regular.svg#FiraSans-Regular') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('custom-fonts/firasans-italic.woff2') format('woff2'),
       url('custom-fonts/firasans-italic.woff') format('woff'),
       url('custom-fonts/firasans-italic.ttf') format('truetype'),
       url('custom-fonts/firasans-italic.svg#FiraSans-Italic') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('custom-fonts/firasans-medium.woff2') format('woff2'),
       url('custom-fonts/firasans-medium.woff') format('woff'),
       url('custom-fonts/firasans-medium.ttf') format('truetype'),
       url('custom-fonts/firasans-medium.svg#FiraSans-Medium') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('custom-fonts/firasans-mediumitalic.woff2') format('woff2'),
       url('custom-fonts/firasans-mediumitalic.woff') format('woff'),
       url('custom-fonts/firasans-mediumitalic.ttf') format('truetype'),
       url('custom-fonts/firasans-mediumitalic.svg#FiraSans-MediumItalic') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('custom-fonts/firasans-semibold.woff2') format('woff2'),
       url('custom-fonts/firasans-semibold.woff') format('woff'),
       url('custom-fonts/firasans-semibold.ttf') format('truetype'),
       url('custom-fonts/firasans-semibold.svg#FiraSans-SemiBold') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('custom-fonts/firasans-semibolditalic.woff2') format('woff2'),
       url('custom-fonts/firasans-semibolditalic.woff') format('woff'),
       url('custom-fonts/firasans-semibolditalic.ttf') format('truetype'),
       url('custom-fonts/firasans-semibolditalic.svg#FiraSans-SemiBoldItalic') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('custom-fonts/firasans-bold.woff2') format('woff2'),
       url('custom-fonts/firasans-bold.woff') format('woff'),
       url('custom-fonts/firasans-bold.ttf') format('truetype'),
       url('custom-fonts/firasans-bold.svg#FiraSans-Bold') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('custom-fonts/firasans-bolditalic.woff2') format('woff2'),
       url('custom-fonts/firasans-bolditalic.woff') format('woff'),
       url('custom-fonts/firasans-bolditalic.ttf') format('truetype'),
       url('custom-fonts/firasans-bolditalic.svg#FiraSans-BoldItalic') format('svg');
} */
/************************************************************************************
1. RESET
*************************************************************************************/

.tf-subscribe-form h3 {
	color: #FFF;
	letter-spacing: -1.5px;
}


@media (min-width: 1920px) {
html {font-size: 22px;}
body {font-size: 22px;}
}

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

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

@media (min-width: 720px) and (max-width: 1279px) {
html {font-size: 19px;}
body {font-size: 19px;}
.footer-nav a {font-size: 0.889em;}
#footer .social-widget a i {
	font-size: 1.602em;
	padding: 0 5px;
	margin: 12px 0 0;
	}
.social-links .icon-large i {
	width: 25px;
	height: 25px;
	}
}

@media (min-width: 480px) and (max-width: 719px) {
html {font-size: 18px;}
body {font-size: 18px;}
.footer-nav a {font-size: 0.889em;}
#footer .social-widget a i {
	font-size: 1.602em;
	padding: 0 5px;
	margin: 12px 0 0;
	}
.social-links .icon-large i {
	width: 25px;
	height: 25px;
	}
}

@media (min-width: 320px) and (max-width: 479px) {
html {font-size: 17px;}
body {font-size: 17px;}
.footer-nav a {font-size: 0.79em;}
#footer .social-widget a i {
	font-size: 1.602em;
	padding: 0 5px;
	margin: 12px 0 0;
	}
.social-links .icon-large i {
	width: 25px;
	height: 25px;
	}
}

@media (max-width: 319px) {
html {font-size: 16px;}
body {font-size: 16px;}
.footer-nav a {font-size: 0.79em;}
#footer .social-widget a i {
	font-size: 1.602em;
	padding: 0 5px;
	margin: 12px 0 0;
	}
.social-links .icon-large i {
	width: 25px;
	height: 25px;
	}
}

/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
body {
	font-family: 'Fira Sans', sans-serif;
	text-rendering: optimizelegibility;
}


.woocommerce div.product span.price {
    font-size: 1.125em;
    font-weight: 300;
}

/* LIST
================================================ */


/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Fira Sans', sans-serif;
}
h1 {
	font-size: 2.566em;
}
h2 {
	font-size: 2.027em;
}
h3 {
	font-size: 1.602em;
}
h4 {
	font-size: 1.266em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.79em;
}

/* FORM
================================================ */
/* form input */
input[type=text], input[type=password], input[type=number], input[type=email], input[type=url], input[type=tel] {
	width: auto;
}

/* form input:focus */

/* form button */
input[type=submit] {
    padding: 1.33em 2em;
}

/* form input:hover */
input[type=submit]:hover {
    background-color: #C1D72E;
}

/************************************************************************************
3. STRUCTURE
*************************************************************************************/


/************************************************************************************
4. GRID
*************************************************************************************/


/************************************************************************************
5. HEADER
*************************************************************************************/

/*Header slider image for object-fit*/

/* header widget */

/* site logo */

/* sticky header logo */

/* site description */

/* social widget */
#header .social-widget {
	float: right;
	margin: 5px 0 0 3%;
}
.social-widget .widget {
	margin: 0;
}

.social-links .icon-medium i {
	font-size: 1.35em;
	width: 1.15em;
	height: 1.15em;
	color: rgba(0,0,0,0.65);
}
.social-links .icon-medium i:hover {
	color: rgba(0,0,0,0.5);
}

.mobile_menu_active.header-horizontal .social-links .icon-medium i {
    color: #2196f3;
}

/* rss */


/* Search Form */
.header-horizontal .search-button {
	margin: 7px -20px 0 25px;
}
.header-horizontal .search-button::before {
	font-size: 1.45em;
}

.mobile_menu_active #headerwrap .search-button {
	margin-top: 0;
}
.mobile_menu_active.header-horizontal .search-button::before {
	font-size: 1.15em;
	color: #e4c272;
}

/* animate search input */

/* search option tab */

/* search result item */

/* search view all wrap */

/* Rounded BG searchform */


/* main navigation */

/* main level link */

/* main level link :hover */

/* current link */

/* highlight-link */

/* sub-levels link */

/* set both dropdown and mega container bg to have consistent bg */

/* set both dropdown and mega links so they have consistent color */

/* dropdown ul */

/* sub-levels dropdown */

/* show dropdown ul */

/* Edge Menu */

/* mega menu */

/* mega menu posts */

/* mega column */

/* mobile menu icon */

.body-overlay {
    background-color: rgba(255,255,255,0.45);
}
/* fixed-header */

/* transparent-header */

/* prevent transparent header overlap builder */

/* header pull down */

/* add spacing if pull-down and cart icon together */

/* header cart icon */

/* header block */

/*
HEADER VIDEO BACKGROUND
================================================ */


/*
HEADER FULLHEIGHT
================================================ */


/************************************************************************************
HEADER SLIDER
*************************************************************************************/

/* gallery controller */

/* slider general style */

/* carousel nav */

/* carousel pager */

/*
HEADER BACKGROUND MODE
================================================ */
/* best fit */

/* fullcover */

/************************************************************************************
6. PAGE
*************************************************************************************/
/* page title */
.page-title {
	font-weight: 300;
}

/*
AUTHOR PAGE
================================================ */


/*
PAGINATION
================================================ */


/************************************************************************************
7. POST
*************************************************************************************/
/*
GENERIC POST
================================================ */

/* post content */

/* post title */

/* post image */

/* post meta */

/* more link */

/* post date */

/* Display post date circle as inline text */

/* post meta */

/* SINGLE FULLWIDTH IMAGE LAYOUT
================================================ */


/* SINGLE GALLERY LAYOUT
================================================ */


/* SINGLE SLIDER LAYOUT
================================================ */


/* SINGLE SPLIT LAYOUT
================================================ */


/*
GRID4 POST
================================================ */


/*
GRID3 POST
================================================ */


/*
GRID2 POST
================================================ */


/*
GRID2-THUMB POST
================================================ */


/*
CLEAR GRID FLOAT
================================================ */


/*
LIST-THUMB-IMAGE POST
================================================ */


/*
LIST-LARGE-IMAGE POST
================================================ */


/*
SLIDER POST
================================================ */


/*
OVERLAY POST
================================================ */
.loops-wrapper.polaroid .post-image + .post-content {
	background-color: rgba(0,0,0,0.45);
}

/*
POLAROID POST
================================================ */


/* BOXED POST LAYOUT
================================================ */


/*
TILES LAYOUT
================================================ */


/* FLIP POST LAYOUT
================================================ */


/*
NO-GUTTER POST
================================================ */


/*
GENERAL POST STYLING
================================================ */


/************************************************************************************
SINGLE POST INFINITE SCROLL
*************************************************************************************/


/************************************************************************************
AUTHOR BOX
*************************************************************************************/


/************************************************************************************
POST PAGINATION (the <nextpage> tag)
*************************************************************************************/


/************************************************************************************
POST NAVIGATION
*************************************************************************************/


/************************************************************************************
COMMENTS
*************************************************************************************/

/* comment title */

/* comment pagenav */

/* commentlist */

/* reply link */

/*
COMMENT FORM
================================================ */


/************************************************************************************
RELATED POSTS
*************************************************************************************/


/************************************************************************************
INFINITE SCROLL
*************************************************************************************/


/************************************************************************************
MASONRY LAYOUT
*************************************************************************************/


/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/


/************************************************************************************
7.1 PORTFOLIO POST TYPE
*************************************************************************************/


/************************************************************************************
8. SIDEBAR
*************************************************************************************/


/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* calendar widget */

/* feature posts widget */

/* twitter widget */

/* links widget */

/* recent comments widget */

/* flickr widget */

/* add white bg to facebook badge iframe */

/* reset twitter embed max-width to 100% */

/* Text widget */

/************************************************************************************
9. FOOTER
*************************************************************************************/
/* footer nav */
.footer-nav a {
	font-size: 1em;
}

/* footer text */
.footer-text {
	padding: 0;
	font-size: 1em;
}

/* footer social-widget */
#footer .social-widget a i {
	font-size: 2.027em;
	padding: 0 7px;
	margin: 30px 0 0;
}

.social-links .icon-large i {
	width: 38px;
	height: 38px;
}


/* FOOTER HORIZONTAL LEFT
================================================ */


/* FOOTER HORIZONTAL RIGHT
================================================ */


/* FOOTER LEFT COL
================================================ */


/* FOOTER RIGHT COL
================================================ */


/************************************************************************************
NICESCROLL
*************************************************************************************/


/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/


/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/


/************************************************************************************
12. WP GALLERY
*************************************************************************************/


/* GALLERY COLUMN
================================================ */


/************************************************************************************
13. CLEAR & ALIGNMENT
*************************************************************************************/


/************************************************************************************
IMAGE FILTER
*************************************************************************************/


/************************************************************************************
ANNOUNCEMENT BAR PLUGIN
*************************************************************************************/


/************************************************************************************
Loading Page
*************************************************************************************/