/*
Theme Name: Estland
Description: A custom child theme created by <a href="http://www.estlanddesign.com">Estland Design</a> in Harrisonburg.
Version: 1.0
Author: Estland
Author URI: https://estland.us
Template: enfold
*/

/**********************************************************
=TOC (Table Of Contents)
/**********************************************************

TOC (Table Of Contents)
Reference
Imports/Includes
Debug
Fonts
Spacing fixes
Forms
Buttons
Header
Menu (Desktop)
Menu (Mobile)
Footer
Components:
- Testimonials
- Tabs
- Cards
- Blogroll
- Tiles
Global Styles
Special Pages

/**********************************************************
=Reference
/**********************************************************

/* Media breakpoints / screen sizes /*
Phone:     ~499px
Smartphone: 500px~
Tablet:     768px~
Desktop:    990px~
Widescreen: 1200px~

/**********************************************************
=Imports/Includes (Must Be First In Stylesheet To Work)
**********************************************************/

/* Colors & Variables */
@import url('styles/variables.css');

/* Resets */
@import url('styles/resets.css');

/**********************************************************
=Font imports/includes (imports must be first)
**********************************************************/

/* Example font import from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@900&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,500&display=swap');

/* Example font import from Adobe Fonts--must use "Add To Web Project" option and create project for client /*
@import url('https://use.typekit.net/eie1ktp.css');

/* Example font face from a local file /*
@font-face {
	font-family: 'ExampleFont';
	font-display: swap;
	font-weight: bold;
	font-style: normal;
	src:
		url('/wp-content/themes/enfold-child-estland/fonts/ExampleFont-Bold.ttf') format('truetype'),
		url('/wp-content/themes/enfold-child-estland/fonts/ExampleFont-Bold.woff') format('woff'),
		url('/wp-content/themes/enfold-child-estland/fonts/ExampleFont-Bold.woff2') format('woff2'),
		url('/wp-content/themes/enfold-child-estland/fonts/ExampleFont-Bold.otf') format('opentype');
}

/**********************************************************
=Debug
/*********************************************************/

/* Debug box shadow: change min width or comment out to disable */
/*@media( min-width:1px ) {
	#top { box-shadow: inset 0 0 1rem 0 pink; background-clip: content-box; }
	#top * > * { box-shadow: inset 0 0 1rem 0 red; }
	#top * > * > * { box-shadow: inset 0 0 1rem 0 orange; }
	#top * > * > * > * { box-shadow: inset 0 0 1rem 0 yellow; }
	#top * > * > * > * > * { box-shadow: inset 0 0 1rem 0 green; }
	#top * > * > * > * > * > * { box-shadow: inset 0 0 1rem 0 blue; }
	#top * > * > * > * > * > * > * { box-shadow: inset 0 0 1rem 0 indigo; }
	#top * > * > * > * > * > * > * > * { box-shadow: inset 0 0 1rem 0 violet; }
}*/

/**********************************************************
=Fonts
/*********************************************************/

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-fonts.css');

/**********************************************************
=Spacing fixes
/*********************************************************/

/**********************************************************
=Forms
/*********************************************************/

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

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-button.css');

/**********************************************************
=Header
/*********************************************************/

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-header.css');

/**********************************************************
=Navigation (Desktop Menu)
/*********************************************************/

/**********************************************************
=Menu (Mobile)
/*********************************************************/

/**********************************************************
=Footer
/*********************************************************/

/**********************************************************
=Backgrounds
**********************************************************/

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-backgrounds.css');

/**********************************************************
=Blogroll
**********************************************************/

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-blogroll.css');

/**********************************************************
=Sliders (Glide)
**********************************************************/

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-sliders.css');

/**********************************************************
=Cards
**********************************************************/

/* This import should be replaced with code on a real build */
@import url('./styles/snippets/snippet-cards.css');

/**********************************************************
=Tabs
**********************************************************/

/* This import should be replaced with code on a real build */
/*@import url('./styles/snippets/snippet-tabs--top.css');*/
/*@import url('./styles/snippets/snippet-tabs--left.css');*/

/**********************************************************
=Global Styles
**********************************************************/

#top .est-doc .post-entry {
	border: 1px solid var(--grey);
	padding: var(--padding--normal);
}

/**********************************************************
=Special Pages
**********************************************************/