/*
 Theme Name:   Something Swanky
 Theme URI:    https://www.somethingswanky.com/
 Description:  Your custom theme designed by WP Geeks
 Author:       Derek Freal
 Author URI:   https://wpgeeks.co
 Template:     generatepress
 Version:      1.6
*/

/* Global */
body {line-height:1.8;overflow-x: hidden;}
div[class*="widget"] {text-align:center;}
h1, h2, h3, h4, h5 {
    font-family: "PlayFair Display",Georgia,"Times New Roman",Times,serif;
    font-weight: 700;
    line-height: 1.2;
}
.alignfull {
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
.read-more-container {
    font-weight: 700;
    letter-spacing: .1em;
    font-size: 11px;
}
.sep {
    width: 100%;
    display: block;
    clear: both;
    margin: 15px auto 45px;
    height: 33px;
    background: url('../png/sprinkles-lg.png') left center repeat-x;
    background-size: auto 33px;
}
.sidebar {line-height:1.6;}
.sidebar a,a:hover {text-decoration:none;}

/* WP Overrides */
.wp-block-search__input {
    color: #696969!important;
    font-size: 18px;
    font-family: "Roboto",Arial,Helvetica,Geneva,sans-serif;
    font-weight: 400;
    font-style: italic;
    line-height: 50px;
    background-color: #fff!important;
    padding: 0 15px;
    border: none!important;
    vertical-align: middle;
    float: left;
    height: 50px;
}
.wp-block-search__button {background:#fff;margin-left:0;border:0;}
.wp-block-search__button {color:red;font-size: 22px;padding:0 0.4em}
.wp-block-search__button:hover {background-color:#fff;}
.wp-block-search__button:hover svg {color:var(--accent);}

/* Menu */
#menu-item-22241 a,#menu-item-23347 a {text-transform:uppercase;color:#eec534;}
#menu-item-22241 a:hover,#menu-item-23347 a:hover {color:var(--accent-pink);}

/* Widgets */
.about p.more a {
    color: var(--accent-pink);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 13px;
    text-decoration: none;
}
.about p.simple-image img {
    width: 180px;
    height: auto;
    display: block;
    border-radius: 50%;
    margin: 0 auto 15px;
}
.sidebar .social a {color: #707070;font-size: 18px;padding: 0 8px;}
.social a.social-rss {color: #eec534;}
.social a.social-facebook {color: #313a76;}
.social a.social-twitter {color: #02c1b9;}
.social a.social-pinterest {color: #ef396f;}
.social a.social-instagram {color: #eec534;}





/* Featured Tabs */
.homepage-featured {
    background-color: #f7f7f7;
}
.tab {
    display: none;
    overflow: hidden;
    padding: 0;
}
.tab.active {
    display: block;
}
.tab a h2 {
    color: #fff;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #313a76;
    background-color: rgba(27,37,89,.9);
    color: #fff;
    font-size: 36px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    font-family: Roboto;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 12px;
}
.tab a:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tab a h2 .valign {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px;
}
.tab .item {
    width: 31.5%;
    float: left;
    position: relative;
}
.tab .item+.item {margin-left:2.75%;}
.tab .item img {
    width: 100%;
    height: auto;
}
.tabs {
    clear: both;
    width: 100%;
    display: block;
    padding: 30px 0 25px;
}
.wrap {
    margin: 0 auto 0;
    padding: 0 20px;
    width: 100%;
    max-width: 1020px;
}
.tab-nav {
    text-align: center;
    margin: 25px 0 0;
}
.tab-links {
    text-align: center;
    width: auto;
    display: inline-block;
    margin: 0 auto 0;
    padding: 0;
    padding-left: 0!important;
}
.tab-links li {
    margin: 0!important;
    padding: 0!important;
    display: inline-block;
    list-style-type: none;
    position: relative;
    line-height: 21px;
    height: 21px;
}
.tab-links a {
    display: inline-block;
    text-decoration: none;
    padding: 3px 15px;
    margin: 0;
    display: inline-block;
    color: #707070;
    font-family: "Roboto",Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}.tab-links li.active:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: var(--accent-pink);
    border-width: 8px;
    margin-left: -8px;
}
.tab-links li.active:after {
    bottom: 95%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: var(--accent-pink);
    border-width: 8px;
    margin-left: -8px;
}
.tab-links li.active a, .tab-links li.active a:hover {
    background-color: var(--accent-pink);
    color: #fff;
}

/* Blog Posts */
.bread {color: #707070;font-size: 12px;line-height:18px;margin:0;}
.bread a {color:#707070;}
.bread a:hover {color:var(--accent-pink);text-decoration:underline;}

.entry-meta .byline {
    font-weight: 400;
    text-transform: lowercase;
    font-style: italic;
}
.entry-meta .spacer {
    display: inline-block;
    background: url('../png/sprinkles-sm.png') no-repeat;
    background-size: 36px auto;
    width: 36px;
    height: 14px;
    margin: 0 10px;
    vertical-align: middle;
}
.posted-on {
    color: #707070;
    font-size: 12px;
    line-height: 18px;
    font-family: "Roboto",Arial,Helvetica,Geneva,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.post-cats {
    margin-top: 25px;
    margin-bottom: 10px;
}
.post-cats a {
    color: #707070;
    background-color: #fff;
    border: 1px solid #eee;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 10px;
    padding: 3px 11px 2px;
    margin: 4px;
    text-decoration: none;
    display: inline-block;
    text-decoration: none;
}
.post-cats a:hover {
    color: #fff;
    background-color: #02c1b9;
    text-decoration: none;
}
#post-nav {display:flex;padding:0 40px;margin-top:40px;}
.post-nav {
    font-family: "Roboto",Arial,Helvetica,Geneva,sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 10px;
    color: #707070;
}
#post-nav a {color:#313a76;text-decoration:none;}
#post-nav a:hover {color:var(--accent);}
.post-next {text-align:right;}
.post-nav-title {font-size:18px;}
.post-previous,.post-next {width:45%;}
.post-next {margin-left:10%;}

.meta-bottom {
    clear: both;
    margin: 25px 0 0;
    text-align: center;
    overflow: hidden;
}
.post-meta {
    color: #707070;
    font-size: 12px;
    line-height: 18px;
    font-family: "Roboto",Arial,Helvetica,Geneva,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.post-meta em, .recipe .post-meta strong {
    font-weight: 400;
    text-transform: lowercase;
    font-style: italic;
    letter-spacing: normal;
}

/* Footer */
#menu-footer li:first-of-type {
	color:var(--accent)!important;
    font-weight: 700;
    letter-spacing: .1em;
}
#menu-footer li:first-of-type a {color:var(--accent)!important;text-transform: uppercase!important;}
#menu-footer li a {
    text-decoration: none;
    text-transform:lowercase;
    color: #313a76;
}
.copyright-bar img {width: 85px;height: 25px;margin-bottom: 20px;}
.footer-bar {margin-top:20px;}
.footer-bar a {text-decoration:none;color:var(--acent-blue);}
.footer-bar a:hover {text-decoration:underline;color:var(--accent-pink);}
.footer-bar-align-right .copyright-bar {margin-right:unset;}
.footer-widgets a:hover {text-decoration:underline!important;}
.footer-widget-1 {text-align:left!important;}
.footer-widget-1 ul li {display:inline;margin-right:15px;}
.footer-widget-2 {text-align:right!important;}
.footer-widget-2 .social a {font-size:16px;padding:2px 8px;}
.inside-site-info {flex-direction: column!important;}
.site-info,.site-footer {font-size:12px;font-family:"Roboto",Arial,Helvetica,Geneva,sans-serif;font-weight:400;}