/*
	Theme Name: BonneFete 
	Description: A custom theme for Arts Birthday - L'anniversaire de l'art . 
	Author: goodyBank
	Author URI: https://goodybank.com

	Version: 2.1.0
	Last updated: 7 Jan, 2020
	added latest version of normalize.css

*/

/* HTML5 Reset
---------------------------------------------------------------------------- */

/* Baseline Normalize
--------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}




/* ## Float Clearing
--------------------------------------------- */


.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}


.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,

.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */


/* Typographical Elements
--------------------------------------------- */
body {
	background: #fdfdfd;
	color: #252422;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	/*font-size: 1.8rem; */
	line-height: 1.6;
	min-height: 100vh;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
	    flex-flow: column wrap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	transition: all 0.1s ease-in-out;
}

/* ::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
} */

a {
	text-decoration: none;
	border-bottom: 1px #252422 solid;
	padding-bottom: 2px;
}

a:focus,
a:hover {
	border-bottom: 1px transparent solid;
}

a img {
	vertical-align: top;
}

p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

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

li {
	list-style-type: none;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	margin: 0;
	padding: 24px 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}


/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.25;
	margin: 0 0 10px;
	padding: 0;
}

h1 {
	font-size: 32px;
	}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong,
h4 b,
h4 strong,
h5 b,
h5 strong,
h6 b,
h6 strong {
	font-weight: 900;
}
/* Objects
--------------------------------------------- */

img,
object,
video {
	max-width: 100%;
}

img {
	height: auto;
}


/* Forms Inputs
--------------------------------------------- */
input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	/* box-shadow: 1px 1px 3px #eee inset; */
	color: #333;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	padding: 10px;
	width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: #ccc solid 3px;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	border: none;
	/*border: 2px transparent solid;*/
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	padding: 10px 20px;
	width: auto;
	text-transform: uppercase;
}

button:focus,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus,
.entry-content .button:focus {
	border: none;
	text-decoration: none;
}

.button {
	border-radius: 0;
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

td,
th {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}
/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.widget_search input[type="submit"]:focus,
.screen-reader-shortcut:focus,
.screen-reader-text:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000;
	/* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

/* Site Containers
--------------------------------------------- */
.site-container {
	margin: 0 auto;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
	    flex-flow: column wrap;
	-ms-flex-positive: 1;
	    flex-grow: 1;
	
}

.site-inner {
	/*background-color: #fff;*/
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 1140px;
	-ms-flex-positive: 1;
	    flex-grow: 1;
}

body.primary-nav .site-inner {
	margin-top: 0;
}

.wrap {
	/*max-width: 1140px;*/
	max-width: 1200px;
	margin: 0 auto;
}
/* Content
--------------------------------------------- */
.content {
	float: right;
	width: 64%;
	padding: 40px 40px 10px;
}

.content-sidebar .content {
	float: left;
}

.full-width-content .content {
	width: 100%;
	max-width: 800px;
	float: none;
	margin: auto;
}

.bonnefete-home .content {
	padding: 0;
}

.bonnefete-home-portfolio .content {
	padding: 40px 30px 0;
	max-width: 1200px;
}
/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}
/* Avatars and Images
--------------------------------------------- */
.avatar {
	border: 1px solid #fff;
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}



a.aligncenter img {
	display: block;
	margin: 0 auto;
}

.aligncenter,
img.centered {
	display: block;
	margin: 0 auto 24px;
}

a.alignnone img,
img.alignnone {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

a.alignnone {
	display: inline-block;
}


/* Titles
--------------------------------------------- */
.entry-title {
	font-size: 32px;
	line-height: 1.25;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.entry-title a,
.sidebar .widget-title a {
	text-decoration: none;
	border-bottom-color: transparent;
}

.entry-title a:hover,
.footer-widgets .entry-title a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}


.bonnefete-home-portfolio .entry-title,
.widget-title {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: left;
}



.footer-widgets .entry-title,
.sidebar .entry-title {
	font-size: 16px;
}



/*
Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
	background-color: #000;
	margin: 0 auto;
	min-height: 30px;
	width: 100%;
	display: block;
	z-index: 1;
	/*border-bottom: 1px #252422 solid;*/
}

.home .site-header {
	border-bottom: none;
}

.site-header .wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	    flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.site-header .title-area {
	/*float: left;*/
	overflow: hidden;
	width: 360px;
}

.site-header .site-title {
	display: block;
	font-size: 24px;
	line-height: normal;
	margin: 10px 0 5px;
}

.site-header .site-title a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.25s ease;
	color: #ff607f;
}

.site-header .site-title a,
.site-header .site-title a:hover {
	text-decoration: none;
	border-bottom: none;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
/* ## Accessible Menu
--------------------------------------------- */
.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}

/* ## After Header Navigation
--------------------------------------------- */
.nav-primary {
	/*background-color: #ff607f;
	background-color: rgba(255,06,127,0.3);
	border-top: 1px solid #333;
	border-bottom: 1px #252422 solid; */
	/*margin-top: 0 !important;*/ /* to override .element-style at 53px?? */
	padding: 10px 0;
}

/*.nav-primary ul {
	float: right;
	max-width: 50%;
	margin-right: 20px;
} */

.nav-primary ul li {
	display: inline;
	font-size: 14px;
}

.nav-primary .sub-menu a {
	background: #fff;
}

ul#menu-primary-navigation {
	margin-bottom: 5px;
}

.primary-nav .menu-toggle,
.primary-nav .sub-menu-toggle {
	background-color: #fff;
}

.primary-nav .menu-toggle:focus,
.primary-nav .menu-toggle:hover,
.primary-nav .sub-menu-toggle:focus,
.primary-nav .sub-menu-toggle:hover {
	background-color: #fff;
}





	.timestamp {
		color: #ff607f;
		font-weight: 700;
		background: #fff;
		border:2px solid #ff607f;
		padding: 10px;
		text-align: center;
		text-transform: uppercase;
	}
/* Entries
--------------------------------------------- */
.entry {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px #d6d6d6 solid;
}

.single .entry {
	border-bottom: none;
}

.bonnefete-home-portfolio .entry,
.single-portfolio .entry {
	margin-bottom: 20px;
}


/* Widgets
------------------------------------------------------ */
.widget {
	word-wrap: break-word;
}

.widget li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-top: 6px;
	text-align: left;
}

.widget ol > li {
	background-image: none;
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget ul > li {
	text-indent: 0;
}

.widget ul > li {
	list-style-position: outside;
	padding: 0 0 0 16px;
}

.widget ol > li:last-child,
.widget ul > li:last-child {
	margin-bottom: 0;
}


.widget li a {
	border-bottom-color: transparent;
}

.widget li a:focus,
.widget li a:hover {
	border-bottom-color: inherit;
}



/* Colors
----------------------------------------------------------------------------- */
.entry-title a,
.genesis-nav-menu a {
	color: #252422;
}


.footer-widgets .entry-title a:hover,
.footer-widgets a:focus,
.footer-widgets a:hover,
.menu-toggle:focus,
.menu-toggle:hover,
.site-footer a:focus,
.site-footer a:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover,
a,
a:hover {
	color: #ff607f;
}

.entry-meta a,
.footer-widgets .entry-title a:hover,
a:hover {
	border-bottom-color: transparent;
}

.entry-meta a:focus,
.entry-meta a:hover,
a {
	border-bottom-color: inherit;
}


a.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
	background-color: #ce461c;
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
}


.button:focus,
.button:hover,
a.button:focus,
a.button:hover,
button:focus,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"] {
	background-color: #53796e;
	color: #fff;
}

.highlight {
	background-color: transparent;
}


/*.content {
	background: #fff;
}*/
/*.site-inner {
	background: none;
}*/





/* Footer Widgets
------------------------------------------------------------------ */
.footer-widgets {
	background-color: #252422;
	font-size: 16px;
}

.footer-widgets .wrap {
	padding: 60px 30px 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: center;
	    justify-content: center;
}

.footer-widgets,
.footer-widgets .widget-title,
.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6,
.footer-widgets p {
	color: #fff;
}

.footer-widgets .widget {
	text-align: left;
}

.footer-widgets .widget-title {
	text-transform: none;
	font-weight: 900;
	font-size: 20px;
	text-align: left;
}

.footer-widgets .textwidget .phone {
	font-size: 24px;
	margin-bottom: 24px;
}

.footer-widgets .textwidget .phone a {
	text-decoration: none;
	/* border: none; */
}

.footer-widgets .textwidget .button {
	margin-top: 24px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	margin-bottom: 30px;
	padding: 0 2.8%;
	width: 33%;
}


.footer-widgets a {
	color: #fff;
	border-bottom-color: #fff;
}

.footer-widgets a:focus,
.footer-widgets a:hover {
	border-bottom-color: transparent;
}

.footer-widgets a.button:focus,
.footer-widgets a.button:hover {
	color: #fff;
}
/* Site Footer
------------------------------------------------------------------ */
.site-footer {
	background-color: #252422;
	border-top: 1px solid #363533;
	color: #fff;
	font-size: 12px;
	padding: 20px 5%;
	text-align: center;
}

.site-footer a {
	color: #333;
}

.site-footer p {
	margin: 0;
}

.site-footer a {
	color: #fff;
	border-bottom-color: #fff;
}

.site-footer a:focus,
.site-footer a:hover {
	border-bottom-color: transparent;
}

.site-footer .genesis-nav-menu a {
	border-bottom-color: transparent;
}


/*
Media Queries
------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	.site-header .wrap {
		/*-ms-flex-direction: column;
		    flex-direction: column; */
	}

	.site-header .title-area {
		text-align: center;
	}

	.site-header .title-area,
	.site-header .widget-area {
		width: 100%;
	}

	.site-header.sticky .genesis-nav-menu a {
		padding: 20px 12px;
	}

	.header-image .site-title a img {
		margin: 0 auto;
	}

	.site-header .wrap .widget-area section.widget_nav_menu .widget-wrap .nav-header ul.genesis-nav-menu {
		-ms-flex-pack: center;
		    justify-content: center;
	}

	.site-inner,
	.wrap {
		max-width: 960px;
	}

	.bonnefete-home .site-inner {
		max-width: 100%;
	}

	.content {
		width: 660px;
	}

	.sidebar-primary {
		width: 300px;
	}

	.breadcrumb {
		margin: -30px -40px 30px;
	}

	.content {
		padding: 30px 40px 10px;
	}

	.site-title {
		/*border-bottom: 0 solid #999;*/
	}

	.header-image .site-title,
	.header-image .site-title a,
	.header-image .title-area {
		float: none;
		margin: 0 auto;
	}

	.header-image .sticky .site-title,
	.header-image .sticky .site-title a {
		float: none;
		margin: 0 auto;
		/*max-width: 205px;*/
	}

	.title-area p {
		display: block;
		text-align: center;
		margin: 0 auto 0 !important;
		width: 70%;
	}

	
	.site-title {
		text-align: center;
	}

	.site-header .widget-area .textwidget,
	.site-header .widget-area .widget-title {
		text-align: center;
	}

	.bonnefete-home-portfolio .content {
		-ms-flex-pack: center;
		    justify-content: center;
	}

	.site-header .header-widget-area .widget_search {

		float: none;
	}
}
@media only screen and (max-width: 1023px) {
	.site-inner,
	.wrap {
		max-width: 768px;
	}

	.content,
	.site-header .widget-area,
	.title-area,
	.wrap {
		width: 100%;
	}

	.bonnefete-home-landing .site-inner {
		width: 100%;
		margin: 0 2%;
	}
	


.site-description,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 100%;
		margin: 0;
	}


	
	.menu-toggle,
	.sub-menu-toggle {
		background-color: #fffcf5;
		border-width: 0;
		color: #333;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}

	.menu-toggle:focus,
	.menu-toggle:hover,
	.sub-menu-toggle:focus,
	.sub-menu-toggle:hover {
		background-color: #fffcf5;
		border-width: 0;
	}

	.menu-toggle {
		line-height: 22px;
		position: relative;
		width: 100%;
		z-index: 1000;
	}

	.menu-toggle,
	.menu-toggle:focus,
	.menu-toggle:hover {
		border-top: 1px solid #eee;
	}

	.menu-toggle::before {
		font-size: 1.5em;
		margin-right: 10px;
		text-rendering: auto;
	}

	.sub-menu-toggle {
		float: right;
		padding: 13px 10px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}

	.sub-menu .sub-menu-toggle {
		padding: 12px 10px;
	}

	.sub-menu-toggle::before {
		display: inline-block;
		text-rendering: auto;
		transform: rotate(0);
		transition: transform 0.25s ease-in-out;
	}

	.sub-menu-toggle.activated::before {
		transform: rotate(180deg);
	}

	

	

}
@media only screen and (max-width: 800px) {
	
	.site-header {
		/*position: absolute;*/
	}
	/* body.sticky-header .site-header,
	body.sticky-header .site-header.sticky {
		position: relative;
	} */
	.site-inner,
	.wrap {
		max-width: 630px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.header-widget-area {
		margin: 10px 0;
	}
	
	.nav-primary {
		background-color: rgba(0,0,28,0.5);
	}
	
	.nav-primary ul {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}

	.footer-widgets-1 {
		margin: 0;
	}
}

@media only screen and (max-width: 768px) {
	.site-inner,
	.wrap {
		width: 100%;
	}

	

	.footer-widgets .widget .textwidget {
		/*text-align: center;*/
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		margin-bottom: 50px;
	}

	.mobile_hide.menu-item-536 {
		display: none !important;
	}
}

@media only screen and (max-width: 560px) {
	.site-header.admin-loggedin.active {
		top: 0;
	}
}
@media only screen and (max-width: 500px) {
	.entry-title {
		font-size: 24px;
	
	}

	.content .entry-header .entry-meta .entry-comments-link {
		display: none;
	}
}