/*
Theme Name: CookinCabin
Author: NB
Description: A custom lightweight WordPress theme built for speed.
Version: 1.0
Text Domain: CookinCabin
*/

/*********************************************************
	RESET
*********************************************************/

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse: collapse;}
fieldset{border: none; padding: 0;}
input[type="text"], input[type="password"], textarea, select {outline: none;}

/*********************************************************
	GLOBAL
*********************************************************/

html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: var(--body); font-size: 1.15rem; line-height: 1.6; color: var(--text); text-align: left; background-color: var(--background); -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}
@-ms-viewport{width: device-width;}

/*********************************************************
	ASSETS
*********************************************************/

/* Heading Styles */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: var(--headline); font-weight: 700; line-height: 1.25; margin-top: 0; margin-bottom: 0.5rem;}
h1, .h1{font-size: 3.3rem; letter-spacing: -0.06rem;}
h2, .h2{font-size: 2.5rem; letter-spacing: -0.05rem;}
h3, .h3{font-size: 2rem; letter-spacing: -0.04rem;}
h4, .h4{font-size: 1.5rem; letter-spacing: -0.03rem;}
.body-text h3 {font-size: 1.8rem; letter-spacing: -0.04rem;}

/* Link Styles */
a{color: var(--link); outline: none; transition: 0.2s ease; text-decoration: none;}
.underline {text-decoration: underline; text-underline-offset: 10px; text-decoration-color: var(--orange);}
.no-underline{text-decoration: none !important;}

/* Text Alignment */
.text-left{text-align: left;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

/* Font Sizes */
.tiny {font-size: 0.9rem !important; line-height: 1.4 !important;}
.small{font-size: 1rem !important; line-height: 1.5 !important;}
.large{font-size: 1.2rem !important; line-height: 1.6 !important;}
.x-large{font-size: 1.4rem !important; line-height: 1.6 !important;}
.bold{font-weight:800;}

/* Miscellaneous Styles */
.circle{border-radius: 50rem !important;}
.border{border: 1px solid var(--gray) !important;}
.border-top {border-top: 4px double #d6d6d6;}
.border-bottom {position: relative;}
.border-bottom::after {content: ''; position: absolute; bottom: 0; left: 15px; right: 15px;  height: 1px;  background-color: #d6d6d6; }
.muted{opacity: 0.75;}
.font-italic{font-style: italic;}
.uppercase {text-transform: uppercase;}
.shadow{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20);}
.text-shadow {text-shadow: 2px 2px 5px rgba(0,0,0,.5);}
.rounded{border-radius: 0.25rem !important;}
.breadcrumbs a{text-transform: uppercase; text-decoration: none!important; font-size: 1rem; font-weight: 900;}

/*********************************************************
	ROOT
*********************************************************/


/* Root Color Variables */
:root{
	--black: #000;
	--white: #FFFFFF;
	--gray: #B4B4B4;
	--dark-gray: #666666;
	--red: #CC3333;
	--orange: #F6BD60;
	--yellow: #FFD700;
	--green: #33CC99 ;
	--lt-gray: #ececec;
	--blue: #529ECC;
	--purple: #5E36CA;
	--pink: #FF3399;
}

/* Color Classes */
.black .black a{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}

.white, .white a{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}

.gray, .gray a{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}

.dark-gray, .dark-gray a{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}

.red, .red a{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}

.orange, .orange a{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}

.yellow, .yellow a{color: var(--yellow) !important;}
.yellow-bg{background-color: var(--yellow) !important;}

.green, .green a{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}

.blue, .green a{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}

.lt-gray, .green a{color: var(--lt-gray) !important;}
.lt-gray-bg{background-color: var(--lt-gray) !important;}

.purple, .purple a{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}

.pink, .pink a{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}

.primary, .primary a{color: var(--primary) !important;}
.primary-bg{background-color: var(--primary) !important;}

.secondary, .secondary a{color: var(--secondary) !important;}
.secondary-bg{background-color: var(--secondary) !important;}

.btn-text, .btn-text a{color: var(--button-text) !important;}
.nav-text, .nav-text a{color: var(--nav-text);}
.body-text, .body-text a{color: var(--text);}

/*********************************************************
	HOVERS
*********************************************************/

.hover-mute:hover{opacity: 0.75;}
.hover-dip {transition: transform 0.1s ease-in-out;}
.hover-dip:hover {transform: translateY(0.5rem);}
.hover-glow:hover{text-shadow: 0 0 10px #fff!important;}

/*********************************************************
	HELPERS
*********************************************************/

.img-fluid{max-width: 100%; height: auto;}
.min-height{min-height: 1000px;}
.container-750, .container-800, .container-900, .container-980 {width: 100%; margin: auto;}
.container-750{max-width: 750px;}
.container-800{max-width: 800px;}
.container-900{max-width: 900px;}
.container-980{max-width: 980px;}
.w-100{width: 100%;}

.p-0{padding: 0rem !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}

.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}

.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.py-6{padding-top: 4rem !important; padding-bottom: 4rem !important;}

.pb-0{padding-bottom: 0rem !important;}
.pb-1{padding-bottom: 0.25rem !important;}
.pb-2{padding-bottom: 0.5rem !important;}
.pb-3{padding-bottom: 1rem !important;}
.pb-4{padding-bottom: 2rem !important;}
.pb-5{padding-bottom: 3rem !important;}

.pt-0{padding-top: 0rem !important;}
.pt-1{padding-top: 0.25rem !important;}
.pt-2{padding-top: 0.5rem !important;}
.pt-3{padding-top: 1rem !important;}
.pt-4{padding-top: 2rem !important;}
.pt-5{padding-top: 3rem !important;}

.m-0{margin: 0rem !important;}
.m-1{margin: 0.25rem !important;}
.m-2{margin: 0.5rem !important;}
.m-3{margin: 1rem !important;}
.m-4{margin: 2rem !important;}
.m-5{margin: 3rem !important;}

.mx-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2{margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-5{margin-left: 3rem !important; margin-right: 3rem !important;}
.mr-3{margin-right: 2rem !important;}
.mr-1{margin-right: 0.5rem !important;}

.my-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}

.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}
.mb-6{margin-bottom: 1.5rem !important;}

.mt-0{margin-top: 0rem !important;}
.mt-1{margin-top: 0.25rem !important;}
.mt-2{margin-top: 0.5rem !important;}
.mt-3{margin-top: 1rem !important;}
.mt-4{margin-top: 2rem !important;}
.mt-5{margin-top: 3rem !important;}
.mt-6{margin-top: 3.5rem !important;}

/*********************************************************
	FORMS
*********************************************************/

.btn{display: inline-block; font-weight: 800; text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 1rem 1.25rem; font-size: 1.2rem; line-height: 1; transition: 0.2s ease; margin: 0 0 0.5rem 0; text-decoration: none; letter-spacing: -0.04rem; cursor: pointer; font-family: var(--body); font-weight: 800; -webkit-appearance: none; background-color: var(--secondary); color: var(--button-text);}
.btn:hover, .btn:focus; .nav-icon:hover;{text-shadow: 0 0 10px #fff!important; opacity: 1 !important;}
.btn-sm{font-size: 1rem; padding: 0.7rem 0.7rem; margin: 0;}
.btn-lg{color: var(--black); background-color: var(--white)!important; border: 1px solid #222222!important; box-shadow: 4px 4px 0 #f7b107!important;}
.btn-nav{font-size: 1rem; padding: 0.6rem 0.7rem; margin-right: 1rem; margin-top: 0.5rem; border: 1px solid #222222!important; box-shadow: 4px 4px 0 #f7b107!important;}
.btn-recipe {color: #222222; background-color: #ffffff; border: 1px solid #222222; border-radius: 0px; box-shadow: 4px 4px 0 #f7b109!important; padding: 16px 15px; margin-right: 20px; font-weight: 700; text-transform: none!important;}
.btn-recipe:last-child {margin-right: 0;}
.form-control{display: block; width: 100%; padding: 0.3rem 0.75rem; color: var(--text); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-group{margin-bottom: 1rem;}
.offer h4, .h4 {font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.02rem; margin-bottom: 1.3rem;}

/*********************************************************
	HOMEPAGE
*********************************************************/

.post-card{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; padding: 1rem; transition: 0.2s ease;}
.post-card:hover h2, .post-card:hover h4, .card:hover h3{color: var(--link);}
.home-h1 {font-size: 4.25rem;}
.home-h4{font-size: 1.25rem; line-height: 1.4;}
.hero {background-image: url('images/hero.webp'); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);}

/*********************************************************
	FULL IMAGE
*********************************************************/

.featured-bg {position: relative;}
.image-wrapper {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
.image-wrapper img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.bg-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.container, .container-750, .breadcrumbs, h1 {position: relative;}
/*.cat-img {display: block; width: 100%; height: auto; margin-bottom: 0.5rem; aspect-ratio: 4 / 3; object-fit: cover;}*/
.wp-block-image img, .featured-img, .cat-img, .recipe-img {padding: 10px; border: 1px solid; color: var(--gray);}

/*********************************************************
	ARTICLE
*********************************************************/

.article{width: 100%; max-width: 1000px; margin: auto;}
.article-980{width: 100%; max-width: 980px; margin: auto;}
.article a, .article-980 a {color: var(--black); text-decoration-line: underline; text-decoration-thickness: 3px; text-decoration-color: var(--link); text-underline-offset: auto; font-weight: 700; word-wrap: break-word;}
.article p{margin-top: 0; margin-bottom: 2.5rem;}
.article ol,ul,dl{margin-top: 0; margin-bottom: 2rem;}
.article ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
.article li{margin-bottom: 1rem;}
.article li:last-child {margin-bottom: 2rem;}
ol li {counter-increment: cwp-counter; position: relative; list-style-type: none !important;}
ol li::after {content: counter(cwp-counter); width: 22px; height: 22px; border: 1px solid black; border-radius: 50%; background-color: #F7B107; font-size: 13px; font-weight: 900; position: absolute; top: 5px; left: -33px; display: flex; align-items: center; justify-content: center; box-shadow: 1px 1px 0 black;}
.summary-li li {line-height: 1.2!important;}
.summary-li li:last-child, ol li:last-child{margin-bottom: 2.8rem!important;}
.article .custom-li li  {position: relative; list-style-type: none !important;}
.article .custom-li li::before {content: ""; width: 15px; height: 15px; border: 1px solid black; background-color: #F7B107; border-radius: 50%; font-size: 13px; font-weight: 900; position: absolute; top: 8px; left: -30px; box-shadow: 1px 1px 0 black;}
.article iframe{margin-bottom: 2rem; width: 100%; max-width: 100%;}
.article blockquote{padding-left: 2.5rem; margin: 0; color: var(--body); opacity: 0.75; border-left: 5px solid var(--primary); font-style: italic; font-family: var(--text);}


/*********************************************************
	WORDPRESS
*********************************************************/

.alignnone{margin: 0; max-width: 100%; height: auto;}
.aligncenter, div.aligncenter{display: block; margin: auto; max-width: 100%; height: auto;}
.alignright{float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto;}
.alignleft{float:left; margin: 0 20px 20px 0; max-width: 100%; height: auto;}
a img.alignright{float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto;}
a img.alignnone{max-width: 100%; width: 100%; height: auto;}
a img.alignleft{float: left; margin: 0 20px 20px 0; max-width: 100%; height: auto;}
a img.aligncenter{display: block; margin: auto; max-width: 100%; height: auto;}
.wp-caption{background: none; border: none; max-width: 100%; text-align: left; margin: 0 0 40px 0 !important;}
.wp-caption.alignnone{margin: 0 0 40px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0;}
.wp-caption.alignright{margin: 5px 0 20px 20px;}
.wp-caption img{border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 11px; padding: 0;  margin: 0px !important;}
.wp-block-image{margin: 0 0 2.5rem 0;}
.wp-block-image img{max-width: 100%; width: 100%; height: auto;}

/*********************************************************
	BREAKOUT BOXES
*********************************************************/

/* Lightbulb Box */
.snippet, .storage-tips {position: relative; background: #eeeeee; color: var(--nav-text); border: 1px solid var(--gray); border-radius: 0.25rem; padding: .5rem 3rem;}
.snippet .tip {width: 60px; height: 60px; display: block; position: absolute; top: -20px; left: -10px; background: var(--secondary); border: 2px solid var(--white); border-radius: 500rem; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); padding: 8px 10px 10px;}
.storage-tips .tip {width: 60px; height: 60px; display: block; position: absolute; top: -20px; left: -10px; background: var(--secondary); border: 2px solid var(--white); border-radius: 500rem; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); padding: 13px 10px 10px;}

/* Key Takeaway Box */
.takeaway {position: relative; background: var(--lt-blue); border-radius: 0.25rem; border: 1px solid #b5dbf3; padding: 0 3rem; margin-bottom: 2rem;}

/*********************************************************
	AUTHOR PAGE
*********************************************************/

.author-page .author-info {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
.author-page .author-avatar img {border-radius: 50%;}
.author-page .author-bio {margin-top: 10px;}
.author-page .author-posts {list-style-type: none; padding: 0;}
.author-page .author-posts li {margin-bottom: 10px;}
.author-box-name {font-size: 1.25rem; letter-spacing: -0.02rem; font-weight: 800; line-height: 1.25; margin-top: 0; margin-bottom: 0.5rem;}
.social-media a {margin-right: 10px;}

/*********************************************************
	CONTENT & SIDEABAR
*********************************************************/

.main-content-column {padding-right: 2.5rem;}
.widget:last-child {position: -webkit-sticky; position: sticky; top: 70px;}
.custom-sidebar-right .sidebar-signup-heading {font-weight: 600;}

/*********************************************************
	KADENCE BLOCKS
*********************************************************/

/* Table of Content */
.toc li {padding: 5px 10px 5px 0;}
.toc-post {display: none}

/* Sidebar Category Links  */
.custom-sidebar-right .category-links a {color: var(--body);}

/* Product Box */
.product-box {background: white; position: relative; box-shadow: 0 0 30px rgba(0,0,0,0.1) !important;}
.product-box:before {position: absolute; bottom: -10px; left: 45px; content: ""; background: white; height: 40px; width: 60px; transform: rotate(45deg); border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; box-shadow: 0 0 30px rgba(0,0,0,0.1) !important;}
.product-box:after {position: absolute; bottom: 0px; left: 58px; content: ""; background: white; height: 25px; width: 50px;}
.badge {position: absolute; top: -18px; left: -8px; display: inline-block; background-color: var(--black); color: var(--white); font-family: var(--text); z-index: 500; padding: 10px 14px; font-size: 0.98rem; font-weight: 900; line-height: 1rem; letter-spacing: 0.03rem; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);}
.badge:before {content: " "; display: block; position: absolute; left: -10px; bottom: -7px; border-color: transparent var(--gray) transparent transparent; border-style: inset solid inset inset; border-width: 0 10px 7px; filter: brightness(30%);}
.badge-top {position: relative; top: -18px; display: inline-block; background-color: var(--black); color: var(--white); font-family: var(--text); z-index: 500; padding: 10px 14px; font-size: 0.98rem; font-weight: 900; line-height: 1rem; letter-spacing: 0.03rem; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);}

/* Button and Form Styles */
.kb-button, .kb-forms-submit {color: var(--black)!important; font-weight: 600!important; background-color: var(--white)!important; border: 1px solid #222222!important; box-shadow: 4px 4px 0 #f7b107!important;}
.kb-button:hover, .kb-forms-submit:hover {text-shadow: 0 0 10px #fff!important; opacity: 1 !important;}

/*********************************************************
    ANIMATIONS
*********************************************************/

#lottie-sidebar-signup {width: 180px; height: 180px; transform: rotate(10deg); transform-origin: center;}
#email-2 {width: 200px; height: 200px; margin-left: -30px;}	
#lottie-overlay { position: absolute; top: -5px; left: 20px; width: 140px; height: 100px; pointer-events: auto; cursor: pointer; z-index: 10;}	

/*********************************************************
	HEADER
*********************************************************/

.header {border-bottom: 4px double #d6d6d6;}
.header, .footer h4 {padding: 0.5rem 0 0.5rem; font-size: 1rem; font-family: var(--body); font-weight: 800; text-transform: uppercase;}
.header a:hover,.footer a:hover,.mobile-menu a:hover, .nav-icon a:hover, .hamburger a:hover { text-shadow: 0 0 10px #fff!important}

/*********************************************************
	NAV
*********************************************************/

.nav {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; line-height: 2;}
.nav-brand {width: 140px; height: 55px; margin: 15px 0px 15px;}
.nav-link {padding: 0rem 1.2rem; align-self: center;}
.nav-mobile img {vertical-align: middle;}
.nav-icon svg {vertical-align: middle!important; margin-bottom: 3px;}
.nav-btn,.nav-icon {margin-left: 1rem;}
.nav-mobile {display: none;}
.mobile-menu {height: 100%; width: 0; position: fixed; z-index: 2; left: 0; top: 0; background-color: var(--primary); overflow-x: hidden; transition: .2s ease; z-index: 9999;}
.mobile-menu a {color: var(--black); font-size: 1.4rem; font-weight: 800;}
.mobile-menu .nav-link .dropdown-menu a {display: block;  color: #fff; font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 5px 5px;}
.mobile-menu-content {position: relative; top: 5%; width: 100%; margin: 3rem auto}
.mobile-menu .mobile-link {padding: 1rem .5rem; text-decoration: none; font-size: 1.5rem; color: var(--white); display: block; transition: .3s; font-weight: 800; line-height: 1}
.mobile-menu .closebtn {position: absolute; top: 1.5rem; right: 1rem; font-size: 2.7rem; color: var(--black); text-decoration: none; font-weight: 400;}
.nav-link:hover .submenu {display: block;}
.submenu {display: none;}
.submenu-toggle {margin-left: 10px; cursor: pointer;}
.nav .dropdown-parent {position: relative;}
.nav .dropdown-menu {display: none; position: absolute; left: 10px; min-width: 160px; color: #000; background-color: white; z-index: 1000; border: 1px solid rgba(0,0,0,.15); border-radius: 4px;}
.nav .dropdown-parent:hover .dropdown-menu { display: block;}
.nav a, .nav .dropdown-parent > a {color: var(--nav-text);}
.nav-btn a {color: var(--nav-text);}
.nav .dropdown-parent > a:hover {color: #fff;}
.nav .dropdown-menu a {display: block; color: #000; font-size: 0.9rem; font-weight: 500; padding: 5px 10px; white-space: nowrap;}
.nav .dropdown-menu a:hover {background-color: #f5f5f5;}
.nav div.dropdown-parent:hover > div.dropdown-menu {display: block;}
.nav .dropdown-menu .nav-link {padding: 0!important;}
.mobile-menu .nav-link {padding: 8px 10px; margin: 0;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.dropdown-menu {display: none;}
#mobile-nav-overlay {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 9998;}
.no-grow-mobile {flex-grow: 1 !important;}

/*********************************************************
	MOBILE
*********************************************************/

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

@media (min-width: 1025px)and (max-width: 1200px) {
.container { max-width: 1024px;}
.nav-btn {display: none;}
}

@media (min-width: 992px) and (max-width: 1024px) {
.custom-sidebar-right {flex: 0 0 33.33%; max-width: 33.33%;}
.main-content-column {flex: 0 0 66%; max-width: 66%;}
.header {font-size: 0.8rem;}
.nav-btn {display: none;}
.dropdown-menu, .submenu {display: none !important;}
.nav .dropdown-parent:hover .dropdown-menu, .nav .dropdown-parent:hover .submenu {display: block !important;}
}

@media(max-width: 991.99px) {
h1,.h1 {font-size:2.5rem}
h2,.h2 {font-size: 2rem}
h3,.h3 {font-size: 1.75rem}
.post-card h3 {font-size: 1.25rem;letter-spacing: -0.02rem;}
.custom-sidebar-right {display: none!important;}
.main-content-column {flex: 0 0 100%; max-width: 100%; padding-right: 15px!important;}
.container {max-width: 100%}
.text-lg-center {text-align: center!important}
.text-lg-left {text-align: left!important}
.header {padding-top: 0.2rem; padding-bottom: 0.3rem;}
.dropdown-menu .nav-link:first-of-type {margin-top:5px !important;}
.nav-brand {margin-left: -2.5rem;}
.nav-icon, .hamburger {font-size: 1.2rem;}
.nav-link {margin: 1rem 0 0;}
.no-grow-mobile {flex-grow: 0 !important;}
.nav .nav-link, .nav-btn {display: none}
.nav-mobile {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; line-height: 2}
.nav-icon {padding: 1rem 1rem; margin: 0;}
.toc-post {display: block}	
}

@media(max-width: 767.98px) {
.text-md-center {text-align:center!important}
.text-md-left {text-align: left!important}
.submenu {position: static; width: 100%; background-color: transparent; box-shadow: none;}
.btn {font-size: 1rem;line-height: 1}
.gallery-item {float: none!important}
.pr-0 {padding-right: 15px!important}
.large-post-row {margin-bottom: 0 !important;}
.featured-text {margin-top: 0;}
.author-page img {margin-bottom: 10px;}
.snippet ul, .takeaway ul {padding-left: 15px;}
}

@media(max-width: 575.99px) {
.home-h2 {font-size: 2.2rem;}
.home-h4 {font-size: 1.8rem;}
.buttons .btn {font-size:18px!important; padding: .75rem!important}
.mobile-menu .closebtn {font-size: 40px; top: 15px; right: 35px}
}

@media(max-width: 480px) {
.nav-icon {padding: 1rem 0.8rem;}
}