/*
 Theme Name:   textilatelier
 Theme URI:    https://www.textilatelier.com
 Description:  Twenty seventeen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  textilatelier
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


button,
input,
optgroup,
select,
textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

.screen-reader-text:focus {
	font-size: 14px;
	font-size: 0.875rem;
	}


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.col-container {
    display: flex;
    flex-wrap: wrap;
	padding: 0 0em;  /* fli 2018-10-14   war 3em */
}

.col {
    background-color: #f7f7f7;
	flex: 100%;
	text-align:center;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 2em 2em 0em; /* fli 2018-10-14   war 1.5em */
	}

.col-container-nowrap {
    display: table;
    padding: 0 0em; /* fli 2018-10-14   war 3em */
}

.col-2,
.col-3	{
    background-color: #f7f7f7;
	display: block;
	text-align:center;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2018-10-14   war 1.5em */
	}
	
.col-nf	{
	display: block;
	text-align:center;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2019-09-22   war 1.5em */
	}

.a-center {
		flex: 20%;
		max-width: 20%;
		margin-right: 2em;
		margin-bottom: 0em;
}

.box-grey
	{
    background-color: #f7f7f7;
	display: block;
	margin: 0 0% 1% 0%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2018-10-14   war 1.5em */
	}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

.navigation-top a {
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.33;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.66;
}
h5 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family:  Verdana, Helvetica, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
}

.col-container {
    display: flex;
    flex-wrap: wrap;
	padding: 0 0em;  /* fli 2018-10-14   war 3em */
}

.col {
    background-color: #f7f7f7;
	flex: 100%;
	text-align:center;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 2em 2em 1em; /* fli 2018-10-14   war 1.5em */
	}

.col-container-nowrap {
    display: table;
    padding: 0 0em; /* fli 2018-10-14   war 3em */
}

.col-2,
.col-3	{
    background-color: #f7f7f7;
	display: block;
	text-align:center;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2018-10-14   war 1.5em */
	}
.col-nf2	{
	display: block;
	text-align:center;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2019-09-22   war 1.5em */
	}	

.box-grey
	{
    background-color: #f7f7f7;
	display: block;
	margin: 0 0% 1% 0%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2018-10-14   war 1.5em */
	}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

.button-n {
 background-color: white;
    color: black;
    border: 1px solid #e7e7e7;
	padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 42px 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button-g {
    background-color: white;
    color: black;
    border: 1px solid #e7e7e7;
}

.button-g:hover {background-color: #e7e7e7;}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 0em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}



/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/


/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 1.5em;
		padding-top: 1.5em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 1500px;
	}

	.panel-content .entry-header {
		margin-bottom: 2.0em;
	}


@media screen and (min-width: 850px) {
		
	.main-navigation a {
    padding: 1em 2.5em;
	}
	
	.col{
		flex: 21%;
		max-width: 21%;
		margin-right: 2.5em;
		margin-bottom: 2em;
			font-size: 0.8125em;
			font-size: 12px;
	}
	
	
	.col-container-nowrap {
    display: flex;
	}
	
	.a-center {
		flex: 100%;
		max-width: 100%;
		margin-right: 2em;
		margin-bottom: 0em;
}
	
	.col-2{
		flex: 44%;
		max-width: 44%;
		margin-right: 4em;
		margin-bottom: 0em;
	}	
	
	.col-3{
		flex: 31%;
		max-width: 31%;
		margin-right: 4em;
		margin-bottom: 0em;
	}

.col-nf2	{
	flex: 25%;
	max-height: 673px;
	margin-bottom: 1em;
	margin-right: 2%;
	padding: 1.5em 1.5em 0.5em 1.5em; /* fli 2019-09-22   war 1.5em */
	}	
	
	.col-2:last-child,
	.col-3:last-child {
		margin-right: 0;
	}
		
	.site-description {
		font-size: 24px;
		font-size: 1.5rem;
		font-weight: 800;
	}
	
	.site-title {
	clear: none;
	font-size: 32px;
	font-size: 1.875rem;
	font-weight: 1000;
    color: #fff;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
  
	.wrap {
		max-width: 1500px;
		padding-left: 3em; 	/* fli 2018-10-14   war 3em */
		padding-right: 3em;  /* fli 2018-10-14   war 3em */
	}
	
	
	/* Typography */

	body,
	button,
	input,
	select,
	h5,
	textarea {
		font-size: 16px;  /* fli 2018-10-14   war 16px */
		font-size: 1rem;  	/* fli 2018-10-14   war 1rem */
		line-height: 1.75;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}
	
	.navigation-top {
    	font-size: 16px !important;
    	font-size: 1rem !important;
		}
	
	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 1.5em;
	}

	.site-content {
		padding: 1em 0 0;  /* fli 2018-10-14   war 1.5em */
	}
	
	.page:not(.home) #content {

    padding-bottom: 1.5em;
	}
	
}