/*
Theme Name: The Society of Scent
Theme URI: https://bsqua.re
Author: ben@bsqua.re
Author URI: https://bsqua.re
Description: Flatsome child theme for the Society of Scent.
Template: flatsome
Version: 1.0.0
Text Domain: society-scent
*/


/********* FONTS **********/
@font-face {
    font-family: "BrandonGrotesque";  
    src: url("/wp-content/themes/society-scent/fonts/BrandonGrotesque-Regular.eot"); 
	src: 
	url("/wp-content/themes/so-scent/fonts/BrandonGrotesque-Regular.woff") format("woff"),
	url("/wp-content/themes/so-scent/fonts/BrandonGrotesque-Regular.otf") format("opentype"),
	url("/wp-content/themes/so-scent/fonts/BrandonGrotesque-Regular.svg") format("svg");
}

@import url("https://p.typekit.net/p.css?s=1&k=ptx4hpf&ht=tk&f=10294.10295.10296.10297&a=6799301&app=typekit&e=css");

@font-face {
font-family:"brandon-grotesque";
src:url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"brandon-grotesque";
src:url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"brandon-grotesque";
src:url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"brandon-grotesque";
src:url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

.tk-brandon-grotesque { font-family: "brandon-grotesque",sans-serif; }

.brandon {
	font-family: 'BrandonGrotesque', serif;  
	font-weight:normal!important;
}
.lusitana {
	font-family: 'Lusitana', serif;
}



/*TEAM ARCHIVE*/

.post-type-archive-team  a h1 {
	text-align:center;
	font-size:22px !important;
	letter-spacing:3px;
}

/*.team-archive  .listing-item  img {
	border:1px #000000 solid;
}*/

.post-type-archive-team  .hentry p {
	text-align:center;
}



.team-archive .title {
	text-align:center;
	font-family: "BrandonGrotesque";
	color:#000;
	width:100%;
	display:block;
	text-transform:uppercase;
	font-weight:100;
	font-size:22px;
	margin-bottom:0.2em;
	max-width:280px;   
	margin-left:auto;
	margin-right:auto;
}

.team-archive .team-position {
	display:block;
	text-align:center;	
	font-size:14px;
	letter-spacing:1px;
	font-family: "Browallia", Arial, sans-serif!important; 
}

.team-archive .listing-item {
	margin-top:3em;
	text-align:center;
}

.team-archive .excerpt-dash {
	display:none;
}

.team-archive .wp-post-image {
	margin-bottom:0.3em;
	margin-left:auto;
	margin-right:auto;
}

.team-archive .content{	
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}

.team-archive .excerpt {
	display:none!important;
	text-align:center;
	width:100%;
	font-size:0.85em;
	line-height:1.2em;
	display:block;
	margin-bottom:1em;
	max-width:300px;
	margin-left: auto;
    margin-right: auto;
} 

.team-archive img {
	max-width:300px;
}

.team-archive img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.team-image {
	float:left;
	width:200px;
	margin: 0 1.2em 1em 0; 
}

.team-image img {
	margin-bottom:0.2em!important;
}

h1.team-title {
	margin-bottom:1.2em;	
}

.team-description {
	line-height:1.6;
}

@media (max-width:768px) {
	.team-image {
		float:none;
		width:90%;
		margin:1em;
	}

	.team-texts {
		float:none!important;
		width:90%!important;
		margin:1em;
	}
}

.team-texts {
	width:820px;
	float:right;
}

.team-texts .team-family {
	text-align:center;
	margin:0 0 2em 0;
	font-weight:600;	
}

.team-page {
	display:table;
}

.team-slider {
	display:block;
	margin-top:4em;
}



/*INGREDIENTS*/
.ingredient-image {
	float:left;
	width:48%;
	margin: 0 1.6em 2em 0; 
}

@media (max-width:1122px) {
	.ingredient-image {
		float:none;
		width:90%;
		margin:1em;
		text-align:center;
	}
	.ingredient-texts {
		float:none!important;
		width:90%!important;
		margin:1em;
	}
}

.ingredient-photo-credit
/*.hentry .ingredient-image,
.hentry .ingredient-image span*/ {
	font-weight:600;
	font-size:0.8em;
	padding-top:0.5em;
	letter-spacing:2px;
	color: grey;
    text-align: right;
    width: 100%;
    display: inline-block;
	max-width:539px;
}

.ingredient-texts {
	width:48%;
	float:right;
}

.ingredient-texts .ingredient-family {
	text-align:left;
	margin:0 0 0.5em 0;
	font-weight:600;
	
}
h1.ingredients-title,
.ingredients-title h1 {
	margin-bottom:25px!important;
}
.ingredient-texts .ingredient-description {
	line-height:1.8em;
}

.ingredient-page {
	display:table;
}
.ingredients-slider {
	display:block;
	margin-top:4em;
}

.single-ingredients .psgal {
	padding-bottom:0;
	opacity:1!important;
}

.single-ingredients .psgal figure {
	width:auto!important;
	padding-left:0;
}



/*INGREDIENTS ARCHIVE*/

.page-id-246 .entry-content h3 {
	text-align: left;
	display:block;
	clear:both!important;
	padding-top:4em;
	font-size:14px!important;
}

.ingredients-archive {
	display:flex;
	flex-flow:wrap;
	justify-content:space-between;
	padding:0;
}

.ingredients-archive .title {
	text-align:center;
	width:100%;
	display:block;
	margin-top:0.8em;
	max-width:280px;   
	margin-left:auto;
	margin-right:auto;
}

.ingredients-archive .listing-item{
	margin-top:2em;    
}

.ingredients-archive img{
	max-width:280px;  
}

/* NEW */
.ingredient-archive,
.ingredients-archive {
	margin:2em 0 3em 0;
	min-width:26%;
}

.ingredients-archive img{
	max-width:280px; 
	border:thin rgba(0,0,0,0.25) solid;
}
/* NEW */
.ingredients-archive img:hover,
#soliloquy-container-664 img:hover{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ingredients-archive h3:before,
.ingredients-archive:after{
	clear:both!important;
}

.ingredient-archive,
#page #content .col-full #primary #main .ingredient-archive{
	/*margin-left:3.5% !important;
	margin-right:3.5% !important;*/
}



/**********************************************************
GLOSSARY
@import 'css/_glossary.css';
**********************************************************/




.page-id-389 h2.display-posts-title,
.page-id-389 .su-column p {
	color: #fff!important;
	padding:0.2em 0.5em 0 0 ;
	background-color:#000;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
	font-size: 30px!important;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	text-align: right!important;
	margin-top:30px;
}

.page-id-389 a.anchor {
    display: block;
    position: relative;
    top: -45px;
    visibility: hidden;
}

.glossary .listing-item .title {
	text-transform: uppercase;
	color:#000000;
	font-family: 'BrandonGrotesque', serif;
	margin:2rem 0 1rem 0;
	font-size:1.4em;
	
}

.glossary .listing-item .content p {
	font-weight:300;
	font-size:0.9em!important;
	text-transform:none;
	border-bottom:none;
	margin-top:0.3em;
	color:#999!important;
	margin-bottom:3em;
	background-color:#fff;
	text-align:left!important;
}




/********* SOLILOQUY **********/
.soliloquy-container { 
  max-height: none !important; 

}

.soliloquy-viewport { 
	height: auto !important; 
}

.soliloquy-container .soliloquy-caption { 
	position: relative !important; 
	margin-top:0.1em;
	background-color:transparent;

}

.soliloquy-caption-inside { 
	background: transparent !important; 
	filter: none !important; 
	-ms-filter: none !important; 
}

.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link {
	font-size:12px!important;
	font-family: 'BrandonGrotesque', serif;  
	font-weight:normal!important;
}

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside a {
	color:#000;
}

.soliloquy-container .soliloquy-prev,
.soliloquy-container .soliloquy-next{ 
	display: none !important; 
}

.soliloquy-container:hover .soliloquy-next,
.soliloquy-container:hover .soliloquy-prev, 
.soliloquy-container.soliloquy-hover .soliloquy-pager { 
	display: block !important; 
}

.soliloquy-container .soliloquy-prev {
	left:-40px!important;
	background-color:#000!important;
}

.soliloquy-container .soliloquy-next {
	right:-40px!important;
	background-color:#000!important;
}

@media only screen and (max-width: 767px) {
	.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title, 
	.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link,
	.storefront-pro-active .soliloquy-fc-title h2 a {
		font-size:.8em!important;
		line-height:1em!important;
	}
	.soliloquy-theme-base .soliloquy-caption-bottom .soliloquy-caption-inside {
		padding:5px 0px 0px 0px!important;
	}
}


/************* FAQ *****************/
/* colors & borders */
.wp-block-yoast-faq-block {
    border-top:1px solid #eee;
}
.wp-block-yoast-faq-block .schema-faq-question {
    border-bottom:1px solid #eee;
}
.wp-block-yoast-faq-block .schema-faq-question:hover,
.wp-block-yoast-faq-block .fcp-opened .schema-faq-question {
    background-color:#fafafa;
}
.wp-block-yoast-faq-block .schema-faq-answer,
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
    border-bottom:1px solid #eee;
}

/* layout */
.wp-block-yoast-faq-block .schema-faq-question {
    display:block;
    padding:10px;
    position:relative;
}
.wp-block-yoast-faq-block.fcp-faq .schema-faq-question {
    cursor:pointer;
}
.wp-block-yoast-faq-block .schema-faq-answer {
    margin:0;
    padding:12px 10px;
}

/* bullet before a question */
.wp-block-yoast-faq-block .schema-faq-question:before {
    /* position gap */
    margin-top:-2px;
}
.wp-block-yoast-faq-block .schema-faq-question,
.wp-block-yoast-faq-block .schema-faq-answer {
    padding-left:34px;
}
.wp-block-yoast-faq-block .schema-faq-question:before {
    content:'';
    display:block;
	border:2px solid #001484;
    /*border:2px solid #007aff;*/
    border-width:0px 2px 2px 0px;
    width:9px;
    height:9px;
    box-sizing:border-box;
    position:absolute;
    left:14px;
}
.wp-block-yoast-faq-block.fcp-faq .schema-faq-question:before {
    top:20px;
    transform:rotate(-45deg);
    transition:all 0.3s 0.3s ease;
}
.wp-block-yoast-faq-block .schema-faq-question:before,
.wp-block-yoast-faq-block.fcp-faq .fcp-opened .schema-faq-question:before {
    top:18px;
    transform:rotate(45deg);
}

/* transition */
.wp-block-yoast-faq-block.fcp-faq .schema-faq-answer {
    max-height:0;
    overflow:hidden;
    border-bottom-width:0;
    padding-top:0;
    padding-bottom:0;
    transition:padding-bottom 0.3s ease-in, max-height 0.4s ease-in, padding-top 0.1s 0.4s ease-out, border-bottom-width 0s 0.5s linear;
}
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
    max-height:9999px;
    border-bottom-width:1px;
    padding-top:12px;
    padding-bottom:20px;
    transition:padding-top 0.2s ease-in, max-height 0.3s 0.2s linear, padding-bottom 0.4s 0.2s ease;
}




/*Contact Form */

/* Chrome */
#gform_fields_2 input::-webkit-input-placeholder,
#gform_fields_2 email::-webkit-input-placeholder,
#gform_fields_2 textarea::-webkit-input-placeholder { 
  /*text-transform:uppercase!important;*/
}
/* IE 10+ */
#gform_fields_2  input:-ms-input-placeholder,
#gform_fields_2  email:-ms-input-placeholder,
#gform_fields_2  textarea:-ms-input-placeholder { 
  /*text-transform:uppercase!important;*/
}
/* Firefox 19+ */
#gform_fields_2  input::-moz-placeholder,
#gform_fields_2  email::-moz-placeholder,
#gform_fields_2  textarea::-moz-placeholder { 
	/*text-transform:uppercase!important;*/
  opacity: 1 !important;
}
/* Firefox 4 - 18 */
#gform_fields_2  input:-moz-placeholder,
#gform_fields_2  email:-moz-placeholder,
#gform_fields_2  textarea:-moz-placeholder { 
	/*text-transform:uppercase!important;*/
  opacity: 1 !important;
}


#gform_fields_2 .field_description_below .ginput_container_text input[type=text],
#gform_fields_2 .field_description_below .ginput_container_email input[type=text],
#gform_fields_2 .field_description_below .ginput_container_email input[type=email],
#gform_fields_2 .field_description_below .textarea{
	background-color:rgb(255, 255, 255);
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-bottom:15px;
	/*text-align:center;	*/
	font-size:24px;
	box-shadow:none;
}

#gform_fields_2 .field_description_below .textarea{
	height:150px !important;
}
#gform_submit_button_2:hover {
	color:#000000;
	background-color:#fcfcfc;	
}
#gform_submit_button_2{
	margin-left:auto;
	margin-right:auto;
	border:none;
	/*border-width:2px;
	border-color:#bababa;
	border-style:solid;*/
	background-color:#000000;
	color:#fcfcfc;
	padding:0.5em 4em;
}
/*@media (min-width:767px) {
	#gform_submit_button_2 {
		position: relative;
		left: 30% !important;
	}
}*/




/* Mobile Hero Image */
#hero-image {
	max-height:60vh;
}
#hero-image-mobile {
	width:100%;
	height:40vh;
	background-size:cover;
	background-position:center center;
	margin-bottom:2em;
}

@media (min-width:768px) {
	#hero-image-mobile {
		display:none;
	}
}

@media (max-width:768px) {
	#hero-image {
		display:none;
	}
}


/*Breadcrumbs*/
#breadcrumbs {
	font-size:1em;
	letter-spacing:2px;
	margin-bottom:10px;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;	
}
#breadcrumbs a,
#breadcrumbs span {
	color:#000;
}




h2.bicolor  {
	font-size:1.4em!important;
	margin-bottom:2em;
}
h2.bicolor strong {
	background-color:#000;
	color:#fff;
	padding:0.4em 0.8em 0.3em 0.8em;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:max-content;
	font-weight:normal;
	margin-bottom:0.4em;
}

h1, .team-texts h1, .archive .entry-title h1,
h2, .product h2,
h3, h4, h5, h6, 
.title a,
.ingredients-archive .title,
.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link {
	font-family: "BrandonGrotesque", Arial, sans-serif!important; 	
	font-weight: bold!important;
    color: #000000!important;
    /*font-size: 17px!important;
	letter-spacing: 4px!important;*/
	text-transform:uppercase!important;
}


.order-sample {
	font-style:italic;
	margin-top:1.8em;
	font-size:0.8em;
}

.order-sample a {
	display:inline-block;
	background-color:#000;
	padding: 0.2em 0.5em;
	color:#fff;
	font-style:normal;
	font-size:1.1em;
}
.order-sample a:hover {
	background-color:#001484;
}


/**********************************************************
BLOG
@import 'css/_blog.css';
**********************************************************/

/*Hide featured image*/
.post .entry-content .wp-post-image:nth-of-type(1) {
	display:none;
}

.post h1.entry-title  {
	line-height:1;
	margin-top:0.5em;
	margin-bottom:0.2em;
}
.post .entry-header {
	margin-bottom:1.4em;
}

/*right align specific videos*/
.post-48 .wp-video,
.post-49 .wp-video {
	float:right;
	margin-left:2.6em;
}

/*Change border color under the title*/
.single #main .hentry header{
	border-color:#000000;
}


/* Category page posts presentation */
.category #main h1 {
	padding:1em 0.5em 1em 0.5em;
	min-height:2em;
	line-height:1.6;
    font-size: 17px!important;
	text-align:center;
}

/* Category page posts presentation */
.page-id-82 .content-area {
	margin-top:2em!important;
}

/*Hide title on categories*/

.category-commissioned .taxonomy-description,
	.category-featured .taxonomy-description,
.category-unfinished .taxonomy-description,
.category-conversations .taxonomy-description,
.category-art .taxonomy-description,
.category-magazine .taxonomy-description,
.category-scent .taxonomy-description,
.category-creation .taxonomy-description,
.category-leisure .taxonomy-description{
	margin-bottom:3em;
}

@media (min-width:837px) {
	.category-commissioned .taxonomy-description h2 a,
	.category-featured .taxonomy-description h2 a,
	.category-unfinished .taxonomy-description h2 a,
	.category-conversations .taxonomy-description h2 a,
	.category-art .taxonomy-description h2 a,
	.category-magazine .taxonomy-description h2 a,
	.category-scent .taxonomy-description h2 a,
	.category-creation .taxonomy-description h2 a,
	.category-leisure .taxonomy-description h2 a {
		width:32%;
		text-align:center;
	}
	
	.category-commissioned .taxonomy-description ul li,
	.category-featured .taxonomy-description ul li,
	.category-unfinished .taxonomy-description ul li,
	.category-conversations .taxonomy-description ul li,
	.category-art .taxonomy-description ul li,
	.category-magazine .taxonomy-description ul li,
	.category-scent .taxonomy-description ul li,
	.category-creation .taxonomy-description ul li,
	.category-leisure .taxonomy-description ul li{
		display: inline-block;
		width:30%;
		text-align:center;
		text-transform:uppercase;
	}
}

.category-commissioned .taxonomy-description ul,
.category-featured .taxonomy-description ul,
.category-unfinished .taxonomy-description ul,
.category-conversations .taxonomy-description ul,
.category-art .taxonomy-description ul,
.category-magazine .taxonomy-description ul,
.category-scent .taxonomy-description ul,
.category-creation .taxonomy-description ul,
.category-leisure .taxonomy-description ul{
	list-style:none;
	display:block;
	text-align:center;
	margin-left:0;
}

	.category-commissioned .taxonomy-description ul li a strong,
	.category-featured .taxonomy-description ul li a strong,
.category-unfinished .taxonomy-description ul li a strong,
.category-conversations .taxonomy-description ul li a strong,
.category-magazine .taxonomy-description ul li a strong,
.category-art .taxonomy-description ul li a strong,
.category-scent .taxonomy-description ul li a strong,
.category-creation .taxonomy-description ul li a strong,
.category-leisure .taxonomy-description ul li a strong {
	color:#000;
	font-size:1.2em;
}

/*Hide blog post excerpt on cateogry pages*/
.category .entry-content {
	display:none;
}



#gform_wrapper_3 {
	margin-top:0px!important;
}

#gform_fields_3 li {
	margin-top:2.5em!important;
}

#gform_fields_3 li:first-of-type,
#gform_fields_3 li:nth-of-type(2){
	margin-top:0!important;
}

#gform_fields_3 .field_description_below input[type=text] {
	text-align:left!important;
	text-transform:none!important;
}

#field_3_17 label {
	font-weight:300!important;
}