/*
Theme Name: WebApp
Theme URI: https://addsometaste.com
Description: Custom web application theme for AddSomeTaste
Version: 1.0
Author: AddSomeTaste
Author URI: https://addsometaste.com
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;
	/* font-size:100%; 
	font:inherit; */
	vertical-align:baseline}
body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* WEBAPP LAYOUT */
.webapp-layout {
	display: flex;
	min-height: 100vh;
	position: relative;
}

/* Disable transitions during initial load */
html.sidebar-expanded-init .webapp-sidebar,
html.sidebar-expanded-init .webapp-main,
html.sidebar-expanded-init .webapp-footer {
	transition: none !important;
}

/* Force expanded state immediately on page load */
html.sidebar-expanded-init .webapp-sidebar {
	width: 287px;
}

html.sidebar-expanded-init .webapp-main {
	margin-left: 287px;
}

html.sidebar-expanded-init .webapp-footer {
	left: 287px;
}

/* SIDEBAR */
.webapp-sidebar {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 48px;
	background-color: #ffffff;
	border-right: 1px solid #e0e0e0;
	display: flex;
	flex-direction: column;
	transition: width 0.3s ease;
	z-index: 10000;
	overflow-x: hidden;
	overflow-y: auto;
}

.webapp-sidebar.expanded {
	width: 287px;
}

.sidebar-header {
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 48px;
}

.sidebar-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4c524f;
	flex-shrink: 0;
	outline: none;
}

.sidebar-toggle:hover {
	color: #d865d4;
}

.sidebar-toggle:focus {
	outline: none;
	box-shadow: none;
}

.sidebar-toggle .material-icons {
	font-size: 24px;
}

.sidebar-title {
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.webapp-sidebar.expanded .sidebar-title {
	opacity: 1;
}

.sidebar-title a {
	color: #4c524f;
	text-decoration: none;
}

.sidebar-title a:hover {
	color: #d865d4;
}

.sidebar-nav {
	flex: 1;
	padding: 12px 0;
	overflow: visible;
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-menu-item {
	margin: 4px 0;
}

.sidebar-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 6px 12px;
	margin: 2px 8px;
	color: #4c524f;
	text-decoration: none;
	transition: background-color 0.2s ease;
	gap: 12px;
	border-radius: 6px;
}

.sidebar-link:hover {
	background-color: #f5f5f5;
	color: #d865d4;
	text-decoration: none;
}

.sidebar-link .material-icons,
.sidebar-link .material-icons-outlined,
.sidebar-link .material-symbols-outlined {
	font-size: 20px;
	flex-shrink: 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
}

.webapp-sidebar:not(.expanded) .sidebar-link {
	justify-content: center;
	padding: 8px;
	margin: 4px 6px;
	border-radius: 6px;
	gap: 0;
}

.sidebar-text {
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s ease;
	display: none;
}

.webapp-sidebar.expanded .sidebar-text {
	opacity: 1;
	display: inline;
	font-size: 17px;
}

.sidebar-footer {
	border-top: 1px solid #e0e0e0;
	padding: 12px;
	position: relative;
	z-index: 10002;
}

.sidebar-user-btn {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	outline: none;
}

.sidebar-user-btn:focus {
	outline: none;
	box-shadow: none;
}

.sidebar-user-btn.dropdown-toggle::after {
	display: none;
}

.user-avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #d865d4;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	flex-shrink: 0;
}

.user-name {
	font-size: 14px;
	color: #4c524f;
}

.sidebar-user {
	position: relative;
	z-index: 10003;
}

.sidebar-dropdown-menu {
	position: fixed;
	bottom: 44px;
	left: 12px;
	width: 280px;
	background: white;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 0;
	display: none;
	z-index: 100000;
}

.sidebar-dropdown-menu.show {
	display: block;
}

.webapp-sidebar.expanded .sidebar-dropdown-menu {
	left: 12px;
}

.dropdown-user-info {
	padding: 16px;
}

.user-email {
	font-size: 13px;
	color: #6b6b6b;
	margin-bottom: 12px;
	font-weight: 400;
}

.user-plan-info {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 6px;
	position: relative;
}

.user-plan-avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #3d3d3d;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	flex-shrink: 0;
}

.user-plan-details {
	flex: 1;
	min-width: 0;
}

.user-plan-name {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 2px;
}

.user-plan-type {
	font-size: 12px;
	color: #6b6b6b;
}

.plan-check {
	font-size: 18px;
	color: #0066ff;
	margin-left: auto;
}

.dropdown-item {
	padding: 10px 16px;
	font-size: 14px;
	color: #1a1a1a;
	border: none;
	background: none;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	text-align: left;
	text-decoration: none;
	transition: background-color 0.15s ease;
	cursor: pointer;
}

.dropdown-item .material-icons {
	font-size: 20px;
	color: #666;
}

.dropdown-item:hover {
	background-color: #f5f5f5;
	color: #1a1a1a;
	text-decoration: none;
}

.dropdown-item:hover .material-icons {
	color: #d865d4;
}

.dropdown-item.account_new_recipe {
	background-color: #d865d4;
	color: white;
	border-radius: 4px;
	margin: 0 8px;
	width: calc(100% - 16px);
	font-weight: 500;
}

.dropdown-item.account_new_recipe .material-icons {
	color: white;
}

.dropdown-item.account_new_recipe:hover {
	background-color: #c850bd;
	color: white;
}

.dropdown-item.account_new_recipe:hover .material-icons {
	color: white;
}

.dropdown-divider {
	margin: 6px 0;
	height: 1px;
	background-color: #e8e8e8;
	border: none;
}

.sidebar-signin {
	display: flex;
	justify-content: center;
}

.webapp-sidebar:not(.expanded) .sidebar-signin .btn {
	padding: 4px 8px;
	font-size: 12px;
}

/* MAIN CONTENT */
.webapp-main {
	flex: 1;
	margin-left: 48px;
	margin-bottom: 50px;
	transition: margin-left 0.3s ease;
	display: flex;
	flex-direction: column;
}

.webapp-sidebar.expanded ~ .webapp-main {
	margin-left: 287px;
}

/* FIXED SEARCH HEADER */
.webapp-search-header {
	position: fixed;
	top: 0;
	left: 48px;
	right: 0;
	height: 60px;
	background-color: #ffffff;
	border-bottom: 1px solid #e0e0e0;
	z-index: 9998;
	transition: left 0.3s ease;
	display: flex;
	align-items: center;
}

.webapp-sidebar.expanded ~ .webapp-main .webapp-search-header {
	left: 287px;
}

.search-header-container {
	width: 100%;
	padding: 0 20px;
}

.search-header-content {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: flex-start;
}

/* Adjust main container when search header is present */
.webapp-main #container {
	padding-top: 80px;
}

/* Search bar styling in fixed header */
.webapp-search-header .recipe-all-filters-content {
	max-width: 600px;
}

.webapp-search-header .select2-container {
	max-width: 600px !important;
	width: 100% !important;
}

/* Fix Select2 dropdown z-index to show above header */
.select2-container--open .select2-dropdown {
	z-index: 99999 !important;
}

.select2-dropdown {
	z-index: 99999 !important;
}

.webapp-search-header .select2-container .select2-selection--multiple {
	min-height: 45px;
	border-radius: 8px;
	border: 1px solid #d0d0d0 !important;
	box-shadow: none !important;
	outline: none !important;
	background-color: #fff;
}

.webapp-search-header .select2-container--focus .select2-selection--multiple,
.webapp-search-header .select2-container--open .select2-selection--multiple,
.webapp-search-header .select2-selection--multiple:focus,
.webapp-search-header .select2-selection--multiple:active {
	border: 1px solid #d865d4 !important;
	box-shadow: none !important;
	outline: none !important;
}

.webapp-search-header .select2-selection__rendered {
	padding: 8px 15px;
}

.webapp-search-header .select2-search--inline .select2-search__field {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	width: auto !important;
	min-width: 200px;
}

.webapp-search-header .select2-search--inline .select2-search__field:focus {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	width: auto !important;
}

/* Hide the original search wrapper on recipes page */
.recipe-all-filters-wrapper:empty {
	display: none;
}

/* Loading indicator for smooth page transitions */
.loading-recipes {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	padding: 60px 20px;
}

.loading-recipes .spinner-border {
	width: 3rem;
	height: 3rem;
	margin-bottom: 20px;
	border-width: 0.3em;
	color: #d865d4;
}

.loading-recipes p {
	font-size: 16px;
	color: #6b6b6b;
	margin: 0;
}

#container {
	flex: 1;
	padding: 20px;
}

/* FOOTER */
.webapp-footer {
	position: fixed;
	bottom: 0;
	left: 48px;
	right: 0;
	height: 50px;
	background-color: #d64dc5;
	transition: left 0.3s ease;
	z-index: 9999;
}

.webapp-sidebar.expanded ~ .webapp-footer {
	left: 287px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.webapp-sidebar {
		box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
	}
	
	.webapp-sidebar.expanded {
		box-shadow: 2px 0 16px rgba(0, 0, 0, 0.2);
	}
	
	.webapp-main {
		margin-left: 48px !important;
	}
	
	.webapp-footer {
		left: 48px !important;
	}
}

/* DEFAULTS */
#wrapper {
	position: relative;
  	min-height: 100vh;
}
#site-title {
	font-family: 'Lemon', cursive;
}
#site-title h1 {
	font-size: 28px;
}
#branding #site-title h1 {
	color: #4c524f;
}
#site-title a {
	text-decoration: none;
	color: inherit;
}

body {
	font-family: 'Karla', sans-serif;
	font-size: 15px;
}

a {
	color: #4c524f;
	text-decoration: none;
}
a:hover {
	color: #d865d4;
}


.color-primary {
	color: #d865d4;
}
.btn {
	cursor: pointer;
    border-radius: 5px;
	border: none;
	outline: none;
    padding: 10px 30px;
}
.btn-small {
	padding: 2px 8px;
    border-radius: 3px;
}
.btn-medium {
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 15px;
}
.btn-ingredients, .btn-instructions {
	border: 1px solid #ced4da;
    color: #767676;
    padding: 0px 0px;
    vertical-align: middle;
    line-height: 2;
    background-color: #ced4da21;
    min-height: 30px;
    max-height: 29px;
    width: 100%;
    position: relative;
    top: 1px;
}
.btn-ingredients:hover, btn-instructions:hover {
	border: 1px solid #d865d4;
	background-color: #d865d4;
}
.btn-ingredients:hover i, btn-instructions:hover i {
	color: #fff;
}
.btn-ingredients i, btn-instructions i {
	font-size: 19px;
	position: relative;
    top: 2px;
}
.btn-primary {
	border: 1px solid #d865d4;
	background-color: #d865d4;
	color: #fff;
}
.btn-primary:hover {
	background-color: #bd69ba;
	border-color: #bd69ba;
}
.btn-primary-outline {
	border: 2px solid #d865d4;
	background-color: transparent;
}
.btn-primary-outline:hover {
	background-color: #d865d4;
	color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background-color: #d865d4;
	color: #fff;
	border-color: #d865d4;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #d865d4;
    border-color: #d865d4;
    box-shadow: none;
}

.btn-grey-outline {
	border: 1px solid #ced4da;
	background-color: transparent;
	border: 1px solid #d865d4;
}
.btn-grey-outline:hover {
	border: 1px solid #d865d4;
	background-color: #d865d4;
	color: #fff;
}
.btn-grey-outline:hover i {
	color: #fff;
}
.btn i {
	margin-right: 5px;
}
.btn-grey-outline i {
    font-size: 24px;
    color: #d865d4;
}
.btn-default-outline {
	border: 2px solid #4c524f;
	background-color: transparent;
}
.btn-default-outline:hover {
	border: 2px solid #d865d4;
	background-color: #d865d4;
	color: #fff;
}

.btn-white {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;	 
}
.btn-white:hover, .btn-outline-white:hover {
	background-color: #fff;
	border-color: #fff;
	color: #d865d4;
}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle {
	background-color: #fff;
	color: #000;
	border-color: #d865d4;
}
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-white.focus, .btn-white:focus {
    color: #000;
    background-color: #fff;
    border-color: #d865d4;
    box-shadow: none;
}

.btn-outline-white {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;	
}

h2 {
	font-size: 24px;
}

.alert-primary {
	color: #000000;
    background-color: #d865d429;
    border-color: #d865d4;
}
.alert {
	margin-bottom: 0px;
}

/* COMPONENTS */
input[type="text"].form-control {
	border-radius: 5px;
}
.form-control {
	color: #2d2d2d;
}
.form-control:focus {
	border-color: #d865d4;
	box-shadow: none;
	color: #4c524f;
}

/* CONTEXT MENU */
#contextmenu {
	position: absolute;
    background-color: white;
    border: 1px solid grey;
    border-radius: 3px;
    padding: 5px;
}
.contextmenu-wrapper ul li {
	font-size: 13px;
	padding: 10px 3px;
	cursor: pointer;
}
.contextmenu-wrapper ul li:hover {
	background-color: #d865d4;
	color: #fff;
}
.contextmenu-wrapper ul li i {
	vertical-align: middle;
    font-size: 17px;
	margin-right: 5px;
}
/* LOGIN */
#login {
	font-family: 'Karla', sans-serif;
	font-size: 15px;
}
.login-wrapper {
	height: 100vh;
	line-height: 100vh;
	text-align: center;
    background: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
}
.login-content {
	width: 320px;
	padding: 20px;
    display: inline-block;
    vertical-align: middle;
    clear: both;
    line-height: normal;
    background-color: #fff;
    border-radius: 5px;
}
.login-submit .button {
	width: 100%;
    height: 38px;
	outline: none;
    background-color: #d865d4;
    border: none;
    border-radius: 3px;
    color: #fff;
	font-size: 17px;
    font-family: 'Karla', sans-serif;
	cursor: pointer;
}
.login-submit .button:hover {
	background: linear-gradient(to right top, #a393dc, #d865d4, #68bff8);
}
#login #site-title h1 {
	color: #4c524f;
	font-size: 26px;
}
#login .input[type="text"], #login .input[type="password"] {
	border: none;
    outline: none;
    padding: 10px;
    width: 100%;
    font-size: 17px;
    border-radius: 3px;
    background-color: #999be242;
	margin-top: 5px;
}
.login-body {
	text-align: left;
}
.login-body p {
	margin-top: 20px;
}

/* HEADER */

.navbar {
	/* max-width: 1200px; */
    padding: 20px 40px;
    text-align: center;
    font-size: 20px;
}  
.navbar #user {
	font-size: 14px;
}
.navbar .user-name {
	color: #d865d4;
}
.navbar .nav-item a {
	color: #000;
}
.navbar .nav-item a:hover {
	color: #d64dc5;
}
.navbar-toggler {
	/* border: 1px solid #d865d4; */
}
.navbar-toggler svg {
	color: #4c524f;
}

#header {
	/* height: 70px; */
}
.header-wrapper {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px;
	font-size: 14px;
	color: #d865d4;
}
#branding {
	margin: auto;
	width: 100%;
}

#user {
	margin: auto;
	flex-shrink: 0;
}
#user a {
	text-decoration: none;
}
#user .user-avatar {
	
}
#user .user-avatar img {
	border-radius: 55px;
	width: 40px;
}
#user .user-info {
	text-align: right;
}
#user .user-info a {
	margin-left: 5px;
	color: #2d2d2d;
}
#user .user-info a:hover {
	color: #d865d4;
	text-decoration: underline;
}
#user .user-options {
	margin-top: 6px;
}

#nav-menu {
	margin: auto;
	width: 100%;
}

#nav_user {
	display: block;
}
#nav_user .dropdown-item {
	line-height: 1.5;
}
#nav_user .dropdown-menu {
	min-width: 200px;
}
#nav_user .dropdown-holder {
	padding: 8px 24px;
}
#nav_user .dropdown-toggle {
	font-size: 18px;
}
#nav_user .dropdown-toggle:after {
	vertical-align: 0.125em;
}
#nav_user .dropdown-item i {
	color: #737382;
	margin-right: 10px;
}
#nav_user .dropdown-item:focus {
	outline: none;
}
#nav_user .dropdown-item:active {
	background-color: inherit;
}
#nav_user .dropdown-menu-right {
    right: -1px;
}
#nav_user .dropdown-menu-right a:hover i {
	color: #d865d4;
}

/* NAV MENU */
#nav-menu ul li {
	display: inline-block;
	font-size: 20px;
	padding: 5px;
}
#nav-menu ul li a {
	text-decoration: none;
	color: #000;
}

#nav-menu ul li a:hover {
	color: #d865d4;
}

/* BODY */




/* HERO */
.home #header, .hero {
	/* background-color: #d865d4;
	background: linear-gradient(to right, #d865d4 0%, #d865d4 30%, #e883e5 100%) !important; */
	color: #fff;
}
.hero {
	/* padding-top: 60px; */
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.hero {
	height: 90vh;
}
.hero .container-fluid .row {
	/* margin: 0 auto; */
}
.hero h1, .hero h2 {
	display: inline-block;
}
.hero h1 {
	color: #4c524f;
	font-size: 37px;
    font-weight: bold;
	/* font-family: 'Sedgwick Ave Display', cursive;
    font-size: 140px;
    text-transform: uppercase; */
}
.hero h2 {
	font-family: 'Sedgwick Ave Display', cursive;
    font-size: 120px;
    text-transform: uppercase;
}
.hero-tab-content-buttons .btn {
	font-size: 21px;
}
.hero .nav-tabs {
	border: none;
}
.hero .nav-tabs .nav-item {
	width: 25%;
	display: inline-block;
}
.hero .nav-tabs .nav-item a {
	padding: 7px;
	color: #f5e1f4;
	font-size: 18px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 10px;
	margin-bottom: 10px;
	background-color: transparent;
}
.hero .nav-tabs .nav-item a.active {
	border: none;
	color: #fff;
}
.hero .nav-tabs .nav-item a .hero-tab-nav-title {
	margin: 0 auto;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	padding-bottom: 5px;
}
.hero .nav-tabs .nav-item a:hover .hero-tab-nav-title {
	border-bottom: 2px solid #f6cfeb;
}
.hero .nav-tabs .nav-item a.active .hero-tab-nav-title {
	border-bottom: 2px solid #fff;
}
	

/* Tab Content */
.hero .tab-pane .hero-tab-content-image {
	width: 100%;
	height: 420px;
	background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
	border-radius: 10px;
}
.hero .tab-pane .hero-tab-content-image-shape {
    background-image: url(https://sexupyourveg.com/wp-content/uploads/pjscott2/2020/06/hero-shape.png);
    padding: 75px 0;
    background-size: contain;
    position: relative;
	background-repeat: no-repeat;
	background-position: center;
}
.hero .tab-content .tab-pane h1 {
	font-size: 50px;
}
.hero .tab-content .tab-pane p {
	font-size: 20px;
	line-height: 28px;
	padding-top: 1.25em;
	color: #ffeafe;
}
.hero .tab-content .tab-pane .hero-tab-content-buttons {
	margin-top: 40px;	
}
.hero .tab-content .tab-pane .hero-tab-content-buttons a {
	width: 125px;
	padding: 10px 20px;
}
.hero .tab-content .tab-pane .hero-tab-content-buttons a:first-child {
	margin-right: 5px;
}

.hero .hero-divider-shape svg {
	margin-top: 40px;
}

.hero2 {
	height: calc(100vh - 111px);
	line-height: calc(100vh - 111px);
	text-align: center;
    background: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
}
.hero2-wrapper {
	height: 440px;
    max-height: 512px;
	display: inline-block;
	vertical-align: middle;
	clear: both;
}
.hero2-wrapper img {
	height: 256px;
	display: block;
	line-height: 50px;
	margin: 0 auto;
}
.hero2 span {
	font-family: 'Lemon', cursive;
    font-weight: bolder;
	font-size: 50px;
	line-height: 50px;
	margin-top: 40px;
	display: block;
	color: white;
}
.hero2 span:nth-child(3) {
	background-image: linear-gradient(to left top, #ffffff, #fff3ff, #ffe5eb, #ffddc4, #ffdf9f, #ffdf9f, #ffdf9f, #ffdf9f, #ffddc4, #ffe5eb, #fff3ff, #ffffff);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.hero .container .card {
	width: 100%;
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	border-radius: 3px;
	border: none;
}

.divider .row {
	margin-bottom: 0;	
}
.divider {
	border-bottom: 1px solid #e7eaf3;
	margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
}

/* LATEST */
#section-latest {
	margin-top: 40px;
}
#section-latest .latest-hero-img {
	min-height: 400px;
	border-radius: 5px;
}
#section-latest .latest-header-img {
	height: 200px
}

/* SEARCH */
#section-search {
	margin-top: 40px;
}


.divider-title {
	padding: 60px;
	text-align: center;
}
.divider-title img {
	width: 72px;
	display: block;
	margin: 0 auto;
}
.divider-title text {
	font-family: 'Lemon', cursive;
    font-weight: bolder;
	font-size: 30px;
	margin-top: 20px;
	display: block;
}



/* -------- GRID -------- */
.recipe-grid {
	/* max-width: 1200px;
    margin: 0 auto;
	padding: 20px; */
}
.recipe-grid-content {
	font-size: 19px;
	/* margin: 0% -1.5%;
	padding: 1%;
    width: 103%;
    display: flex;
    flex-wrap: wrap; */
}
.recipe-card-box-link {
	/* width: 30.333%;
    min-width: 30.333%;
	width: 29.333%;
	min-width: 29.333%;
    display: block;
    box-sizing: border-box;
    margin: 0 2% 2%;
    padding: 0;
	padding-left: 15px;
	padding-right: 15px; */
    text-decoration: none;
	/* display: inline-block; */
}
.recipe-grid a {
	text-decoration: none;
}
.recipe-card-box-link:hover {
	text-decoration: underline;
}
.recipe-card-box:hover .recipe-card-img-featured {
	/* -webkit-box-shadow: 0px 0px 50px -13px rgba(214,47,214,0.67);
	-moz-box-shadow: 0px 0px 50px -13px rgba(214,47,214,0.67);
	box-shadow: 0px 0px 50px -13px rgba(214,47,214,0.67); */
}
.recipe-card-box:hover .recipe-card-title {
	/* color: #d865d4; */
}
.recipe-card-box {
	color: #000;
	margin-bottom: 20px;
}
.recipe-card-img-featured {
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	border-radius: 3px;
	/* -webkit-filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg);
    filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg); */
}

.recipe-card-img-featured.no-image {
	background-color: #e0e0e0;
}
.recipe-card-info {
	padding: 10px 0;
}
.recipe-card-title {
    font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.recipe-card-favourite i {
	float: right;
    color: white;
    width: 25px;
    z-index: 3;
    position: relative;
    top: 7px;
    right: 10px;
}
.recipe-card-actions {
	display: inline-block;
	float: right;
}
.recipe-card-author {
	display: inline-block;
}
.recipe-card-author-name {
	color: grey;
    font-size: 15px;
}

.recipe-card-difficulty, .recipe-card-time  {
	display: inline-block;
}

.recipe-card-difficulty svg {
	height: 28px;
	margin-left: -5px;
}
.recipe-card-difficulty div {
	font-size: 15px;
    margin-top: 4px;
    float: right;
}
.recipe-card-time {
	float: right;
}
.recipe-card-time svg {
	width: 23px;
    margin-top: -1px;
}
.recipe-card-time div {
	font-size: 15px;
    margin-top: 3px;
    float: right;
	margin-left: 5px;
}

/* -------- SEARCH -------- */
.search-wrapper {
	height: 400px;
	text-align: center;
    
}
.search-content input {
	padding: 20px 90px;
    font-size: 30px;
    border-radius: 12px;
    border: 3px solid grey;
	outline: none;
}
.recipe-all-filters-wrapper {
	/* max-width: 1200px;
    margin: 0 auto;
    padding: 20px 40px; */
}
.recipe-all-filters-content {
	/* font-size: 19px;
    margin: 0% -1.5%;
    padding: 1%;
    width: 103%;
    display: flex;
    flex-wrap: wrap; */
	margin-top: 30px;
	margin-bottom: 40px;
}
.recipe-all-filters-select {
	width: 100%;
	margin: 0 -1.5%;
}

.recipe-all-filters-wrapper input {
	padding: 10px 15px;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid grey;
    outline: none;
}

.select2-container--search {
    border-radius: 3px;
    padding: 5px 10px;
    vertical-align: middle;
    /* line-height: 18px; */
	min-height: 51px;
    font-size: 18px;
    font-family: 'Karla', sans-serif;
	cursor: pointer;
}
.select2-container--search .select2-selection {
	outline: none;
}
.select2-container--search .select2-selection__clear {
	float: right;
}
.select2-container--search .select2-selection__choice {
	display: inline-block;
	margin: 5px;
    padding: 5px;
    background-color: #d865d4;
    border-radius: 3px;
    color: #fff;
}
.select2-container--search .select2-selection__choice__remove {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 1px;
	cursor: pointer;
}
.select2-container--search.select2-container .select2-search--inline .select2-search__field {
	color: #d865d4;
	font-size: 21px;
	margin-top: 8px;
}

.select2-container--search .select2-results__option.select2-results__message:empty {
    display: none;
}
.select2-container--search .select2-results__options[role='listbox']>li:first-child {
	height: 10px;
}
.select2-container--search .select2-results__options[role='listbox']>li:first-child strong {
	display: none;
}
.select2-container--search .select2-results__options[role='listbox']>li:first-child ul li {
	display: none;
}

.select2-container--search .recipe-all-filters-filter {
	display: inline-block;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 1px;
}
.select2-container--search .recipe-all-filters-filter:hover {
	background-color: #d865d4;
	color: #fff;
}
.select2-container--search .recipe-all-filters-filter.selected {
	background-color: #d865d4;
	color: #fff;
}
.select2-container--search .select2-dropdown {
	margin-top: -9px;
	margin-left: -1px;
	margin-top: -9px;
    margin-left: -1px;
    border: 1px solid #636363;
    border-top: 1px solid #dadada !important;
}

.select2-container--search .select2-results {
	cursor: default;
	font-size: 16px;
	max-height: 40vh;
    overflow: auto;
	border-top: 1px solid #dadada !important;
}
.select2-container--search .select2-results::-webkit-scrollbar {
	width: 7px;
}
    /* Track */
.select2-container--search .select2-results::-webkit-scrollbar-track {
	background-color: #dadada;
}
    /* Handle */
.select2-container--search .select2-results::-webkit-scrollbar-thumb {
	background: rgb(216, 101, 212);
    border-radius: 0px;
}
    /* Handle on hover */
.select2-container--search .select2-results::-webkit-scrollbar-thumb:hover {
	background: #000; 
}
.select2-container--search .select2-results__group {
	font-size: 18px;
}
.select2-container--search.select2-container--below {
	/* border-bottom-color: #e2e2e2; */
}
.select2-container--search .select2-results__group {
	margin-left: 12px;
}
.select2-container--search .select2-results__option--highlighted {
	background-color: #d865d4;
	color: #fff;
    border-radius: 3px;
}
.select2-container--search .select2-results__option--selectable {
    cursor: pointer;
    border: 1px solid #d865d4;
	margin: 1px;
    border-radius: 3px;
}
.select2-container--search .select2-results__option--highlighted.select2-results__option--selected {
    color: #fff;
	background-color: #d865d4;
}
.select2-container--search .select2-results__option--selected {
	color: #fff;
	background-color: #d865d4;
}

.select2-container--search .select2-results__options--nested {
	margin: 10px 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.select2-results__option[aria-label^="filters"] {
    display: none;
}
.select2-results .select2-results__options .select2-results__option--selectable {
	display: none;
}
.select2-results .select2-results__options .select2-results__option--group .select2-results__option--selectable {
	display: inherit;
}

/* Buttons */
.recipe-all-filters-buttons ul li {
	display: inline-block;
	padding: 10px;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #d865d4;
}
.recipe-all-filters-button.selected {
	background-color: grey;
}





/* -------- COLLECTIONS -------- */
.collection-img {
	cursor: pointer;
	background-color: #f4f4f4;
	padding-top: 90%;
	border-radius: 3px;
}
#collection_new {
	
}
#collection_new .collection-new {
	cursor: pointer;
	padding-top: 100%;
	border-radius: 3px;
	border-radius: 3px;
	border: 1px dashed #d865d4;
}
#collection_new i {
	cursor: pointer;
	position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px;
    background-color: #d865d4;
    border-radius: 3px;
    color: #fff;
}
#collection_new h3 {
	cursor: pointer;
	text-align: center;
	position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.collection h3 {
	margin-top: 10px;
	font-size: 17px;
	font-weight: normal;
}


/* COLLECTIONS SINGLE */

.collections-single-wrapper .nav-tabs .nav-link {
	font-size: 17px;
}
.collections-single-wrapper .nav-tabs {
	border-bottom: 1px solid #d865d4;
}
.collections-single-wrapper .nav-tabs .nav-item.show .nav-link, 
.collections-single-wrapper .nav-tabs .nav-link.active {
    border-color: #d865d4 #d865d4 #fff;
	color: #d865d4;
}
.collections-single-wrapper .nav-tabs .nav-link:focus, 
.collections-single-wrapper .nav-tabs .nav-link:hover {
	color: inherit;
    border-color: #f9b6f7 #f9b6f7 #f9b6f7;
}
	    

.table.planner-table.planner-7days td {
	min-width: 137px;
    max-width: 137px;
}
.table.planner-table td.plan-drag {
	height: 160px;
}
.planner-card {
	height: 125px;
	width: 116px;
	cursor: move;
}
.planner-card:hover {
	
}
.planner-card .card-body {
	padding: 5px;
}
.planner-card .card-title {
	font-size: 15px;
	cursor: pointer;
}
.planner-card .card-img-top {
	height: 75px;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.collections-recipe-table tr:hover {
	background-color: #fbfbfb;
}
.collections-recipe-table td {
	padding: 5px;
}
.collections-recipe-table thead tr th:nth-child(2) {
	width: 75px;
}
.collections-recipe-table .collections-recipe-table-img {
	border-radius: 3px;
	height: 53px;
	width: 57px;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.collections-recipe-table tr:hover {
	cursor: grab;
}
.collections-recipe-table .collections-recipe-table-drag-icon,
.collections-recipe-table .collections-recipe-table-favorite {
	font-size: 20px;
	width: 40px;
	color: #7c7f7e;
}
.collections-recipe-table .collections-recipe-table-favorite i {

}
.collections-recipe-table td {
	vertical-align: middle;
}

/* DRAGULA */
.plan-drag .gu-transit {
	border: 2px dashed #d865d4;
	opacity: 1;
	border-radius: 3px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	/* height: 125px;
	width: 116px; */
}
.gu-transit .planner-card {
	opacity: 0;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}


/* -------- RECIPE -------- */
.recipe-difficulty-Easy {
	fill: #02b168;
}
.recipe-difficulty-Medium {
	fill: orange;
}
.recipe-difficulty-Hard {
	fill: red;
}
.recipe-difficulty-Professional {
	fill: gold;
}

/* -------- RECIPE POST --- */
.recipe-post {
	
}
.recipe-post-content {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0px 40px;
	font-size: 17px;
	color: #2d2d2d;
}
.recipe-post-content h2, .recipe-post-content h3 {
	font-weight: bold;
}
.recipe-post-content h3 {
	font-size: 20px;
}
.row {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
.col-left {
	float: left;
	width: 430px;
    margin-right: 60px;
}
.col-right {
	overflow: hidden;
	position: relative;
}
.recipe-post-img-featured {
    width: 100%;
	min-height: 400px;
    height: 30vh;
	border-radius: 3px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	/* -webkit-filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg);
    filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg); */
	margin-bottom: 60px;
}
.recipe-post-img-header {
	width: 100%;
	min-height: 250px;
    height: 250px;
	border-radius: 3px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.recipe-post-header {
	position: relative;
	overflow: visible;
}
.recipe-post-header .col {
	height: 240px;
}
.recipe-post-title {
    margin-bottom: 40px;
	text-align: center;
}
.recipe-post-title h1 {
	font-size: 37px;
    font-weight: bold;
}
.recipe-post-title-details {
	margin-top: 5px;
}
.recipe-post-title-details h3 {
	font-weight: normal;
	font-size: 17px;
	display: inline-block;
}
.recipe-post-actions i {
	color: #5b616d;
	margin-left: 5px;
	position: relative;
	cursor: pointer;
}
.recipe-post-actions i:hover {
	color: #d865d4;
}
.recipe-post-author {
	clear: both;
	/* overflow: hidden; */
	display: inline-block;
	padding: 10px 30px;
	padding-left: 0px;
	text-align: center;
}
.recipe-post-author-avatar {
	
}
.recipe-post-author-avatar img {
	border-radius: 55px;
}
.recipe-post-author-name {
	display: block;
    margin-top: 5px;
    text-align: center;
}
.recipe-post-author-avatar img, 
.recipe-post-times-icon, 
.recipe-post-difficulty img  {
	width: 40px;
}
.recipe-post-times-container {
	display: inline-block;
}
.recipe-post-times {
	display: inline-block;	
}
.recipe-post-times ul li:first-child {
	padding-left: 0px;
}
.recipe-post-times li {
	display: inline-block;
	padding: 10px 30px;
	text-align: center;
}
.recipe-post-times li span {
	display: block;
	margin-top: 5px;
    text-align: center;
}
.recipe-post-times-icon {
	
}
.recipe-post-difficulty {
	display: inline-block;
	padding: 10px 30px;
	text-align: center;
}
.recipe-post-difficulty span {
	display: block;
	margin-top: 5px;
    text-align: center;
}
.recipe-post-description-container {
	line-height: 20px;
	margin-top: 10px;
}
.recipe-post-tags {
	position: absolute;
	bottom: 0;
    width: 100%;
    color: #7c7d7d;
    padding: 0px 5px;
}
.recipe-post-tags ul li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.recipe-post-tags-diet {
	background-color: #61a5a0;
    color: #fff;
    height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 15px;
	margin-right: 5px;
    overflow: hidden;
    padding: 3px 20px 3px 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
.recipe-post-tags-diet:after {
	border: 13px solid transparent;
    border-right: 10px solid #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.recipe-post-info {
	margin-top: 3px;
    width: 100%;
    line-height: 18px;
    height: 18px;
    color: #7c7d7d;
    font-size: 14px;
    padding: 0px 5px;
}
.recipe-post-info li {
	display: inline-block;
}
.recipe-post-info-container {
	position: relative;
}
.recipe-post-info-container i {
	color: #000;
	cursor: pointer;
}
.recipe-post-info button {
	margin-top: -2px;
}
.recipe-post-info i {
	color: #5b616d;
}
.recipe-post-info span {
	float: right;
    margin-top: 6px;
    margin-left: 6px;
    position: relative;
    display: inline;
}
.recipe-post-social {
	float: right;
}
.recipe-post-social .social-icon {
	margin-top: 3px;
	height: 25px;
}
.recipe-post-social .social-icon {
	margin-left: 5px;
}


.recipe-post-ingredients-container h2 {
	display: inline-block;
	line-height: 25px;
	margin-bottom: 30px;
}
.recipe-post-ingredients-side-dish {
	margin-top: 40px;
}
.recipe-post-ingredients-container .recipe-post-servings {
	float: right;
	line-height: 25px;
}
.recipe-post-group-title {
	margin-bottom: 10px;
}
.recipe-post-list {
	margin-bottom: 20px;	
}

.recipe-post-ingredient a, .recipe-post-ingredient a:focus, .recipe-post-ingredient a:visited,
.recipe-post-tags a, .recipe-post-tags a:focus, .recipe-post-tags a:visited
{
	text-decoration: none;
	color: #d64dc5;
}

.recipe-post-ingredient a:hover,
.recipe-post-tags a:hover
{
	text-decoration: underline;
	/* color: #ff4f46; */
}
.recipe-post-ingredient {
	clear: both;
	overflow: hidden;
	margin-top: 2px;
	line-height: 25px;
	display: flex;
}
.recipe-post-ingredient a {
	float: left;
	flex-shrink: 0;
}
.recipe-post-ingredient-line {
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px;
    margin-right: 10px;
	width: 100%;
	margin-bottom: 11px;
    border-bottom: 1px solid #e4e4e4;
}
.recipe-post-ingredient-note {
	color: #5f5f5f;
    margin-left: 5px;
	flex-shrink: 0;
}
.recipe-post-ingredient-quantity-container {
	float: right;
	flex-shrink: 0;
}
.recipe-post-ingredient-unit {

}

.recipe-post-nutrition-container {
	margin-top: 40px;
	overflow: hidden;
}
.recipe-post-nurition-tab {
	opacity: 0;
  	z-index: -1;
}
.recipe-post-nutrition-container .tab-content {
	opacity: 0;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.recipe-post-nutrition-container.mobile {
	display: none;
}
.recipe-post-nutrition-container label {
	display: block;
	width: 100%;
	cursor: pointer;
}
.recipe-post-nutrition-label i {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.recipe-post-nutrition-container input {
	display: none;
}
.recipe-post-nutrition-container input:checked + .recipe-post-nutrition-label i {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.recipe-post-nutrition-container input:checked ~ .tab-content {
  opacity: 1;
}

.recipe-post-nutritional-data ul {
	margin-top: 20px;
}
.recipe-post-nutritional-data ul li {
	display: inline-block;
	padding: 0 5px 5px 0;
}
.recipe-post-nutritional-data ul li .inner {
	padding: 6px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #959695;
    text-align: center;
    min-width: 64px;
}
.recipe-post-nutritional-data ul li .inner span {
	display: block;
	padding-bottom: 6px;
}
.recipe-post-nutritional-data ul li .inner span:nth-child(1) {
	font-size: 13px;
}
.recipe-post-nutritional-data ul li .inner span:nth-child(2) {
	border-bottom: 1px solid #dcdcdc;
}
.recipe-post-nutritional-data ul li .inner span:nth-child(3) {
	padding-top: 6px;
}
.recipe-post-nutrition-per {
	font-size: 12px;
}
.recipe-post-gallery {
	margin-bottom: 30px;
}
.recipe-post-img-gallery {
	width: 32%;
	height: 130px;
	display: inline-block;
	border-radius: 3px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.recipe-post-gallery a:nth-child(1) .recipe-post-img-gallery,
.recipe-post-gallery a:nth-child(4) .recipe-post-img-gallery {
	margin-right: 5px;
}
.recipe-post-gallery a:nth-child(3) .recipe-post-img-gallery,
.recipe-post-gallery a:nth-child(6) .recipe-post-img-gallery {
	margin-left: 5px;
}
.recipe-post-gallery a:nth-child(4) .recipe-post-img-gallery,
.recipe-post-gallery a:nth-child(5) .recipe-post-img-gallery,
.recipe-post-gallery a:nth-child(6) .recipe-post-img-gallery {
	width: 130px;
	height: 90px;
	margin-top: 5px;
}

/* Post Header */
.recipe-post-header .recipe-post-gallery a:nth-child(1) .recipe-post-img-gallery,
.recipe-post-header .recipe-post-gallery a:nth-child(2) .recipe-post-img-gallery {
	width: 48%;
	height: 150px;
}
.recipe-post-header .recipe-post-gallery a:nth-child(2) .recipe-post-img-gallery {
	margin-left: 5px;
}
.recipe-post-header .recipe-post-gallery a:nth-child(3) .recipe-post-img-gallery,
.recipe-post-header .recipe-post-gallery a:nth-child(4) .recipe-post-img-gallery,
.recipe-post-header .recipe-post-gallery a:nth-child(5) .recipe-post-img-gallery {
	width: 32%;
	height: 80px;
}
.recipe-post-header .recipe-post-gallery a:nth-child(3) .recipe-post-img-gallery {
	margin-left: 0px;
}
.recipe-post-header .recipe-post-gallery a:nth-child(4) .recipe-post-img-gallery {
	margin-left: 5px;
}
.recipe-post-header .recipe-post-gallery a:nth-child(6) .recipe-post-img-gallery {
	width: 43px;
    height: 80px;
    position: relative;
    top: -38px;
    border: 1px solid grey;
}
.recipe-post-header .recipe-post-gallery a:nth-child(5) .recipe-post-img-gallery {
	position: relative;
}
.photo-count {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0000000f;
    border-radius: 3px;
	color: #fff;
}
.photo-count i {
	margin-top: 26px;
    margin-left: 20px;
}
.photo-count p {
	margin-top: -24px;
    margin-left: 50px;
}

.recipe-post-instruction-container h2 {
	margin-bottom: 30px;
}
.recipe-post-instruction-container h2.recipe-post-instructions-side-dish {
	margin-top: 40px;
	margin-bottom: 20px;
}
.recipe-post-instruction-group-title {
	margin-bottom: 20px;
}
.recipe-post-instruction {
	margin-bottom: 15px;
}
.recipe-post-instruction-list {
	counter-reset: instruction;
	margin-bottom: 30px;
}
.recipe-post-instruction::before {
	counter-increment: instruction;
	content: counter(instruction);
	font-weight: bold;
}
.recipe-post-instruction-wrapper {
	margin-left: 10px;
	line-height: 25px;
}


/* ACCOUNT */
.page-header {
	border-bottom: .0625rem solid #e7eaf3;
    margin-bottom: 2.25rem;
}
.account.container .row {
	margin-bottom: 30px;
}
.account.container .card.primary {
	background-color: #d865d4;
	border: none;
	color: #fff;
}
.account.container .card.primary .card-subtitle {
	color: #fff;
}

.account.container .card-large h1 {
	font-size: 130px;
    margin-top: -40px;
    margin-bottom: -25px;
}
.account.container .card.primary h1 {
	color: #fff;
}

.account.container .card.chart .chart-container{
	height: 350px;	
}
.account.container .card.chart .card-header {
	background-color: #fff;
	border-bottom: none;
	padding: 16px 21px;
}
.account.container .card.chart .card-header-title {
	display: inline;
	line-height: initial;
}
.account.container .card.chart .nav-segment {
	
}


.account-user-initials {
	border-radius: 50%;
    padding: 20px;
    font-size: 50px;
    color: #fff;
    text-align: center;
	background: #d865d4;
	position: absolute;
    left: -10px;
  }
.account.container .list-group-item {
	width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
	font-size: 16px;
	display: flex;
	align-items: center;
	flex-direction: column;
	/* border: 1px solid rgba(0,0,0,.125) */
}
.account.container .list-group-item.active {
	background-color: #fff;
	border-color: rgba(0,0,0,.125);
	color: inherit;
}
.account.container .list-group-item.active i {
	/* color: #fff; */
}
.account.container .list-group-item.active:before {
	content: " ";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	border-bottom: 5px solid #d865d4;
  }
.account.container .list-group-item:hover {
	cursor: pointer;
}
.account.container .list-group-item:hover i, .account.container .list-group-item:hover span {
	color: #d865d4;
}
.account.container .list-group-item i {
	font-size: 33px;
    color: #4c524f;
    margin-bottom: 10px;
}
.account.container .list-group-item span {
	font-size: 19px;
}

.account.container .account-user {
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 25px;
	min-width: 280px;
	/* background-color: #d865d4; */
    /* color: #fff; */
}
.account.container .account-user-message {
	text-align: left;
    margin-right: auto;
    margin-left: 80px;
}
.account.container .account-user-message p {
	font-size: 18px;
}
.account.container .account-user-message h4 {
	font-weight: bold;
	font-size: 27px;
}

/* FOOTER */
#footer {
	clear: both;
	padding-top: 30px;
	min-height: 200px;
	margin-top: 40px;
	background-color: #f4f4f4;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 14px;
    color: #848484;
}
.footer-wrapper {
	/* max-width: 1200px;
    margin: 0 auto;
    padding: 40px; */
}
#copyright {
	text-align: left;
}


/* SINGLE LIGHT BOX */
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: 'Karla', sans-serif !important;
    color: #000 !important;
    font-style: normal !important;
    font-size: 18px !important;
}
.slb_data_title,
.slb_slideshow {
	display: none !important;
}
.slb_close .slb_template_tag {
	background: none !important;
}
.slb_close .slb_template_tag::before {
  content: 'x';
  color: #fff !important;
  font-weight: 300;
  font-family: Arial, sans-serif;
	margin-left: -24px;
    font-size: 49px;
}

/* SCREEN SIZES */

@media only screen and (max-width: 1024px) {
	.recipe-post-img-featured {
		margin-bottom: 40px;
	}
	.recipe-post-header {
		margin-bottom: 30px;
	}
	.col-left {
		width: 45%;
		margin-right: 40px;
	}
	.recipe-post-author, .recipe-post-times li {
		padding: 5px 10px;
	}
	.recipe-post-author {
		padding-left: 0px;
	}
	.recipe-post-author-avatar img, .recipe-post-times-icon {
		width: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.header-wrapper {
		padding: 20px 20px;
	}
	.hero2 {
		height: calc(100vh - 99px);
		line-height: calc(100vh - 99px);
	}
	.hero-wrapper {
		height: 375px;
	}
	.hero-wrapper img {
		height: 192px;
	}
	.hero2 span {
		margin-top: 20px;
		font-size: 35px;
		width: 320px;
	}
	.divider-title {
		padding: 30px;
	}	
	
	.recipe-post-content {
	  max-width: 768px;
	  padding: 0px 20px;
	  font-size: 17px;
	}
	
  	.recipe-card-img-featured {
	  height: 220px;
	}
	.recipe-grid a {
		width: 46%;
	}
	.recipe-card-info {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.recipe-card-title {
		font-size: 20px;
	}
	.recipe-card-author-name {
		font-size: 15px;
	}
	.recipe-card-time svg {
		width: 18px;
		margin-top: 2px;
	}
	.recipe-card-time div {
		font-size: 12px;
		margin-top: 5px;
		float: right;
		margin-left: 1px;
	}
	.recipe-card-favourite svg {
		width: 19px;
	}
  	.search-wrapper input {
	  padding: 20px 20px;
	  font-size: 17px;
	  border-radius: 12px;
	  border: 3px solid grey;
	  outline: none;
	}
	
	.row {
		margin-bottom: 30px;
	}
	.col {
		flex-basis: unset;
	}
	.col-left {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.recipe-post-img-featured {
		min-height: 200px;
		margin-bottom: 30px;
	}
	.recipe-post-header.featured {
		display: flex;
		flex-direction: column;
	}
	.recipe-post-header.featured .col-left {
		order: 2;
	}
	.recipe-post-header.featured .col-right {
		order: 1;
	}
	
	.recipe-post-tags {
		position: initial;
		padding: 20px 0px;
	}
	
	.recipe-post-nutrition-container {
		display: none;
	}
	.recipe-post-nutrition-container.mobile {
		display: block;
	}

	
	.recipe-post-info {
		position: inherit;
		margin-bottom: 30px;
	}
	.recipe-post-body .col-left {
		margin-bottom: 30px;
	}
	.recipe-post-header .col {
		height: 100%;
	}
	.recipe-post-img-header {
		min-height: 180px;
		height: 180px;
		margin-bottom: 30px;
	}
	.recipe-post-header.featured .recipe-post-img-header {
		margin-bottom: 0;
	}
	.recipe-post-img-gallery {
		width: 31%;
		height: 90px;
	}
	.recipe-post-instruction-container h2 {
		margin-bottom: 20px;
	}
	.recipe-post-gallery a:nth-child(1) .recipe-post-img-gallery,
	.recipe-post-gallery a:nth-child(4) .recipe-post-img-gallery {
		margin-right: 5px;
	}
	.recipe-post-gallery a:nth-child(3) .recipe-post-img-gallery,
	.recipe-post-gallery a:nth-child(6) .recipe-post-img-gallery {
		margin-left: 5px;
	}
	.recipe-post-gallery a:nth-child(4) .recipe-post-img-gallery,
	.recipe-post-gallery a:nth-child(5) .recipe-post-img-gallery,
	.recipe-post-gallery a:nth-child(6) .recipe-post-img-gallery {
		width: 90px;
		height: 60px;
		margin-top: 5px;
	}
	
}
@media only screen and (max-width: 469px) {	
	
	#nav-menu {
		display: none;
	}	
	.recipe-post-content {
	  max-width: 479px;
	  padding: 0px 20px;
	  font-size: 17px;
	}
	.hero .container .card {
		height: 275px;
	}
	.hero h1 {
		font-size: 27px;
	}
	.navbar {
		padding: 8px 16px;
	}
	.rpr-ing-add-row.btn-grey-outline, .rpr-ins-add-row.btn-grey-outline {
		padding: 10px 20px;
	}
}

@media (min-width: 1200px) { 
	/* .container-fluid {
      max-width: 1200px;
   } */
}

/* HELPER */
.hide {
	display: none;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.d-i-b {
	display: inline-block;
}
.d-b {
	display: block;
}

.m-b-0 {
	margin-bottom: 0px;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-40 {
	margin-bottom: 40px;
}
.m-r-10 {
	margin-right: 10px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-r-30 {
	margin-right: 30px;
}
.m-r-50 {
	margin-right: 50px;
}
.p-r-40 {
	padding-right: 40px;
}
.p-l-40 {
	padding-left: 40px;
}

.bg-image-cover-center {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}