/*
Theme Name:   LuxMirror Theme
Theme URI:    http://example.com/twenty-sixteen-child/
Description:  LuxMirror Theme
Author:       Isabel & Mark
Author URI:   http://example.com
Template:     twentysixteen
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:  twentysixteenchild
*/

/* Font Faces */

@font-face {
  font-family: "Avenir";
  src: url("AvenirLTStd-Book.otf") format("opentype");
}

@font-face {
  font-family: "Avenir-Black";
  src: url("AvenirLTStd-Black.otf") format("opentype");
}

@font-face {
  font-family: "Avenir-Roman";
  src: url("AvenirLTStd-Roman") format("opentype");
}


@font-face {
  font-family: "Calibri";
  src: url("calibri.ttf") format("truetype");
}

@font-face {
  font-family: "CalibriLight";
  src: url("calibril.ttf") format("truetype");
}

@font-face {
  font-family: "MerriweatherLight";
  src: url("Merriweather-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  src: url("Merriweather-Regular.ttf") format("truetype");
}

/* General */

.primary-menu {
	font-size: 1.2rem;
	font-family: Avenir;
}

h1.entry-title {
	/*font-family: CalibriLight;*/
	font-family: MerriweatherLight;
	font-size: 2.2rem;
	color:#dd3333;
	padding-top: 0;
	font-weight:normal ;
	margin-bottom: 20px;
}

h2 {
	font-family: CalibriLight;
	font-size: 1.5rem;
	color:#dd3333;
}
	
.entry-content h3 {
	font-family: CalibriLight;
	font-size: 1.5rem;
	margin-top:10px;
	margin-bottom:10px;
}

h2.entry-title {
	font-family: MerriweatherLight;
	font-size: 2.2rem;
	color:#dd3333;
	padding-top: 0;
	font-weight:normal;
	margin-bottom: 10px;
}

html, body, button, input, select, textarea
 {
	font-family: CalibriLight;
}

p, li, blockquote {
	font-family: CalibriLight;
	font-size: 1.5rem;
	line-height: 1.5;
}

/* Post Thumbnails */

.post-thumbnail {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 16px;
	margin-top: 8px;
	float: left;
}

.post-thumbnail img {
	display: block;
	max-width: 400px;
	max-height: 400px;
	width: auto;
	height: auto;
}

body.blog .post-thumbnail,
body.search .post-thumbnail  {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 90px;
	margin-top: 8px;
	float: left;
}

body.blog .post-thumbnail img,
body.search .post-thumbnail img {
	display: block;
	max-width: 200px;
	max-height: 200px;
	width: auto;
	height: auto;
}

.post-navigation {
	border-top: 2px solid #dd3333;
    border-bottom: 2px solid #dd3333;
}

.post-navigation a {
	padding: 1em 0;
}

.posted-on {
	margin-right: 7.6923%;
	margin-left: 7.6923%;
}

@media screen and (min-width: 56.875em) {
	.posted-on {
		margin-right: 0;
		margin-left: 0;
	}
}

/* No Sidebar */

.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
	margin-right: 0%;
	margin-left: 0%;
}

.widecolumn,
.site-header-main {
	padding-right: 0%;
	padding-left: 0%;
}

/* Current Menu Items */

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	color: #dd3333;
	
	border-bottom-style: solid;
	border-color: #dd3333;
	border-width: 1px;
}

.menu-toggle {
font-size: 1.5rem;	
}

/* Site */

.site {
	background: transparent;
}

.site-inner {
	background:white;
}

.site-header {
	border-bottom-style: dotted;
	border-color: lightgrey;
	border-width: 2px;
	/*
	padding: 0 10.5em;
	padding-top: 40px;
	padding-bottom: 20px;
	*/
}

.site-branding {
	margin-top: 0;
	margin-bottom: 0;
}

.site-header,
.site-content,
.site-footer
{
	padding: 2.625em 7.6923%;
	/*padding: 0 10.5em;
	padding-top: 50px;
	padding: 5.25em 10%;*/
}

.site-footer {
	background: #F8F8F8;
}

.site-info {
	 font-family: CalibriLight;
	 font-size: 1rem;
	 margin: 15px 0;
 }

.site-footer .site-title:after {
	content: "";
}

@media screen and (min-width: 44.375em) {
	.site-header,
	.site-content,
	.site-footer {
		padding: 3.9375em 7.6923%;
	}
}


@media screen and (min-width: 56.875em) {
	.site-header,
	.site-content,
	.site-footer {
		padding-right: 4.5455%;
		padding-left: 4.5455%;
	}
}

@media screen and (min-width: 61.5625em) {
	.site-header
	{
		padding: 2.5em 9.1%;
	}
	
	.site-content
	{
		padding: 5.25em 9.1%;
	}
	
	.site-footer 
	{
		padding: 1.25em 9.1%;
	}
}

/* Formidable Forms */

.frm_style_formidable-style{
	font-family: CalibriLight;
}

.frm_style_formidable-style .frm_primary_label {
	font-size: 1.5rem;
}

.frm_style_formidable-style .frm_primary_label .frm_required {
	font-weight:normal ;
}

.frm_style_formidable-style.with_frm_style div.frm_description p {
	font-size: 1.5rem;
	font-family: CalibriLight;
}

/* Sidebar & Widgets */

.sidebar {
	margin-top: 25px;
	background-color: #F8F8F8;
}

.widget {
	border-top: 0px;
	margin:5px;
	padding:5px;
	
}

.widget h2{
    border-bottom: 1px solid #dd3333;
	margin:5px;
	padding:5px;
	color:black;
}

.widget a {
 	font-family: CalibriLight;
 	font-size: 1rem;
	margin:5px;
	padding:5px;
	line-height: 1.5;
}

.widget p {
	font-family: CalibriLight;
 	font-size: 1rem;
	margin:0 5px 0 5px;
	padding:0 5px 0 5px;
	line-height: 1.5;
}

.widget ul {
	list-style-type: none;
	margin-left: 0px;
}

.widget ul li {
	line-height:1.5;
}

.wp-block-search .wp-block-search__label {
	margin:5px;
	padding:5px;
	color:black;
	 font-family: CalibriLight;
	font-size: 1.1875rem;
    line-height: 1.1052631579;
}

.wp-block-search__inside-wrapper {
	margin:10px 0 0 10px;
}

/* Entry Content */

.site-main > article {
	margin-bottom:10px;
}

body:not(.search-results) article:not(.type-page) .entry-content {
	float: none;
	width: 100%;
}

.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
	display: block;
	margin-bottom: 0.5384615385em;
	font-family: CalibriLight;
}

body:not(.search-results) .entry-header + .entry-summary {
	margin-top: 0.913043478em;
}
	

/**
 * 8.0 - Alignments
 */

@media screen and (max-width: 56.875em) {
	.wp-block-image .aligncenter,
	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		float: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.wp-block-image .aligncenter,
	.wp-block-image .aligncenter img,
	.wp-block-image .alignleft,
	.wp-block-image .alignleft img,
	.wp-block-image .alignright,
	.wp-block-image .alignright img {
		width: 100%;
	}
}

.wp-block-image .alignleft {
	margin-top: 0;
	margin-right: 2.5em;
	margin-bottom: 1em;
}

.wp-block-image .alignright {
	margin-top: 0;
	margin-left: 2.5em;
	margin-bottom: 1em;
}

.wp-block-image .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 2.5em;
}

.site-info {
	width: 100%;
}

.site-info-numbers {
	float: right;
}
