/*
	Theme Name: Today I Learned
	Theme URI: http://my.studiopress.com/themes/daily-dish/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 1.0.1

	Tags: black, white, one-column, three-columns, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/


/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
		- Featured Content
	- Plugins
		- Easy Recipe
		- Genesis eNews Extended
		- Genesis Responsive Slider
		- Jetpack
	- Before Header
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Entries
		- Entry Meta
		- After Entry
		- Pagination
		- Content Boxes
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Media Queries
		- Retina Display
		- Max-width: 1139px
		- Max-width: 1023px
		- Max-width: 768px

*/


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

/* Baseline Normalize
	normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

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

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

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

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

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


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

.wf-loading  {
    /* Hide stuff while web fonts are loading */
    color: #fff;
}

:root {
    --Background: #F8EEE3;
    --Dark-Blue: #367EE4;
    --Grape: #8C1D46;
    --Green: #1AA272;
    --Highlighter-Yellow: #D9EF4E;
    --Light-Blue: #C9E6FF;
    --Light-Neutral: #FFFAF4;
    --Pink: #F485E0;
	--Deep-Maroon: #641130;
}


/* Typographical Elements
--------------------------------------------- */

body {
	background-attachment: fixed;
	background-color: var(--Light-Neutral);
	background-position: top left;
	background-repeat: repeat;
	color: var(--Grape);
	font-family: tt-commons-pro;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.6px;
	-webkit-font-smoothing: antialiased;
}

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

::-moz-selection {
	background-color: #000;
	color: #fff;
}

::selection {
	background-color: #000;
	color: #fff;
}

a {
	color: #e14d43;
	text-decoration: none;
}

a:hover {
	color: #000;
}

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

p:last-of-type {
	margin-bottom: 0;
}

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

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 40px;
	font-size: 26px;
	line-height: 1.2;
}

blockquote::before {
	
}

.eyebrow {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}


/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px;
}

h1,
h2.large {
	font-family: tbj-malta;
    font-size: 120px;
    font-style: normal;
    line-height: 87%;
    letter-spacing: -3.6px;
}

h1.title {
    font-family: tbj-malta;
    font-size: 140px;
    font-style: normal;
    line-height: 84%;
    letter-spacing: -7px;
    text-transform: uppercase;
}

h2 {
	font-family: tbj-malta;
    font-size: 100px;
    font-style: normal;
    line-height: 78%;
    letter-spacing: -2px;
	-webkit-font-smoothing: antialiased;
}

h3 {
	font-family: tbj-malta;
    font-size: 72px;
    font-style: normal;
    line-height: 90%;
    letter-spacing: -2.6px;
}

h4 {
	font-family: tt-commons-pro;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.2px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

img {
	height: auto;
}

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

.featured-content img,
.gallery img {
	width: auto;
}



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

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: none;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	padding: 16px;
	width: 100%;
}

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

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

::-moz-placeholder {
	color: #999;
	font-size: 16px;
	font-weight: 400;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
	font-size: 16px;
	font-weight: 400;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #000;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 20px 24px;
	text-align: center;
	text-transform: uppercase;
}

.button {
	display: inline-block;
}


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

.entry-content .button:hover {
	color: #fff;
}



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

.fl-button,
.fl-button-group-button .fl-button,
.nf-form-content input[type=submit],
.pp-ninja-form-content .nf-form-wrap .submit-container input[type="submit"] {
    border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
    border: 1px solid var(--Pink, #F485E0) !important;
    background: var(--Light-Neutral, #FFFAF4) !important;
    box-shadow: 6px 6px 0 0 var(--Pink) !important;
    padding: 10px 24px !important;
    color: var(--Grape, #8C1D46) !important;
    text-align: center;
    font-family: tt-commons-pro;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 110%;
    letter-spacing: -0.72px;
	transition: all 0.3s ease-in-out !important;
}

.fl-button-text {
	color: var(--Grape, #8C1D46) !important;
}

.grape .fl-button {
	border: 1px solid var(--Grape) !important;
	box-shadow: 6px 6px 0 0 var(--Grape) !important;
}

.white-button .fl-button {
	background-color: #fff !important;
}

.fl-button-group-buttons::before,
.fl-button-group-buttons::after {
	display: none !important;
}

.fl-button-group-buttons {
	gap: 32px;
}

.fl-button:hover,
.fl-button:active,
.fl-button-group-button .fl-button:hover,
.fl-button-group-button .fl-button:active,
.nf-form-content input[type=submit]:hover {
	box-shadow: 0 0 0 0 var(--Pink) !important;
	transform: translate(6px, 6px);
}

.fl-button-icon {
	color: var(--Dark-Blue) !important;
	font-size: 26px !important;
}

.fl-button-icon.til-play {
	font-size: 22px !important;
}



/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-container {
	background-color: var(--Light-Neutral);
	margin: 0px auto;
	padding-left: 0px;
	padding-right: 0px;
}

.daily-dish-landing .site-container {
	max-width: 768px;
}

.site-inner {
	clear: both;
	margin: 0px 0;
}

/* Column Widths and Positions
--------------------------------------------- */



/* Content */

.content {
	float: right;
	width: 720px;
}

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

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 520px;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 300px;
}

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




/* Avatar
--------------------------------------------- */

.avatar {
	float: left;
}

.author-box .avatar {
	height: 90px;
	margin-right: 30px;
	width: 90px;
}

.entry-comments .avatar {
	height: 48px;
	width: 48px;
}

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

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

.sidebar .avatar {
	margin-right: 20px;
	max-width: 115px;
}




/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.entry-content .search-form {
	width: 100%;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-title {
	font-size: 20px;
}

.entry-title {
}

.sidebar .entry-title {
	font-size: 20px;
}

.entry-title a {
	color: #000;
}

.entry-title a:hover {
	color: #e14d43;
}

.widget-title {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 30px;
	padding: 12px 15px;
	text-transform: uppercase;
}

/* WordPress
--------------------------------------------- */

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

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

a.alignnone {
    display: inline-block;
}

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

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

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

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

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

.sidebar a.aligncenter,
.sidebar a.alignleft,
.sidebar a.alignright {
	margin-bottom: 20px;
}

.before-footer-widgets a.aligncenter,
.before-footer-widgets a.alignleft,
.before-footer-widgets a.alignnone,
.before-footer-widgets a.alignright {
	margin: 0;
	padding: 0 15px;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

.wp-caption-text {
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption {
	margin: 0 0 10px;
}



/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
	margin-bottom: 40px;
}

.widget:last-child,
.widget p:last-child {
	margin-bottom: 0;
}

.widget li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.widget li:last-child {
	border: none;
}

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

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Blog Defaults
--------------------------------------------- */

.blog-sidebar .fl-module {
	border: 1px solid #000000;
	margin-bottom: 20px;
}

.pp-categories::before {
	content: "Browse by Category" !important;
	text-align: center;
	display: block !important;
	font-size: 20px;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */
header .menu {
	gap: 24px;
}

header .menu::before,
header .menu::after {
	display: none;
}

header .menu li::after {
	content: '';
	height: 2px;
	width: 100%;
	background-color: var(--Light-Neutral);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: height 0.3s ease-out;
}

header .menu li.current-menu-item::after,
header .menu li:hover::after,
header .menu li:active::after,
header .menu li:focus::after {
	background-color: var(--Light-Neutral);
	height: 10px;
}

.page-id-138500574 header .menu-item a, /* FAQs */
.page-id-10 header .menu-item a, /* Privacy Policy */
.page-id-138500577 header .menu-item a, /* Cookie Policy */
.page-id-138500575 header .menu-item a, /* Terms */
.page-id-138500576 header .menu-item a /* Disclaimer */ {
	color: var(--Grape) !important;
}

.page-id-138500574 header .menu li::after,
.page-id-10 header .menu li::after,
.page-id-138500577 header .menu li::after,
.page-id-138500575 header .menu li::after,
.page-id-138500576 header .menu li::after {
	background-color: var(--Grape) !important;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */


.blend img {
	mix-blend-mode: multiply;
}

.under {
	position: relative;
	z-index: 5;
}

.over {
	position: relative;
	z-index: 10;
}

.fl-menu-horizontal {
	padding: 0 30px !important;
}

.fl-menu .menu li {
   list-style-type: none !important;
}


/* UABB Advanced Menu Thinner Hamburger icon
--------------------------------------------- */

.uabb-hamburger-menu-top,
.uabb-hamburger-menu-middle,
.uabb-hamburger-menu-bottom {
	height: 4px !important;
}

.uabb-creative-menu-mobile-toggle.hamburger .uabb-svg-container, 
.uabb-creative-menu-mobile-toggle.hamburger-label .uabb-svg-container {
	width: 25px !important;
    margin-top: 0px !important;
}

.uabb-creative-menu-mobile-toggle.hamburger .uabb-creative-menu-mobile-toggle-label, 
.uabb-creative-menu-mobile-toggle.hamburger-label .uabb-creative-menu-mobile-toggle-label {
   margin-bottom: 8px;
}

.uabb-creative-menu-mobile-toggle.hamburger .uabb-svg-container, 
.uabb-creative-menu-mobile-toggle.hamburger-label .uabb-svg-container {
	height: 1.1em !important;
}

.uabb-creative-menu-mobile-toggle.hamburger .hamburger-menu, 
.uabb-creative-menu-mobile-toggle.hamburger-label .hamburger-menu {
    top: -6px !important;
}


/* Beaver Builder MOBILE ONLY Labels
--------------------------------------------- */


.fl-visible-mobile .fl-block-overlay-active,
.fl-visible-mobile.fl-block-overlay-active,
.fl-visible-medium-mobile .fl-block-overlay-active,
.fl-visible-medium-mobile.fl-block-overlay-active,
.fl-visible-medium .fl-block-overlay-active,
.fl-visible-medium.fl-block-overlay-active {
	border: 2px solid #cc0000;

}

.fl-col.fl-visible-mobile .fl-block-overlay-active::after {	
	content: "MOBILE-ONLY COLUMN";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}


.fl-row.fl-visible-mobile .fl-block-overlay-active::after {	
	content: "MOBILE-ONLY ROW";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}

.fl-module.fl-visible-mobile.fl-block-overlay-active::after {	
	content: "MOBILE-ONLY MODULE";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}

.fl-col.fl-visible-medium-mobile .fl-block-overlay-active::after {
		content: "MOBILE+TABLET ONLY COLUMN";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}


.fl-row.fl-visible-medium-mobile .fl-block-overlay-active::after {	
	content: "MOBILE+TABLET ONLY ROW";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}

.fl-module.fl-visible-medium-mobile.fl-block-overlay-active::after {	
	content: "MOBILE+TABLET ONLY MODULE";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}


.fl-col.fl-visible-medium .fl-block-overlay-active::after {
		content: "TABLET ONLY COLUMN";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}


.fl-row.fl-visible-medium .fl-block-overlay-active::after {	
	content: "TABLET ONLY ROW";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}

.fl-module.fl-visible-medium.fl-block-overlay-active::after {	
	content: "TABLET ONLY MODULE";
	font-size: 14px;
	color: #cc0000;
	display: block;
	text-align: center;
}






/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry,
.archive .entry,
.page .entry,
.single .entry {
	margin-bottom: 0;
}

.entry-content ol,
.entry-content ul,
.site-inner ol,
.site-inner ul {
	margin-bottom: 28px;
	margin-left: 40px;
	
}

.entry-content ol > li,
.site-inner ol > li,
.fl-rich-text ol > li  {
	list-style-type: decimal;
	margin-bottom: 10px;

}

.entry-content ul > li,
.site-inner ul > li,
.fl-rich-text ul > li {
	list-style-type: disc;
	margin-bottom: 10px;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.entry-header p.entry-meta {
	margin-top: 0px;
}

p.entry-meta,
p.entry-meta a {
	color: #999;
}

p.entry-meta a:hover {
	color: #000;
}

p.entry-meta:last-child {
	margin-bottom: 20px;
}

.entry-footer {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}

.entry-author::before,
.entry-categories::before,
.entry-comments-link::before,
.entry-tags::before,
.entry-time::before {
	
}

.entry-author,
.entry-comments-link,
.entry-time {
}

.entry-tags {
}

.entry-author::before {
}

.entry-categories::before {
}

.entry-comments-link::before {

}

.entry-tags::before {
}

.entry-time::before {
}

/* After Entry
--------------------------------------------- */

.after-entry {
	margin-bottom: 60px;
}

.after-entry .widget {
	margin-bottom: 40px;
}

.after-entry p:last-child,
.after-entry .widget:last-child {
	margin-bottom: 0;
}

.after-entry li {
	margin-bottom: 6px;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #000;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
	background-color: #e14d43;
}


/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 40px;
}

.comment-header {
	font-size: 16px;
}

ol.comment-list {
	margin-bottom: 28px;
    margin-left: 0px;
}

li.comment {
	list-style-type: none;
    background-color: #fff;
    border: 2px solid #ccc;
}

.comment-content {
	clear: both;
}

.comment-list li {
	margin-top: 24px;
	padding: 32px;
}

.comment-list li li {
	    margin-right: -20px;
    border: 2px solid #eae5da;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}

.comment-author-name {

    font-size: 26px;
}

.bypostauthor {
}

.entry-comments h3 {
	   text-align: center;
    text-transform: uppercase;
}

.comment-time {
	display: none;
}

.comment-content {
	    font-size: 19px;
}

.comment-reply a {
	color: inherit;
    text-decoration: underline;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	font-size: 18px;
}

.sidebar li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 40px;
	overflow: hidden;
}





/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-header,
.site-footer {
		display: none;
}

footer .menu a:hover,
footer p a:hover {
	text-decoration: underline;
}

footer .fl-row-content-wrap {
	background-size: 38vw !important;
}


/*
After Footer
---------------------------------------------------------------------------------------------------- */

.wp-core-ui .attachment .thumbnail .centered img {

    max-width: 150px !important;
}


/*
Home Page
---------------------------------------------------------------------------------------------------- */
/* Dotted Backgrounds */
.dots .fl-row-content-wrap,
.dots {
    background-size: 48px !important;
    background-position: left top;
}

.gradient-dots {
    background-size: 100%, 48px !important;
}

/* Videos */
.pp-video-play-icon,
.uabb-video__play-icon {
	top: auto !important;
	bottom: 16px !important;
	left: 16px !important;
	transform: none !important;
}

a.tiktok-video:hover .fl-icon i,
a.tiktok-video:hover .fl-icon i::before,
a.youtube-video:hover .fl-icon i,
a.youtube-video:hover .fl-icon i::before{
	color: var(--Pink) !important;
}

.infobox-arrow .pp-heading-wrapper {
    align-items: flex-end !important;
    justify-content: space-between !important;
    width: 100%;
}

.infobox-arrow a:hover .pp-infobox-title {
	text-decoration: underline;
}

.pp-offcanvas-close {
	border: 1px solid var(--Pink);
	border-radius: 30px;
	box-shadow: 4px 4px 0 0 var(--Pink);
	background: var(--Light-Neutral);
	padding: 8px 16px 10px 16px;
	right: 16px;
	top: 32px;
}

.pp-offcanvas-close:hover {
	box-shadow: none;
}

.pp-offcanvas-close::before {
	content: 'Close';
	font-size: 20px;
	font-weight: 700;
	line-height: 110%; /* 22px */
	letter-spacing: -0.6px;
	color: var(--Grape);
	margin-right: 12px;
}

.mobile-menu #menu-social-links li a {
    background-color: #29151F;
    display: inline-block;
}

.mobile-menu #menu-social-links li {
    margin-bottom: 0;
}

.video-grid .pp-video-wrapper {
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative;
}

.video-grid .tall-video .pp-video-wrapper {
    aspect-ratio: 9/16;
}

.video-grid .pp-fit-aspect-ratio iframe {
	position: relative;
	width: 856px;
}

.home .pp-video-play-icon {
background: transparent;
	border: 2px solid #D9EF4E;
}

.home .pp-video-play-icon svg {
	fill: #D9EF4E;
	width: 40px !important;
	height: 40px !important;
}

/*.safari .hide-on-safari {
	display: none;
}*/

/*
Work Page
---------------------------------------------------------------------------------------------------- */
.slider-next,
.slider-prev {
	opacity: 1 !important;
}

.slider-next {
	right: -20px !important;
}

.slider-prev {
	left: -20px !important;
}

.slider-next .fl-content-slider-svg-container,
.slider-prev .fl-content-slider-svg-container {
	display: none;
}

.slider-next::before,
.slider-prev::before {
	font-family: til-icons;
	font-size: 40px;
	width: 33px;
	height: 40px;
	color: var(--Pink);
}

.slider-next::before {
	content: "\e901";
}

.slider-prev::before {
	content: "\e900";
}

.slider-next:hover::before,
.slider-prev:hover::before {
	color: var(--Light-Neutral);
}

.highlights img {
    aspect-ratio: 360/230;
    object-fit: cover;
    object-position: center 72%;
}


/* Horizontal Scrollbar */
/*.scroll-content::-webkit-scrollbar {
    border-radius: 20px;
    height: 20px;
} 

.scroll-content::-webkit-scrollbar-track {
    background-color: var(--Light-Blue);
    border-radius: 20px;
}

.scroll-content::-webkit-scrollbar-thumb {
    background-color: var(--Dark-Blue);
    border-radius: 20px;
    border: 4px solid var(--Light-Blue);
}

.scroll-content::-webkit-scrollbar-thumb:hover {
    background: #1b64cc;
}*/

.scroll-content {
    overflow-y: hidden;
    overflow-x: scroll;
}

.scroll-content > a {
    margin-bottom: 40px !important;
}

.fl-slide-bg-photo {
    background-size: 520px !important;
}

#highlights .pp-video-wrapper {
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative;
	color: var(--Highlighter-Yellow) !important;
}

#highlights .pp-fit-aspect-ratio iframe {
	position: relative;
	width: 360px;
}

.logo-slider .fl-slide-bg-photo {
    background-size: auto 100px !important;
	max-width: 520px !important;
	background-color: var(--Light-Neutral) !important;
	margin-left: auto;
	margin-right: auto;
}

.logo-slider .fl-slide,
.writing-slider .fl-slide {
    max-height: 330px;
	
}


/*
About Page
---------------------------------------------------------------------------------------------------- */
.uabb-subheading p {
    margin-bottom: 24px !important;
}

.uabb-subheading p:last-of-type {
    margin-bottom: 0 !important;
}

.pp-video-player {
	display: block !important;
}


/*
Newsletter Page
---------------------------------------------------------------------------------------------------- */
.substack-posts .fl-module:last-of-type {
	margin-right: 64px;
}

.substack-posts .layout-3-wrapper {
    align-items: center !important;
}

.substack-posts .pp-infobox-image img {
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
}

.substack-posts .pp-infobox {
    margin-bottom: 40px;
    background-image: url(../../uploads/substack-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: 35px !important;
    background-position: right 24px bottom 24px !important;
}

#feedback .fl-row-content-wrap {
    background-image: radial-gradient(70% 50% at 50% 50%, #F485E0 0%, rgba(244, 133, 224, 0.00) 100%), url(../../uploads/dots-pink2.jpg) !important;
}

.scroll-container {
  position: relative;
}

#scrollableElement {
  position: relative;
}

#scrollableElement .scroll-content {
    overflow: visible;
}

.scrollbar-wrap {
    position: relative;
}




/*
Links Page
---------------------------------------------------------------------------------------------------- */
.link-box .pp-infobox {
    background-image: url(../../uploads/link-bg.png) !important;
    background-repeat: no-repeat !important;
    background-size: 36px !important;
    background-position: bottom 24px right 24px !important;
}

.link-box .pp-infobox:hover {
    box-shadow: var(--Green) 6px 6px 0 0;
}

.links-hero-left {
    background-size: 800px !important;
}

/*
Contact Page
---------------------------------------------------------------------------------------------------- */
textarea {
	border-radius: 8px !important;
}

input::placeholder,
textarea::placeholder {
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 110% !important;
	letter-spacing: -0.4px !important;
}


.pp-ninja-form-content .nf-form-wrap .submit-container input[type="submit"] {
	text-transform: none !important;
	background-color: #fff !important;
	box-shadow: 6px 6px 0 0 var(--Pink) !important;
	position: relative;
	background-image: url(../../uploads/contact-button.png) !important;
	background-size: 26px !important;
	background-repeat: no-repeat !important;
	padding: 10px 50px 10px 24px !important;
	
	--placeIcon: calc(50% + 50px);
	background-position: var(--placeIcon) center !important;
}

.pp-ninja-form-content .nf-form-wrap .submit-container input[type="submit"]:hover,
.pp-ninja-form-content .nf-form-wrap .submit-container input[type="submit"]:active {
	box-shadow: 0 0 0 0 var(--Pink) !important;
}

.nf-error.field-wrap .nf-field-element:after {
	border-radius: 0 30px 30px 0 !important;
	height: 44px !important;
}

.nf-error.field-wrap .nf-field-element:has(textarea):after {
	border-radius: 0 6px 0 0 !important;
}

.nf-error-msg {
	font-size: 16px !important;
}

.ninja-forms-form-wrap input {
	margin-bottom: 0 !important;
}

.nf-field select {
	border: 1px solid #F485E0 !important;
	background-image: url(https://todayilearned.com/wp-content/uploads/chevron-down.png) !important;
	background-repeat: no-repeat !important;
	background-size: 24px !important;
	background-position: right 16px top 12px !important;

	/* Hide default arrow */
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div {
	border: 0 !important;
	background: transparent !important;
}

.nf-form-content .list-select-wrap>div div:after {
	content: '' !important;
}

.simple-page {
	color: #29151F;
}

.simple-page a {
	color: var(--Grape) !important;
	text-decoration: underline !important;
}

.simple-page a:hover {
	color: var(--Grape) !important;
	text-decoration: none !important;
}

.label-above label {
	display: none !important;
}

.checkbox-wrap label a {
	color: var(--Grape) !important;
	text-decoration: underline !important;
}

.checkbox-wrap label a:hover {
	color: var(--Grape) !important;
	text-decoration: none !important;
}

/*
FAQ Page
---------------------------------------------------------------------------------------------------- */



/*
Popup
---------------------------------------------------------------------------------------------------- */
.hide-overflow {
	overflow: hidden;
}


/*
Privacy Policy Page
---------------------------------------------------------------------------------------------------- */
.policy_embed_div .accordion-content {
	padding: 24px !important;
}

.policy_embed_div h3 {
	letter-spacing: -2px;
}

.policy_embed_div .accordion-summary:hover {
	background-color: rgba(244,133,224,0.2) !important;
}

.policy_embed_div .accordion {
	border-bottom: 1px solid var(--Grape) !important;
}

.policy_embed_div .accordions {
	border: 1px solid var(--Grape) !important;
}

.policy_embed_div .accordion:last-child {
	border-bottom: 0 !important;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1365px) {
	header .menu a {
		padding: 16px 40px !important;
	}
}

@media only screen and (max-width: 1210px) {
	footer .fl-row-content-wrap {
		background-size: 38vw !important;
	}
	
	header .menu a {
		padding: 16px 30px !important;
		font-size: 20px !important;
	}
	
	.logo-slider .fl-slide {
    	border-left: 0 !important;
    	border-right: 0 !important;
	}

}

@media only screen and (max-width: 1000px) {
	
	h1.title {
		font-size: 72px !important;
		letter-spacing: -2.16px !important;
	}
	
	h1,
	h2.large {
		font-size: 80px;
		letter-spacing: -2.4px;
	}
	
	h2 {
		font-size: 56px;
		letter-spacing: -1.68px;
	}
	
	h3 {
		font-size: 40px;
		letter-spacing: -1.2px;
	}
	
	h4 {
		font-size: 28px;
		letter-spacing: -0.56px;
	}
	
	
	body {
		font-size: 20px;
		letter-spacing: -0.4px;
	} 
	
	body .mobile-large, 
	body.home {
		font-size: 26px;
		letter-spacing: -0.52px;
	}
	
	.eyebrow {
		font-size: 20px;
		letter-spacing: -0.6px;
	}
	
	.fl-button-text {
		font-size: 20px !important;
	}
	
	.as-seen-on .pp-logos-ticker {
        gap: 32px !important;
    }
    
    .as-seen-on .pp-logo,
    .as-seen-on .pp-logo img {
        height: 34px !important;
    }
	
	.scroll-content > a {
        margin-bottom: 24px !important;
    }
    
    .about-science-video .pp-video-wrapper {
        border-radius: 8px !important;
    }
	
	.writing-slider .fl-content-slider-navigation {
		max-width: 606px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
	.writing-slider .bx-viewport {
		height: auto !important;
	}
	
	.writing-slider .fl-slide {
		aspect-ratio: 52/33 !important;
		overflow: hidden;
	}
	
	.substack-posts .pp-infobox {
		margin-bottom: 24px;
		background-size: 15px !important;
		background-position: right 12px bottom 12px !important;
	}
	
	.substack-posts .pp-infobox {
		height: 190px !important;
	}
	
	.substack-posts .pp-infobox .pp-infobox-image img {
		aspect-ratio: 67/80;
	}
	
	.substack-posts .pp-infobox-wrap .layout-3 .pp-icon-wrapper {
		margin-right: 12px !important;
	}
	
	.substack-posts .fl-module:last-of-type {
		margin-right: 24px;
	}
	
	.link-bg .pp-infobox {
        background-size: 32px !important;
    }
	
	input::placeholder,
	textarea::placeholder {
		font-size: 16px !important;
		line-height: 100% !important;
		letter-spacing: -0.32px !important;
	}
	
	.pp-ninja-form-content .ninja-forms-form-wrap .field-wrap {
		margin-bottom: 4px !important;
	}
	
	.pp-ninja-form-content .nf-form-wrap .submit-container input[type="submit"] {
		background-size: 22px !important;
		padding: 10px 58px 10px 24px !important;
		--placeIcon: calc(50% + 36px);
		background-position: var(--placeIcon) center !important;
		font-size: 20px !important;
		letter-spacing: -0.6px !important;
	}
	
	.fl-button-group-buttons {
		gap: 24px;
	}



	.after-footer,
	.before-header,
	.site-container {
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 100%;
	}


}

@media only screen and (max-width: 760px) {
	.uabb-video__play-icon:before {
		font-size: 70px !important;
		line-height: 1 !important;
	}
	
	.uabb-video__play-icon {
		width: 70px !important;
		height: 70px !important;
	}
	
	.slider-next::before, .slider-prev::before {
		font-size: 16px !important;
	}
	
	.logo-slider .fl-slide-mobile-photo {
    	background-size: auto 100px !important;
		max-width: 520px !important;
		background-color: var(--Light-Neutral) !important;
		height: 100%;
		padding: 24px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.logo-slider .fl-slide-mobile-photo img {
		width: auto;
		max-height: 100px;
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
	}
	
	
	blockquote {
	margin: 30px;
	font-size: 18px;
	line-height: 1.2;
	}

	.site-container {
		max-width: 100%;
		overflow: hidden;
	}

	.after-footer,
	.before-header,
	.daily-dish-landing .site-container,
	.site-container {
		width: 100%;
	}

	.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%;
	}
	
	.entry-tags {
		float: left;
	}
	
	

}

@media only screen and (max-width: 480px) {

	body {
		padding-left: 0;
		padding-right: 0;
	}

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

	.after-footer,
	.before-header,
	.site-container {
		
	}

	.before-header {
		margin-bottom: 0;
	}

	.after-footer {
		margin-top: 0;
	}

	.site-header {
		padding: 40px 0;
	}

	.site-title {
		font-size: 30px;
	}

	.entry-title {
		font-size: 24px;
	}

}

/* Fix for Admin Bar over content */
@media only screen and (max-width: 782px) {
	html {
        margin-top: 0 !important;
    }
	
	.admin-bar .site-container {
		padding-top: 46px !important;
	}
}