/*
Theme Name: 24 Mobile
Theme URI: https://bitbucket.org/24dotcom/tf-mobile
Author: 24 Open Source team
Author URI: http://24.com
Description: A child theme to inherent from TF Master as an adaptive theme.
Version: 1.0.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: tf-master, uikit
Text Domain: tf-locale
Template: tf-master

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* HEADER / MENU / GLOBAL */

#header{
    height: 60px;
    line-height: 60px;
    /*margin-left: 60px;*/
}
#tfm-search-overlay{
    height: 60px;
}
header [class*='uk-icon-']{
    line-height:60px;
    font-size: 20px;
}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle, #header .uk-navbar-flip{
    height:60px;
}
.uk-navbar-toggle{
    font-size: 20px;
}
aside h3{
    margin-bottom: 20px;
}
aside .widget:last-child .tfm_taboola_container{
    margin-bottom: -10px;
}
.tfm-shortcodes-lhs p{
    font-size: 14px;
}
.widget{
    margin-bottom: 10px;
}
/* ARCHIVE / CATEGORY HEADER SEARCH */

.category input#headerSearch {
    width: 100%;
    max-width: 768px;
}

.category-search label[for="headerSearch"]{
    z-index:1;
    position: relative;
}

.tfm-search-icon{
    background: none;
    padding: 0;
    border: none;
    display: block;
    top: 0;
    right: 15px;
    height: 20px;
    z-index: 999;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 28px;
}

.tfm-search-icon .uk-icon-search{
    line-height:20px;
}

input#headerSearch:after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: red;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99;
}

.tfm-featured-header.tfm-search{
    height: 256px;
}

.tfm-featured-header.tfm-no-search{
    height: 200px;
}

.tfm-no-search .tfm-saved-objects a{
    background: none !important;
    padding: 8px !important;
    border: 2px solid #fff;
    line-height:1;
    font-weight: 700;
    display: inline-block !important;
    font-size: 12px;
}

.tfm-featured-header h1{
    font-size: 30px;
    line-height:1;
    margin-bottom:0;
}

.tfm-featured-header .tfm-featured-img{
    height: 266px !important;
    margin: auto;
}
.category-events .tfm-featured-header .tfm-featured-img{
    height: 376px !important;
}
.category-events .tfm-featured-header{
    height: 366px;
}

/* MOBILE SLIDE SHOW */

.tfm_sponsored_text img {
    width: 140px;
}

#buyers-guide-featured-block:not(:empty){
    height: 100%;
}

#buyers-guide-featured-block{
    margin-top: 10px !important;
}

.tf-buyers-guide-slideshow,
.tf-buyers-guide-latest-posts-item{
    background: #f0f0f0;
    overflow: hidden;
    clear: both;
}

.tf-buyers-guide-slideshow .tf-slide-image,
.tf-buyers-guide-latest-posts-item .tf-slide-image{
    height: 300px;
}

.tf-slideshow .tf-pagination-container{
    background: rgba( 240,240,240,.9);
    bottom: 0;
    height:70px;
}

.tf-slideshow .tf-pagination-container ul li a{
    background: #aaa;
}

.tf-slideshow .tf-pagination-container ul li.uk-active a{
    background: #c6361a;
}


.tf-slideshow .tf-pagination-container a.uk-slidenav:before,
.tf-slideshow .tf-pagination-container a.uk-slidenav::before{
    font-size: .7em;
}

.tf-buyers-guide-slideshow .tf-slide-bottom .tf-inner,
.tf-buyers-guide-latest-posts-item .tf-slide-bottom .tf-inner{
    overflow: hidden;
    padding: 15px;
}

.tf-buyers-guide-slideshow .uk-dotnav{
    width: auto !important;
    text-align: center !important;
}

/* BUYERS GUIDE FEATURED HEADER */

.tf-buyers-guide.tfm-featured-header .tfm-saved-objects a{
    background:none;
    border: 2px solid #fff;
    padding: 3px 8px;
}

.tf-buyers-guide.tfm-featured-header .tf-action{
    line-height:20px;
}

.tf-buyers-guide.tfm-featured-header{
    height: 400px;
}

ul.tf-dropdown-filter li:nth-child(even){
    padding-left: 5px !important;
}

ul.tf-dropdown-filter li:nth-child(odd){
    padding-right: 5px !important;
}

/* Load More on Buyers Guide */

.page-template-tf-buyers_guide #tf-core-load-more-container{
    padding: 15px !important;
}

#tf-core-load-more-container > div{
    width: 100% !important;
}

/* Load More Full Width on Mobile */

.tfm-load-more-btn-container{
    margin-left: -20px;
    margin-right: -20px;
}

/* Digitorial on Mobile */

.tfm-digitorial-block .uk-list,
.tfm-digitorial-block .uk-list li,
.tfm-digitorial-block .uk-list li *{
    color: #000 !important;
}

.tfm-digitorial-block{
    max-height: 1100px;
    position: relative;
}

/* Events Header on Mobile */

.tfm-featured-header .tfm-featured-img .uk-cover-background{
    margin: 0;
}

.tfm-search-title-container{
    top:0;
    height:150px;
}

.tfm-category-search-container{
    background: rgba(0,0,0,0.35);
}

.tfm-featured-header .tfm-featured-img{
    height: 420px;
}

.tfm-featured-header .tfm-featured-img .uk-cover-background{
    height: 100%;
}

.tfm-featured-header .tf-search-control-wrapper{
    overflow: hidden;
    padding:15px 10px;
    bottom: 60px;
    background: rgba(0,0,0,.3);
}

.single-tf-buyers-guide-item .tfm-featured-header .tf-search-control-wrapper {
    display: none;
}

.single-tf-buyers-guide-item .tfm-tabs-wrap {
    padding: 10px !important;
    height: auto !important;
    overflow-y: initial !important;
}

.single.single-tf-buyers-guide-item .tfm-featured-header .tfm-featured-img {
    max-height: 216px !important;
}

body.category ul.tf-dropdown-filter > li{
    width: 50%;
    padding: 0 !important;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

body.category ul.tf-dropdown-filter > li a{
    width: 100%;
}

body.category ul.tf-dropdown-filter > li:nth-child(even){
    padding-left: 5px !important;
}

body.category ul.tf-dropdown-filter > li:nth-child(odd){
    padding-right: 5px !important;
}

body.category ul.tf-dropdown-filter > li input[type="submit"],
body.category ul.tf-dropdown-filter > li label.uk-button{
    width: 100%;
}

body.category ul.tf-dropdown-filter li.tf-action{
    padding: 0 !important;
}

ul.tf-dropdown-filter ul.tf-dropdown-filter li.tf-actio:nth-child(even){
    padding: 0 !important;
}

body.category .tfm-saved-objects a{
    background: none !important;
    padding: 8px !important;
    border: 2px solid #fff;
    line-height:1;
    font-weight: 700;
    display: inline-block !important;
    font-size: 12px;
    text-transform: uppercase;
}

/* BUYER GUIDE BRAND TAXONOMY PAGE */

.brand-summary{
    margin-left: 0; /* Removes quirk where brand summary div is offset to the left on mobile */
    margin-top: -20px; /* Offsets the 3x large margins placed on the brand summary for desktop purposes */
    font-size: 16px;
}

.tf-brand-taxonomy-image{
    max-width: 100%;
}

body.tax-tf-buyers-guide-brand .uk-slideshow a.uk-button{
    width: 100%;
}

body.tax-tf-buyers-guide-brand .tf-social-bar{
    margin-top:21px;
    margin-bottom:20px;
}

body.tax-tf-buyers-guide-brand .brand-summary{
    margin-bottom: 20px;
}

.content-stream .description p{
    font-size: 16px !important;
}

.editors-pick .post_title h2{
    font-size: 18px !important;
    margin-bottom: 0;
    line-height: 18px !important;
}

.editors-pick .price,
.editors-pick .excerpt,
.editors-pick .uk-h3{
    font-size: 16px !important;
}

.tax-tf-buyers-guide-brand .social.social_bar{
    padding-left: 20px;
}

/**
 * Badges
 */
.home .tfm-loop-featured .tfm-badges {
    height: 25px;
    left: 10px;
    right: 1px;
}

/* Home */
.home .tf-newsletter.widget{
    margin-bottom:10px;
}

/**
 * Utilities
 */

.tfm-utility-margin-top {
    margin-top: 10px !important;
}
.tfm-utility-margin-bottom{
    margin-bottom: 10px !important;
}

.tfm-utility-margin-horizontal {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/**
 * Category Tabs
 */

.tfm-tabs-wrap{
    padding:10px 0;
    height:60px;
    overflow-y: hidden!important;
    position: relative;
    background: none;
    background: rgba(0,0,0,.25);
}
.tfm-tabs-wrap:after{
    content: '';
    width: 20px;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    background: #000000;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.tfm-tabs-wrap ul{
    margin:0;
    white-space: nowrap!important;
    overflow-x: auto!important;
    overflow-y: hidden!important;
    -webkit-overflow-scrolling: touch!important;
    -ms-overflow-style: -ms-autohiding-scrollbar!important;
}
.tfm-tabs-wrap .uk-subnav-pill > li > a, .tfm-tabs-wrap .uk-subnav-pill > li > label{
    padding:8px 20px;
    line-height:24px;
}
.tfm-tabs-wrap ul li:last-child{
    padding-right:10px;
}
.tfm-header-filters-container{
    padding:10px 10px 0 10px;
}

/**
 * Loop
 */
.category .tfm-loop-featured {
    background: #f1f1f1;
    padding: 10px 10px 0 10px;
}
.home .tfm-loop-featured {
    background: #f1f1f1;
    padding: 0;
    width: 100%;
    margin: 0px 0px 10px 0 !important;
}

.tfm-loop-featured p.uk-h3{
    font-size: 14px;
    line-height: 18px;
}
ul.uk-list.uk-h3{
    font-size:16px;
}
.post:not(.tfm-loop-featured) ul.uk-list{
    margin-bottom: 10px;
}
.uk-panel-title{
    font-size: 18px;
}

/**
 * Lists
 */

.tfm-loop-featured .uk-list svg{
    margin-right:10px;
}

.uk-list-inline > li{
    padding:0;
    margin-right:10px;
}
.uk-list-line > li:nth-child(n+2){
    /*border-top:none;*/
}

/**
 * Header
 */

.tfm-featured-header.tfm-shorter{
    height:206px !important;
}
.tfm-featured-header.tfm-shorter .tfm-featured-img{
    height:216px !important;
}
.tfm-events-search{
    padding: 0;
    position: relative;
    background: none;
}

/**
 * MISC
 */

.uk-overlay-panel{
    padding: 10px;
}

.tf-button-stadium {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px;
}


/**
Buyers Guide Article Styles
 */
.single-tf-buyers-guide-item .uk-overlay-area {
    opacity: 1;
}

.single-tf-buyers-guide-item form[role=search] label[for=headerSearch]{
    padding-left: 10px;
    width: calc(100% - 42px);
}

/**
Article Page Styles
 */

.single aside .widget:empty {
    margin-bottom: 20px !important;
}

.single .social p.share-text {
    display: none;
}

.single figcaption.wp-caption-text, .single figcaption.wp-caption-text, .single figcaption {
    margin: 0;
    background: #f1f1f1;
    color: #adadad;
}

.single .description{
    font-size:16px;
    line-height: 22px;
}

.single .description blockquote {
    float: none;
    border-bottom: none;
    border-top: none;
    padding: 0 0 0 10px;
    max-width: 100%;
}

.single div.description:empty{
    margin:0;
    padding:0;
}

.single .wp-caption.alignright {
    width: 100% !important;
    position: relative;
}

.single .wp-caption.alignright img {
    max-width: 100%;
    padding-right: 10px;
    position: absolute;
    left: 10px;
    width: 117px;
    bottom: 2px;
}

.single .wp-caption.alignright figcaption {
    margin: 0 0px 0 110px !important;
}

.single .secondary_title:after {
    content: '';
    width: 25px;
    height: 2px;
    background: #000;
    display: block;
    margin: 5px 0;
}

.single .read-more-tags span {
    display: block;
}

body.single-tf-buyers-guide-item .info-block{
    width: 100% !important;
    margin-bottom: 15px;
}

body.single-tf-buyers-guide-item .tfm-breadcrumb{
    line-height: 15px;
    margin-top: 20px;
}

body.single-tf-buyers-guide-item .uk-article-title{
    font-size: 30px;
    line-height: 38px;
}

body.single-tf-buyers-guide-item .tf-article-title .subtitle{
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0 15px 0;
}

body.single-tf-buyers-guide-item .tf-article-title .subtitle:after{
    content: "";
    width: 25px;
    border-top: 2px solid black;
    display: block;
    margin-top: 15px;
}


body.single-tf-buyers-guide-item .byline{
    font-size: 16px;
    margin-bottom: 15px;
}

body.single-tf-buyers-guide-item .featured-image .accreditation{
    margin-top: 3.6px;
    padding: 0;
}

body.single-tf-buyers-guide-item .body-copy{
    position: static;
    min-height: 0;
    left: 0 !important;
    width: 100%;
}

body.single-tf-buyers-guide-item.single .description{
    font-size: 16px;
}

body.single-tf-buyers-guide-item.single .tfm-breadcrumb > li{
    font-size: 12px;
}

body.single-tf-buyers-guide-item .featured-image img{
    width: 100% !important;
    height: auto !important;
}


body.single-tf-buyers-guide-item .uk-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}


body.single-tf-buyers-guide-item .uk-table tbody th, .uk-table tbody td {
    border: 2px solid #dbdbdb;
    text-overflow: ellipsis;
}

body.single-tf-buyers-guide-item .uk-table tbody tr:not(:last-child) th:after {
    content: none;
}

body.single-tf-buyers-guide-item .uk-table tbody td {
    padding: 11px;
}

body.single-tf-buyers-guide-item .uk-table tbody th {
    padding: 11px 16px 12px 16px;
    width: 120px;
    max-width: 100%;
}

.single .tfm-breadcrumb{
    margin-top: 20px;
}

.uk-article-title{
    font-size:30px;
    line-height: 34px;
    font-family: "AG Book Pro Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.single .tfm-featured-header.small-height,
.single .tfm-featured-header.small-height .tfm-featured-img .uk-cover-background,
.single .tfm-featured-header.small-height .tfm-featured-img{
    height:167px !important;
    margin: 0;
}

.tfm-featured-header.small-height .uk-button-primary,
.tfm-featured-header.small-height #uk-button-primary{
    width:40px;
}

.tfm-featured-header.small-height .uk-form {
    width: calc(100% - 42px);
}
.single .tfm-featured-header h1.uk-position-cover{
    bottom: 70px;
    margin-top:0;
}
.single .tfm-tabs-wrap {
    padding:15px 0;
    height: 70px;
    background: rgba(0, 0, 0, 0.3);
}
.single .tfm-tabs-wrap:after{
    content: normal;
}
.single span.uk-meta{
    font-size: 16px;
}
.single .tf-title-wrap:after{
    height:2px;
    background: #000;
    position: absolute;
    content: '';
    width: 25px;
}
.single .tf-title-wrap{
    margin-bottom: 15px;
}
.single .tf-title-wrap .tfm-utility-margin-bottom{
    margin-bottom:15px !important;
}
.single .tf-title-wrap .tfm-utility-margin-top{
    margin-top:15px !important;
}
ul.tfm-single-post-meta-template{
    padding: 5px 0;
}
ul.tfm-single-post-meta-template li{
    padding: 0 10px;
}
ul.tfm-single-post-meta-template li:last-child:not(.uk-width-1-3){
    border-left: 1px solid #9b9b9b;
}
ul.tfm-single-post-meta-template {
    height: auto;
}
.tfm-text-medium{
    font-family: "AG Book Pro Medium", "AG Book Pro Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tfm-table .title{
    background: #dbdbdb;
    color: #ffffff;
}
.tfm-table .header{
    padding:20px;
}
/* Workouts */
.tfm-accordion-gif .tab-content.tab-copy{
    padding:10px;
}
.tfm-accordion-gif .tab-content{
    padding:10px;
}
.tfm-accordion-gif .tab-image{
    width: 100%;
}
.tfm-accordion-gif .tab-copy,
.tfm-accordion-gif input:checked ~ .tab-content.tab-copy{
    width:70%;
}
.tfm-accordion-gif .tab-expander{
    width: 14%;
    padding-left:0;
}
.tfm-accordion-gif label::after {
    left: auto;
    top: 10px;
    margin-top: 0;
    right: 10px;
}
.tfm-accordion-gif input ~ .tab-content-expand .uk-h4{
    padding-left: 10px;
}
.tfm-accordion-gif input ~ .tab-content-expand{
    max-height:0;
    padding:0 10px;
    opacity:0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tfm-accordion-gif input:checked ~ .tab-content-expand img{
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    display:block;
}
.tfm-accordion-gif input:checked ~ .tab-content-expand{
    padding:20px  10px 10px 10px;
    max-height:2000px;
    opacity:1;
}
/* Featured Media */
.single .tfm-post-sponsored-block{
    padding:10px;
}
.single .tfm-post-sponsored-block p{
    margin:0;
}
.single .tfm-post-sponsored-block .tfm-post-sponsored-image{
    max-width: 80px;
    bottom: 10px;
    margin-bottom: 15px;
    left: 10px;
    max-height: 100%;
}
.single .tfm-post-sponsored-block .tfm-post-sponsored-content{
    margin-left:90px;
}


/* Table */
.uk-table th, .uk-table td {
    padding: 10px;
}

/* TABOOLA */

.tfm_taboola_container{
    padding: 20px 20px 0;
}

.tfm_taboola_header{
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 18px;
}

.tfm_taboola_container .trc_spotlight_item.videoCube {
    width: 47.5% !important;
    margin-bottom: 15px;
    min-height:235px;
    float:left;
    clear:none;
}

.tfm_taboola_container .trc_spotlight_item.videoCube:nth-child(2n){
    margin-left: 3%;
}

.home .tfm_taboola_header{
    font-size: 24px;
    line-height: 24px;
}

.home .tfm_taboola_container{
    padding-left:20px;
    padding-right: 20px;
}

/* Post Article Gallery */

.tf-slider-caption{
    position: relative !important;
    clear: both;
    padding: 12px 15px;
    background: #f1f1f1;
    color: #adadad;
    font-size: 14px;
}

.tf-article-gallery-container .tfm-favourites{
    right: 10px;
    bottom: 20px !important;
}

.tf-article-gallery-container .tf-has-caption .tfm-favourites,
.single .tf-article-gallery-container .tfm-favourites,
.single .post-slideshow .tfm-favourites{
    bottom: 20px !important;
}

.post-slideshow.tf-has-caption .tfm-favourites{
    bottom: 20px !important;
}

.tfm-favourites-container {
    opacity: 1;
}

.post-slideshow .uk-slidenav,
.tf-article-gallery-container .uk-slidenav{
    display: none !important;
}

.tf-article-gallery-container .tf-article-title{
    margin: 20px 0 5px 0;
    font-size: 18px;
    line-height: 1.35em;
}

.tf-article-gallery-content{
    font-size: 16px;
    line-height: 1.35em;
}

.tf-article-gallery-content .uk-slidenav,
.tf-featured-image-slider .uk-slidenav{
    display: none;
}

.tf-article-gallery-container .tfm-pinterest,
.tf-featured-image-slider .tfm-pinterest{
    opacity: 1;
}

/* /Post Article Gallery */


/* Load more */

#tf-core-load-more-btn-preloader {
    margin: 0 -10px 0 5px;
}

/* Sponsored */

.single .tfm_sponsored_text {
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

.single .sponsored_mobile_block {
    line-height: 1.5;
}

.single .tfm_sponsored_block img {
    margin-top: 5px;
}

.single .tfm-pinterest {
    opacity: 1;
}

.single .tfm_sponsored_logo {
    padding: 20px 0;
}

/* Favourites */

.tfm-see-all {
    display: inline-block;
    border: 5px solid #C63619;
    height: 50px !important;
    padding: 8px;
    color: #C63619;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.tfm-see-all:hover {
    background-color: #C63619;
}

.tfm-see-all:hover > a {
    color: #fff;
}

.tfm-see-all .uk-icon-chevron-right {
    right: 10px;
    top: 15px;
}


.page-template-page-profile-favourites .tfm-featured-header h1 {
    z-index: 1;
}

.error-search input#headerSearch {
    width: 320px;
}

.newsletter_gform_wrapper {
    margin-left: 0px;
}

.newsletter_gform_wrapper .gform_body .gform_fields .gfield select {
    background-position: right 5px bottom 16px;
}

/* Fix line height of Article meta */
.single span.uk-meta {
    line-height: 1.5em;
    padding-top: 20px;
}

/* Fixes the calender dropdown */
.category-events .uk-dropdown.uk-datepicker {
    margin: auto;
    left: 0 !important;
    width: 95%;
    right: 0;
}

#tfm-footer .uk-width-1-2.tfc-card {
    width: 100% !important
}

@media screen and (max-width: 376px){
    .tf-bg-mobile .tfm-category-search-container .uk-open > .uk-dropdown {
        top: 40px !important;
    }

}