/*
Theme Name: Hip & Wellness
Theme URI: http://www.hipandhealthy.com
Description: Custom theme for Hip & Wellness
Author: NK LAB
Author URI: http://nk-lab.com
Template: FoundationPress-master
Version: 2.0.0
Text Domain: hipandhealthy
*/
@import url("../FoundationPress-master/style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
#cookie-notice .cn-button {
background: #fff;
color: #000;
padding: 5px 15px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
.rev_slider .tp-caption, .rev_slider .caption {
background-color: rgba(255,255,255,0.8) !important;
}
.off-canvas-wrap { border-top:solid 8px #000; background-color:#fff;}
#page-top {background-color:#fff;}
body { font-family:'Verlag A', 'Verlag B';font-size:15px;}
h1, h2, h3, h4, h5, h6 { font-family:'Verlag A', 'Verlag B';}
a:link, a:visited { color:#000000; text-decoration:none;}
a:hover {color:#ec008b; -webkit-transition: .6s ease-in-out; transition: .6s ease-in-out;}
a img:hover {opacity:0.6; -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out;}
.ftr{font-family: 'system-ui';}
.snp-links{display: none;}
.button-style { text-transform:uppercase; letter-spacing:3px; font-weight:700; padding-bottom:7px; border-bottom:solid 3px #000; font-size:14px; color:#000 }
.button-style:hover {color:#ec008b; border-color:#ec008b; -webkit-transition: .6s ease-in-out; transition: .6s ease-in-out;}
figure {
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
[class*="column"]+[class*="column"]:last-child {
float: left;
}
/* Header */
.menu, .contain-to-grid-menu { height:40px; font-family: 'Verlag A', 'Verlag B'; font-weight: 700; font-style: normal;}
nav.top-bar { text-align:center;}
section.top-bar-section {display: inline-block;}
.top-bar-section ul {background-color:#FFFFFF;}
.utility-bar { max-width: 1400px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.logo-header {text-align:center; height:30px;}
.logo-header img {max-width:281px; margin-top:-100px;}
.annoucement {font-size: 12px; letter-spacing: 2px; text-transform:uppercase; font-family:'Verlag A', 'Verlag B'; font-weight:700; color:#000; }
a.top-site-nav__link, a.top-site-nav__link .nc-icon-mini {color: #ec008b; font-size: 14px;}
a.top-site-nav__link {margin-left:15px;}
.site-nav__link--icon {padding-left:5px; padding-right:5px;}
.bag-info { font-size: 11px;letter-spacing: 2px;font-weight: 600; padding-left: 5px;}
.account-area ul {text-align:right;}
.account-area ul li {display:inline-block;}
.contain-to-grid {width:100%; max-width:100%;}
.contain-to-grid .top-bar {width:100%; max-width:100%;}
.contain-to-grid, .top-bar, .ubermenu-skin-clean-white {background-color:#fff !important;}
.ubermenu-skin-clean-white { color:#000; letter-spacing:2px; text-transform:uppercase;font-family: 'Verlag A', 'Verlag B'; font-weight: 600; font-style: normal; padding:0 20px; font-size:12px !important; text-transform:uppercase;}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target {font-size:12px !important; font-weight:500 !important; text-transform:uppercase;}
.ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {background-color:#fff; border:solid 1px #fff; border-bottom:solid 10px #f3f3f3;}
.ubermenu .ubermenu-row { max-width:1400px !important; margin:0 auto !important; padding:20px 50px !important;}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target {color: #000000; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal !important;}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {margin-top:0px !Important;}
.ubermenu .ubermenu-custom-content-padded {
padding: 6px 20px !important;
}
.ubermenu .ubermenu-search .ubermenu-searchform {margin:0px !important; width:20px !important; background-color:#fff !important;}
.ubermenu .ubermenu-search input.ubermenu-search-input {overflow:hidden;}
.ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target {font-weight:bold !important;}
.ubermenu .ubermenu-search .ubermenu-search-submit, .ubermenu .ubermenu-searchbar-drop .ubermenu-search-submit {color:#000 !important;}
#full-screen-search button.close {font-size:20px !important; color:#000 !important}
#full-screen-search form div input {background-color:#fff !important; border-bottom:solid 2px #000 !Important; font-family:'Chronicle Hairline A', 'Chronicle Hairline B' !important;}
.full-screen-title {
position: absolute;
width: 100%;
text-align: center;
top: 30%;
padding:15px;
}
#full-screen-search form div input::-webkit-input-placeholder {
font-family:'Chronicle Hairline A', 'Chronicle Hairline B' !important;
color: #ccc;
}
#full-screen-search form div input:-moz-placeholder {
font-family:'Chronicle Hairline A', 'Chronicle Hairline B' !important;
color: #ccc;
}
#full-screen-search form div input::-moz-placeholder {
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B' !important;
color: #ccc;
}
#full-screen-search form div input:-ms-input-placeholder {
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B' !important;
color: #ccc;
}
#full-screen-search #searchsubmit-overlay {
position: absolute;
background-color: #000 !important;
color: #fff !important;
width: 80px;
right: 0px;
top: 0px;
}
/* Header - Mobile Menu */
.shiftnav-toggle-main-block img { width: 80%; max-width:400px}
#shiftnav-toggle-main { padding:16px 40px;}
#shiftnav-toggle-main{ border-top: solid 4px #000;}
.shiftnav-main-toggle-content-after { padding: 16px 6px; text-align: right;}
.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {font-size:14px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; }
li.shiftnav-retract a { color: #ec008b;}
li.shiftnav-retract a:hover { opacity: 0.5; }
/* Homepage */
.home-cover .columns {padding:0px;}
.home-cover {position: relative; width: 100%; height: 100vh; background-size: cover; }
.logo-cover {position:fixed; width:100%; text-align:center; top:150px; }
.logo-cover img { max-width: 750px;}
.logo-cover h4 {color:#fff; font-weight:400; text-transform:uppercase; font-size:18px; letter-spacing:4px; margin-top:25px;}
.home-cover a { padding:12px 45px; color:#000; background-color:rgba(255,255,255,0.8); }
.home-cover a:hover {background-color:#000; color:#fff;}
.home-cover a:hover h1 {color:#fff;}
.shop-cover {background-image:url('images/shop-cover1.jpg'); width:50%; height:100vh; min-height:100vh; background-size:cover; position:fixed; top:0; left:0; background-position:center;}
.shop-cover-title {width:100%; height:100%; position:relative; background-color:rgba(0,0,0,0.35); }
.shop-cover-title h1 {position:absolute; top:60%; width:100%; text-align:center; color:#000; font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; font-size:30px; text-transform:uppercase; letter-spacing:4px;}
.magazine-cover {background-image:url('images/magazine-cover1.jpg'); width:50%; height:100vh; min-height:100vh; background-size:cover; position:fixed; top:0; right:0;}
.magazine-cover-title {width:100%; height:100%; position:relative; background-color:rgba(0,0,0,0.35); }
.magazine-cover-title h1 {position:absolute; top:60%; width:100%; text-align:center; color:#000; font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; font-size:30px; text-transform:uppercase; letter-spacing:4px;}
.home-slider {margin-top:20px; margin-bottom:35px;}
.tp-bgimg.defaultimg {border-left:15px solid #FFFFFF; border-right:15px solid #fff;}
.section-header .h3 { text-transform: uppercase; margin-bottom: 0px;letter-spacing: 2px; font-size: 16px;}
.section-header .h3 span {padding: 10px 20px; background-color: #fff;}
.section-header {background-color:#000; margin-bottom:20px; background-image:url('images/section-bg.jpg'); background-size: contain; background-repeat: repeat-x;}
.h3 { font-family: "system-ui", "Verlag A","Verlag B"; font-weight: 700; }
.top-stories h3 { font-family: 'avenir','Chronicle Hairline A','Chronicle Hairline B'; font-weight: lighter; font-size: 26px; text-align: center; letter-spacing: 1px;line-height: 34px;margin-top: 15px; padding-bottom:40px;}
.top-stories a:hover h3 {color:#ec008b; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.main-newsletter {margin-top:40px; padding-bottom:40px;}
.main-newsletter h1 {margin-top:10%; font-family: 'Chronicle Hairline A','Chronicle Hairline B'; letter-spacing:1px;font-size: 2em;}
.main-newsletter .newsletter--form {margin-top:20px; padding-right:25%;}
.main-newsletter-border {height:4px; background-color:#000; width:100%; margin-bottom:55px;}
.newsletter-image {text-align:center;}
.newsletter-image img { margin:0 auto;}
.explore-magazine {margin-top:40px !important;}
.explore-fitness {height:465px; background-image:url('images/explore-fitness-22.jpg'); background-size:cover; background-position:center; position:relative;margin-bottom:1rem;}
.explore-travel {height:465px; background-image:url('images/explore-travel-22.jpg'); background-size:cover; background-position:center; position:relative; margin-bottom:1rem;}
.explore-health {height:375px; background-image:url('images/explore-health-22.jpg'); background-size:cover; background-position:center; position:relative; margin-bottom:1rem;}
.explore-beauty {height:375px; background-image:url('images/explore-beauty-22.jpg'); background-size:cover; background-position:center; position:relative; margin-bottom:1rem;}
.explore-style {height:375px; background-image:url('images/explore-recipes-22.jpg'); background-size:cover; background-position:center; position:relative; margin-bottom:1rem;}
.explore-fitness {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .9s ease-in-out;
transition: .9s ease-in-out;
}
.explore-fitness:hover{
}
.explore-title {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.3); }
.explore-title h3 {font-family: 'Chronicle Hairline A','Chronicle Hairline B'; text-transform:uppercase; letter-spacing:2px; font-size:36px; color:#fff; position:absolute; width:100%; top:50%; margin-top:-18px; text-align:center}
a .explore-title h3 {color:#fff;}
a .explore-title:hover { background-color:rgba(255,255,255,0.6); -webkit-transition: .9s ease-in-out; transition: .9s ease-in-out;}
a .explore-title:hover h3 {color:#ec008b; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.featured-video {margin-top:50px !important;}
.featured-video .section-header {margin-bottom:50px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-info {padding:0px 45px 0px 90px; text-align:center;}
.video-info h3 { font-family: 'Chronicle Hairline A','Chronicle Hairline B'; font-size: 28px; text-align: center; letter-spacing: 1px;line-height: 29px;margin-top: 45px; margin-bottom:45px;}
.video-info p {font-size:18px; line-height:28px;}
.video-info div {padding-top:25px;}
.video-container {padding-right:90px !important;}
.banner-gwp {margin-top:80px !important;}
.shop-banner {height:465px; background-image:url('images/shop-ad.jpg'); background-size:cover; background-position:center; position:relative;}
.gwp {height:465px; background-image:url('images/sale1.jpg'); background-size:cover; background-position:center; position:relative;}
.about-hip {text-align:center; padding:50px;}
.about-hip p {font-size:18px; line-height:26px;}
.about-hip .button-style {margin:30px 40px; display:inline-block}
.about-hip h2 { font-family: 'Chronicle Hairline A','Chronicle Hairline B'; font-size: 28px; text-align: center; letter-spacing: 2px; text-transform:uppercase;line-height: 29px;margin-top: 45px; margin-bottom:45px;}
h2.title {text-transform:uppercase; letter-spacing:2px; font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; text-align:center; }
/* Footer */
.footer-container, footer {background-color:#f3f3f3;}
.footer-container h6 {font-size: 26px;text-align: center; padding-bottom: 20px; letter-spacing:1px; font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; text-transform:lowercase; text-transform:capitalize;}
.footer-container {margin-top:40px; padding:25px; }
.ftr {text-align:center;padding-bottom:30px;}
footer ul, .ftr ul {margin:0px; padding:0px;}
footer li, .ftr li { list-style:none; padding:0px; margin:0px; text-transform: uppercase;letter-spacing: 2px;font-size: 13px; margin-top:5px; font-weight:bold;}
.copyright { font-family: 'Verlag A', 'Verlag B'; text-transform: uppercase; letter-spacing: 2px; font-size: 11px;
margin-top: 20px; padding-top:45px; padding-bottom:10px;}
.snp-links .nc-icon-mini {color:#ec008b; font-size:25px; margin:0px 5px}
.snp-links .nc-icon-mini:hover {color:#000;}
/* Single */
.date-entry {text-transform: uppercase;letter-spacing: 2px;font-size: 11px; text-align: center; padding-top: 15px;}
.aligned-column {display: inline-block; vertical-align:middle; float:none !important;}
.large-5.columns.aligned-column {width:39%;}
.title-featured { vertical-align: middle;display: table-cell; text-align:right;}
.popular-now {margin-top:50px !important; margin-bottom:70px !important;}
article.post {margin-top:40px;}
.post-header {padding-right:60px;}
.entry-category { text-align:center; font-family: 'Verlag A', 'Verlag B'; font-weight: 700; font-style: normal;text-transform:uppercase;font-size:14px; letter-spacing:2px;}
.entry-category a {color:#ec008b; font-size:14px;}
.entry-title { line-height:1.2; text-align:center;font-family: 'Chronicle Hairline A', 'Chronicle Hairline B'; font-weight: 300; letter-spacing:1px; font-size:50px; padding-right:20px;}
.entry-content {padding-right:75px;}
/* .entry-content p:first-of-type, .entry-content p:first-of-type a, .entry-content p:first-of-type a strong { font-size: 20px; line-height:1.8; font-family:'Verlag A', 'Verlag B';} */
.entry-content p {font-family:Garamond, Baskerville, serif; line-height:1.8;}
.entry-content h1 {font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; letter-spacing: 1px;}
.entry-content h2, .entry-content h3 {font-family: 'Verlag A', 'Verlag B'; font-size:18px; text-transform:uppercase; letter-spacing:2px; font-weight:400;}
.entry-content h5 {font-family: 'Freeland'; font-size: 36px;}
.entry-content h6 {font-family:'Freeland'; font-size:24px;}
.entry-content a strong, .entry-content strong a, .entry-content p a strong {font-family: Garamond, Baskerville, serif;text-transform: none;letter-spacing: 0px; color: #ec008b;}
.entry-content,.sidebar-container {margin-top:30px;}
.sidebar-explore .explore-magazine {margin-top:40px !important;}
.sidebar-explore .explore-fitness {height:240px; background-image:url('images/explore-fitness-22.jpg'); background-size:cover; background-position:center; position:relative;}
.sidebar-explore .explore-travel {height:240px; background-image:url('images/explore-travel-22.jpg'); background-size:cover; background-position:center; position:relative;}
.sidebar-explore .explore-health {height:240px; background-image:url('images/explore-health-22.jpg'); background-size:cover; background-position:center; position:relative;}
.sidebar-explore .explore-beauty {height:240px; background-image:url('images/explore-beauty-22.jpg'); background-size:cover; background-position:center; position:relative;}
.sidebar-explore .explore-style {height:240px; background-image:url('images/explore-recipes-22.jpg'); background-size:cover; background-position:center; position:relative;}
.sidebar-explore .explore-title h3 {font-family:'avenir', 'Chronicle Hairline A','Chronicle Hairline B'; text-transform:uppercase; letter-spacing:3px; font-size:28px; color:#fff; position:absolute; width:100%; top:50%; margin-top:-18px; text-align:center}
.sidebar-mailinglist {background-color:#f3f3f3; padding:30px; margin-top:50px;}
.sidebar-mailinglist h1 {font-family: 'Chronicle Hairline A','Chronicle Hairline B'; font-size:25px; letter-spacing:1px;}
.post-share {text-align:right;}
.post-share #facebook, .post-share #pinterest, .post-share #twitter {display:inline-block;}
#twitter, #facebook, #pintrest { width:25; height:25px; float:left; padding-left:1px; padding-right:4px; text-align:center}
#twitter img, #facebook img, #pintrest img {width:25px !important; }
.post-share { border-top:#000 solid 2px; padding:8px; padding-top:12px; margin-bottom:70px; margin-top:50px;}
.post-share h4 { font-family: 'Verlag A', 'Verlag B'; font-weight: 400; font-style: normal;font-size:13px; text-transform:uppercase; letter-spacing:2px; float:left;}
.nav-previous img, .nav-next img {float:none; width:100%; max-width:180px;}
.nav-previous {text-align:left;}
.nav-previous .verlag, .nav-next .verlag {font-size:15px; padding-top:15px;}
.nav-next {text-align:right; }
.nav-next h3, .nav-previous h3 {font-family: 'Chronicle Hairline A','Chronicle Hairline B'; font-size:22px; letter-spacing:1px;}
.popular-now {margin-top:80px;}
/* Category */
.cat-info h1 { text-align:center;font-family: 'system-ui', 'Chronicle Hairline A', 'Chronicle Hairline B'; font-size:50px; text-transform:uppercase; letter-spacing:3px; margin: 20px auto 40px;}
.category .container .row, .search-results .container .row {
max-width: 1200px;
}
.archive-entry {padding:0px 10px 30px; height:510px; text-align: center;}
.archive-entry h3 {text-align:center; padding:5px 15px; font-size:22px; line-height:1.3;}
.archive-excerpt, .archive-excerpt p {font-size:16px; line-height:24px;}
.main-archive {padding-top:20px;}
/* New Home */
.trending-title h3, .feat-cat-title h3 {
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B';
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 50px;
line-height: 0.8;
}
.featured-category-post h3, .featured-recipe-post h3 {
font-size: 28px;
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B';
letter-spacing: 0.01em;
text-align: center;
padding: 5px 10px;
}
.the-feature, .beauty-feature, .health-feature, .main-newsletter, .recipe-feature {
padding-top: 50px;
}
.feature-main-title h3 {
text-transform: uppercase;
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B';
font-size: 35px;
line-height: 1.2;
}
.feature-main-title h3 span {
text-transform: lowercase;
font-size: 200%;
font-family: 'Freeland';
position: relative;
z-index: 10;
}
.health-main {
background-size: cover;
height: 650px;
}
.health-sidebar {
height: 313px;
background-size: cover;
background-position:center;
position: relative;
}
.feat-main {height: 450px; background-size: cover; background-position: center;}
.health-sidebar h3 a {
position: absolute;
width: 100%;
height: 100%;
padding: 120px 50px 80px 30px;
text-align: center;
color: #000;
opacity: 0;
top: 0;
left: 0;
}
.health-main h3 a {
position: absolute;
width: 100%;
height: 100%;
padding: 290px 90px 80px 70px;
text-align: center;
color: #000;
opacity: 0;
top: 0;
left: 0;
font-size:140%;
}
.feat-main h3 a {
position: absolute;
width: 100%;
height: 100%;
padding: 140px 70px 80px 50px;
text-align: center;
color: #000;
opacity: 0;
top: 0;
left: 0;
font-size:130%;
}
.health-sidebar h3 a:hover, .health-main h3 a:hover, .feat-main h3 a:hover {
visibility: visible;
background-color: rgba(255,255,255,0.85);
opacity: 1;
}
.sidebar-health-post {
margin-bottom: 20px;
}
.feat-cat-title {margin-bottom: 20px;}
.featured-beauty-post h3, .featured-health-post h3, .travel-feature a h3, .fitness-feature a h3, .featured-main-health-post h3, .sidebar-health-post h3 {
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B';
font-size: 22px;
letter-spacing: 0.02em;
text-align: center;
padding: 5px;
}
.sadie-intro {
font-size: 14px;
}
.sadie-image img {
border-radius: 50%;
}
.sadie-intro {
font-family: 'Baskerville';
line-height: 2;
font-size: 16px;
}
.newsletter-box {
background-color: #f5f5f5;
padding: 30px 30px 10px !important;
}
.newsletter-box h1 {
margin-top: 0px;
line-height: 1;
}
.featured-video {
padding-bottom: 85px !important;
padding-top: 80px;
}
.fitness-feature, .travel-feature {
padding-top: 50px;
}
.fitness-feature .featured-recipe-post, .travel-feature .featured-recipe-post {
min-height: 410px;
}
.fitness-feature {
padding-right: 50px;
}
.travel-feature {
padding-left: 50px;
}
@media only screen and (max-width: 48em) {
#full-screen-search form div {width:90%;}
.off-canvas-wrap {border-top: solid 0px #fff;}
.container {margin-top:0px !important;}
.copyright {text-align:center; padding:20px;}
.home-cover .columns {padding:0px;}
.home-cover {position: relative; width: 100%; height: 100vh; background-size: cover; }
.logo-cover {display:none; }
.home-cover a {color:#000;}
.shop-cover {background-image:url('images/shop-cover1.jpg'); width:100%; height:50%; min-height:50%; background-size:cover; position:relative; top:0; left:0;}
.shop-cover-title {width:100%; height:100%; position:relative; background-color:rgba(0,0,0,0.45); }
.shop-cover-title h1 {position:absolute; top:35%; width:100%; text-align:center; color:#fff; font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; font-size:50px; text-transform:lowercase; letter-spacing:2px;}
.magazine-cover {background-image:url('images/magazine-cover1.jpg'); width:100%; height:50%; min-height:50%; background-size:cover; position:relative; top:0; right:0;}
.magazine-cover-title {width:100%; height:100%; position:relative; background-color:rgba(0,0,0,0.45); }
.magazine-cover-title h1 {position:absolute; top:35%; width:100%; text-align:center; color:#fff; font-family:'Chronicle Hairline A', 'Chronicle Hairline B'; font-size:50px; text-transform:lowercase; letter-spacing:2px;}
.tp-bgimg.defaultimg {border-left:0px solid #FFFFFF; border-right:0px solid #fff;}
.top-stories h3 {font-size:17px; line-height:1.2; padding-bottom:5px; }
.top-stories {min-height:330px;}
.main-newsletter h1, .main-newsletter p {text-align:center;}
.explore-fitness, .explore-health, .explore-travel, .explore-beauty, .explore-style{ height:260px;}
.explore-title h3 {font-size:26px;}
.featured-video {margin-top:10px !important;}
.featured-video .section-header {margin-bottom:20px;}
.video-container {padding-right:0.5rem !important;}
.video-info {padding:20px 30px;}
.video-info h3 {margin-top:15px; margin-bottom:15px;}
.shop-banner, .gwp {height:300px; background-position-x:right;}
.archive-entry {height:400px; min-height:320px; padding:0px;}
.archive-entry h3 {font-size:20px;}
.about-hip {padding:25px;}
.entry-category {margin-top:30px; font-size:10px;}
.entry-content {padding-right:0px;}
article.post {margin-top:0px}
.row.content-start {padding-top: 0px !important;}
.entry-title { font-size:35px; padding:15px; }
.nav-next h3, .nav-previous h3 {font-size:19px;}
.row {padding:0px 10px !important;}
.logo-header,.utility-bar-container {display:none;}
.fitness-feature .featured-recipe-post, .travel-feature .featured-recipe-post {
min-height: 320px;
}
.travel-feature {
padding-left: 0.9375rem;
}
.featured-beauty-post h3, .featured-health-post h3, .travel-feature a h3, .fitness-feature a h3, .featured-main-health-post h3, .sidebar-health-post h3 {
padding: 5px 1px !important;
font-size: 18px;
}
.health-main {
height: 400px;
background-size: cover;
background-position: center;
}
.large-5.medium-6.columns.small-6.sidebar-health-post {}
.health-sidebar {
height: 200px;
background-position: center;}
.featured-category-post h3, .featured-recipe-post h3 {
font-size:23px;line-height:1.3;
}
}
.white {background-color:#FFFFFF !important;color:#000000 !important; }
.tags, .tags p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
}
@media only screen and (max-width: 40em) {
.gwp-container, .shop-banner-container { width:100%; margin-bottom:25px;}
}
.clear {clear:both;}
.clear-2 { clear:both; height:70px;}
.clear-3 { clear:both; height:30px;}
.container {margin-top:10px;}
.row {width: 100%;margin-left: auto;margin-right: auto;max-width: 1400px;padding:0px 20px;}
.columns {padding-left:0.5rem;padding-right:0.5rem;}
.the-feature, .beauty-feature, .health-feature, .main-newsletter, .recipe-feature, .fitness-feature {
padding-top: 50px;
}
footer {padding-top:40px;padding-bottom:40px;font-size:12px;margin-top:40px;}
/* Uber Menu */
.ubermenu-skin-clean-white { color:#000; letter-spacing:2px; text-transform:uppercase;font-family: 'Verlag A', 'Verlag B'; font-weight: 600; font-style: normal; padding:0 20px; font-size:12px !important;}
.top-bar {height:40px;}
.menu-styles {padding:25px !important; text-transform:uppercase;}
.menu-styles a {text-transform:uppercase !important;}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {padding-left: 0px !important;}
.ubermenu .ubermenu-image {margin-bottom:10px;}
.menu-styles a:link {}
.menu-subheading a span {
border-bottom: solid 1px #000;
padding-bottom:6px; margin-bottom:8px
}
/* Search Bar */
#searchsubmit {display:none;}
#s {margin-top:0px; background-color:#f3f3f3; border:solid 1px #f3f3f3; box-shadow:none;margin:0px; padding:0px; font-family: 'Sentinel SSm A', 'Sentinel SSm B'; font-weight: 300; font-style: italic;color:#ec008b;
}
/* Homepage */
input[type="text"], input[type="email"] {width:100%; height:30px; padding:20px; float:none; margin-left:0px; margin-top:20px; background-color:#000; border:solid 1px #000;}
.mailchimp-go {margin-top: 5px;float: none; padding:5px;}
.small {font-size:11px; text-transform:uppercase; letter-spacing:1px; font-style:italic; padding-top:15px;}
/* Buttons */
button.tiny, .button.tiny {padding-top:0.425rem;padding-bottom:0.455rem;background-color:#000000;letter-spacing:2px;font-family: 'Verlag A', 'Verlag B'; font-weight: 700; font-style: normal;letter-spacing:2px;font-size:10px;color:#FFFFFF;text-transform:uppercase;}
.button:hover {background-color:#ec008b;}
/* ABOUT */
.about-letter {margin-top:80px;}
.about-letter p {font-family:'Chronicle Hairline A', 'Chronicle Hairline B';
font-style:normal;
font-size:22px;}
.about-letter h5 {font-family: 'Freeland'; font-size: 36px;}
.the-team h3{
font-family:'Chronicle Hairline A', 'Chronicle Hairline B';
font-style:normal;
font-size:30px; letter-spacing:1px;
}
.the-team h5 {
font-size:14px;
color:#ec008b;}
.the-team h4 {
font-family: 'Verlag A', 'Verlag B'; font-weight: 400; font-style: normal;letter-spacing:2px;text-transform:uppercase;font-size:15px;padding-top:28px;
}
.the-team {
margin-bottom:30px; text-align:center;
}
.sentinel-about {
font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; font-size:15px; line-height:20px; color:#000; text-align:left !important;
}
/* Share Links */
#post-facebook, #post-twitter, #post-pinterest, .share-text {width:35px;float:left;}
.share-text {padding-top:9px;}
.pink {background-color:#ec008b !important; width:130px; }
/* Standard Page */
.standard h3 {
font-family: 'Verlag A', 'Verlag B'; font-weight: 400; font-style: normal;font-size:11px; text-transform:uppercase; letter-spacing:2px;font-size:15px;
padding-top:25px;padding-bottom:8px;}
.standard h4 {
font-style:normal;
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B';
font-size:20px;
padding-top:18px;
padding-bottom:10px;
}
.standard h5 {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-style:italic;
font-size:12px;}
.standard {padding-bottom:170px;}
.standard, .standard p {font-size:14px;line-height:1.8;}
.standard li {list-style:square; padding-left:15px;line-height:23px;}
.cat-info h1.notfound-title {font-size:36px;}
.error .bottom { font-size:15px; font-family:'Verlag A', 'Verlag B'; font-weight:400; text-align:center}
.verlag {font-family: 'Verlag A', 'Verlag B'; font-weight: 400; font-style: normal;font-size:10px; text-transform:uppercase; letter-spacing:2px;
}
/* POPUP WINDOW */
div#popup {
background: none;
font-family:'Verlag A', 'Verlag B' !important; font-style:italic !important; font-size:15px;
overflow: hidden;
padding: 0px;
text-align: left;
color: #000 !important;
font-style:normal !important;
}
#popup h1 { font-family: 'Chronicle Hairline A','Chronicle Hairline B'; letter-spacing:1px;font-size: 2em;}
#popup .small {font-size:11px;}
#popup .mailchimp-go {
clear:both;
float:none;
width:auto;
font-family:'Verlag A', 'Verlag B'; font-weight:400;
}
#popup #mc4wp_email {
width:250px;
float:none;
margin-top:23px;
margin-left:0px
}
/* Full Pages */
.page-template-page-full-php h2.title, .page-template-page-competition-php h2.title {
letter-spacing: 1px;
font-size: 50px;
text-transform: none;
padding: 45px;
max-width: 1050px;
margin: 0 auto;
}
.page-template-page-competition-php .featured-img {padding-right:30px;}
.page-template-page-full-php input[type="text"], .page-template-page-full-php input[type="email"]
{color:#ec008b}
@media only screen and (max-width: 48) {
}
@media only screen and (min-width: 48.063em) and (max-width: 64em) {
.shiftnav-main-toggle-content-after {margin-right:27px}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {margin-left:14px !important;}
.utility-bar-container, .logo-header, .logo-cover {display:none;}
.container {padding:0px 10px 10px; margin-top:0px;}
.off-canvas-wrap {border-top:0px solid #fff;}
.shiftnav-toggle-main-block img {max-width:400px;}
.row.content-start { padding-top: 0px;}
article.post {margin-top:10px;}
.entry-category {margin-top:30px;}
.entry-content {padding-right:15px;}
.sidebar-explore .explore-fitness, .sidebar-explore .explore-health, .sidebar-explore .explore-travel, .sidebar-explore .explore-beauty, .sidebar-explore .explore-style{ height:190px;}
.shop-cover-title h1 {padding:0px 25px; top:35%;}
.explore-fitness, .explore-health, .explore-travel, .explore-beauty, .explore-style{ height:350px; margin-bottom:1rem;}
.home-slider {margin-top:20px; margin-bottom:20px;}
.video-container {padding-right:0.5rem;}
.video-info {padding:0px;}
.video-info h3 {margin-top:0px; margin-bottom:0px; font-size:23px;}
.video-info p {font-size:15px; line-height:1.4;}
.shop-banner, .gwp {height:400px; background-position-x:right; background-repeat:no-repeat}
input[type="text"] {
float: none;
width: 90%;
height: 26px;
padding: 10px;
background-color: #000;
border: solid 1px #000;
margin-top: 5px;
margin-left: auto;
margin-right:auto;
}
input[type=submit] {
height:50px;
}
a.btn, input.btn {
height:50px !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
.mailchimp-go {
margin-left:auto;
margin-right:auto;
float:none;
margin-top:0px;
margin-bottom:20px;
}
.archive-entry {margin-bottom:30px;
height:490px;
overflow:hidden;
}
.product {
height:300px;
}
.featured-category-post h3, .featured-recipe-post h3 {
font-size: 24px;
line-height: 1.2;
}
.health-main {
height: 550px;
}
.health-sidebar {
height: 263px;
}
.feat-main {
height: 340px;
}
.feat-main h3 a {
padding: 89px 30px 30px 20px;
}
}
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsThumbs, .rsMinW .rsVideoFrameHolder { background: none repeat scroll 0 0 #fff !important; color: #000; }
.rsMinW .rsThumbsVer { height: 100%; position: relative !important; right: 0; top: 0; width: 96px; @media (max-width: 650px) { display: none; } }
.rsNav, .rsTabs { @media (max-width: 650px) { display: none; } }
.shiftnav-search input.shiftnav-search-input {
padding: 0px !important;
width: 0px !important;
border: 1px #fff solid !important;
background-color: #fff !important;
box-shadow: none !important;
text-indent: -10000px !important;
height: 20px !important;
margin: 0px !important;
}
.shiftnav-search .shiftnav-search-submit, .shiftnav-searchbar-drop .shiftnav-search-submit {
color: #000 !important;
width: 20px !important;
height: 20px !important;
font-size: 15px !important;
padding: 0px !important;
text-align: right !important;
}
.shiftnav-search .shiftnav-searchform {height:20px !important; background-color: #fff !important;}
@media only screen and (max-width: 48em) {
#full-screen-search button.close {top:100px !important;}
#full-screen-search form div input {font-size:20px !important;}
.featured-beauty-post {
min-height: 330px;
}
.health-main h3 a {
padding: 150px 40px 20px 20px;
}
.health-sidebar h3 a {
padding: 50px 20px 20px 10px;
}
.sidebar-health-post {
margin-top: 20px;
}
}
.entry-content input[type="text"], input[type="text"], input[type="email"] {color:#ec008b;}
.mc4wp-success p {font-family:'Freeland'; font-size:150%;}
#wpkraken-load-posts {margin-top:100px;}
/* Whats Hot vs What's Not */
.wh_image {
padding-bottom: 100%;
background-size: cover;
border-radius: 50%;
/* margin: 2%; */
}
.whats-hot-entry h3, .whats-not-entry h3 {
font-family: 'Chronicle Hairline A', 'Chronicle Hairline B';
letter-spacing: 0;
font-size: 200%;
line-height: 1;
text-align: center;
}
.whats-hot-entry h3 a, .whats-not-entry h3 a {
color:#ec008b;
}
.whats-hot-entry, .whats-not-entry {
padding: 10px 10px 95px;
}
.whats-hot-entry p, .whats-not-entry p {
padding: 0 2% 0;
line-height: 1.55;
text-align: center;
}
.whats-hot-not .entry-content{
padding-right: 10px;
}
.whats-hot-entry h3:before {
position: absolute;
content: 'hot';
margin-top: -54px;
text-transform: lowercase;
font-family: 'freeland';
font-size: 300%;
margin-left: -37px;
color: #ccc;
}
.whats-not-entry h3:before {
position: absolute;
content: 'not';
margin-top: -54px;
text-transform: lowercase;
font-family: 'freeland';
font-size: 300%;
right:40px;
color: #ccc;
}
.whats-hot-container {
display: flex !important;
}
.thermometer:before {
position: absolute;
content: "what's hot";
font-family: 'Verlag A', 'Verlag B';
text-transform: uppercase;
letter-spacing: 0.4em;
transform-origin: 0 50%;
transform: rotate(-90deg) translate(-50%, 50%);
width: 100%;
min-width: 240px;
top: 100px;
}
.thermometer:after {
position: absolute;
content: "what's not";
font-family: 'Verlag A', 'Verlag B';
text-transform: uppercase;
letter-spacing: 0.4em;
transform-origin: 0 50%;
transform: rotate(-90deg) translate(-50%, 50%);
width: 100%;
bottom: 100px;
}
.whats-not-entry:last-child {
padding-bottom: 0px;
}
.thermometer-container {
display:flex;
}
.thermometer {
max-width: 50px;
border-left: solid 1px;
border-right: solid 1px;
margin: 0 auto;
width: 100%;
padding: 16px;
background: rgb(236,0,139);
background: linear-gradient(180deg, rgba(236,0,139,1) 0%, rgba(245,245,245,1) 67%);
}
.wh-left .whats-hot-entry p:after {
content:'';
width: 50px;
height: 50px;
position:absolute;
background-image: url('images/hot.png');
background-size: contain;
background-repeat: no-repeat;
}
.wh-left .whats-not-entry p:after {
content:'';
width: 50px;
height: 50px;
position:absolute;
background-image: url('images/not.png');
background-size: contain;
background-repeat: no-repeat;
}
.wh-right .whats-hot-entry h3:after {
content:'';
width: 50px;
height: 50px;
position:absolute;
background-image: url('images/hot.png');
background-size: contain;
background-repeat: no-repeat;
}
.wh-right .whats-not-entry h3:after {
content:'';
width: 50px;
height: 50px;
position:absolute;
background-image: url('images/not.png');
background-size: contain;
background-repeat: no-repeat;
}
.menu-item-28968{
display: none;
}
@media only screen and (max-width: 48em) {
.whats-not-entry h3:before {
position: absolute;
content: 'not';
margin-top: -54px;
text-transform: lowercase;
font-family: 'freeland';
font-size: 300%;
margin-left: -37px;
color: #ccc;
right:unset;
}
}