/*
 * //============================================================+
 * // Project name   : BFFM Website
 * // File name   : custom.css
 * // Last Update : 15/05/17 12:25 PM
 *
 * //
 * // Author: 23Creative
 * //
 * // (c) Copyright:
 * //       23Creative
 * //       23creative.com.au
 * //       www.23creative.com
 * //       hello@23creative.com.au
 * //============================================================+
 */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.uk-navbar-brand p{margin:0; height:100%; width:100%;}
.uk-navbar-brand img{height:100%; width:auto;}
.tm-navbar-centered .tm-navbar-container{padding:5px 0 0;}

#tm-main .form-horizontal .control-group,
#tm-main .control-group,
#tm-main legend,
#tm-main select,
#tm-main textarea,
#tm-main input[type="text"],
#tm-main input[type="password"],
#tm-main input[type="datetime"],
#tm-main input[type="datetime-local"],
#tm-main input[type="date"],
#tm-main input[type="month"],
#tm-main input[type="time"],
#tm-main input[type="week"],
#tm-main input[type="number"],
#tm-main input[type="email"],
#tm-main input[type="url"],
#tm-main input[type="search"],
#tm-main input[type="tel"],
#tm-main input[type="color"],
#tm-main .uneditable-input {margin-bottom:20px;}
#tm-main select.input-mini{margin-bottom:0;}

.uk-form .formBody{float:none;}

#tm-header > .uk-sticky-placeholder{z-index:981;}

.home .tm-block-main{position:relative;}
/*.home .tm-main .uk-grid div:first-child .uk-panel{margin-top:-140px; padding: 40px; background: #ffffff; color: #666666; position: relative; border: 0 solid #ffffff; border-radius: 0;  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out;}*/

.article_teaser_link_box{bottom:20px; left:0; right:0; position:absolute; text-align:center;}

.image-match-w img{width:100%; height:auto;}
.image-match-h img{width:auto; height:100%;}

.ttc-shadow {
    box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
}

.blank-list{padding:0;}
.blank-list li{list-style: none; padding:0;}

.panel-hover-item{min-height:440px;}
.panel-hover-item-small{min-height:240px;}

.field-entry .field-label,
.field-label{text-transform:uppercase; color:#5ba33c;}
.tm-article-content .field-entry .field-label,
.tm-article-content .field-entry .value{display:block;}


.panel-hover-item .uk-overlay-panel h3,
.panel-hover-item .uk-overlay-panel h5,
.panel-hover-item .uk-overlay-panel h4,
.panel-hover-item .uk-overlay-panel h2,
.panel-hover-item .uk-overlay-panel h1,
.panel-hover-item .uk-overlay-panel p,
.panel-hover-item .uk-overlay-panel .tm-article-tags{
    transition: all 0.3s;
    opacity: 0;
    transform: translate(0%, 250%);
}
.panel-hover-item .uk-overlay-panel p { transition: all 0.7s;}
.panel-hover-item .uk-overlay-panel .tm-article-tags {transition: all 0.6s;}

.panel-hover-item .uk-overlay-panel h5 { transition: all 0.5s;}
.panel-hover-item figure:hover .uk-overlay-panel h1,
.panel-hover-item figure:hover .uk-overlay-panel h2,
.panel-hover-item figure:hover .uk-overlay-panel h3,
.panel-hover-item figure:hover .uk-overlay-panel h4,
.panel-hover-item figure:hover .uk-overlay-panel h5,
.panel-hover-item figure:hover .uk-overlay-panel p,
.panel-hover-item figure:hover .uk-overlay-panel .tm-article-tags{
    opacity: 1;
    transform: translate(0%, 0%);
}
.panel-hover-item .portfolio-small-title,
.panel-hover-item .portfolio-small-link{
    position: absolute;
    bottom: 10px;
    left: 10px;
    transition: all 0.2s;
    opacity: 1;
    margin-bottom: 0;
}

.panel-hover-item .portfolio-small-link {
    left: auto;
    right:10px;
}
.panel-hover-item figure:hover .portfolio-small-title,
.panel-hover-item figure:hover .portfolio-small-link{
    transform: translate(0%, 250%);
    opacity: 0;
}

img.uk-width-1-1{max-width:none;}

figure .uk-overlay-background{background:rgba(0,0,0,0.7); transition: all 0.3s ease-out;}
figure .uk-overlay-background.uk-overlay-fade-bg{background:rgba(0,0,0,0.4);}
figure:hover .uk-overlay-background.uk-overlay-fade-bg{background:rgba(0,0,0,0.6);}

.insta-slide-overlay{background:#FFF; z-index:2; height:100%; color:#0083bf;}
.insta-slide-overlay h1,
.insta-slide-overlay h2,
.insta-slide-overlay h3,
.insta-slide-overlay h4,
.insta-slide-overlay h5,
.insta-slide-overlay a{color:#0083bf;}

.fixed-background{position:fixed;}
#tm-main.tm-block-fullwidth > .uk-container{padding:40px 0 0;}
.home #tm-main.tm-block-fullwidth > .uk-container{padding:40px 0;}
.category-main-image,
.article-main-image{margin-top:-40px;}

.uk-title-center > .uk-article-title{text-align:center;}

/*.ttc-video-icon{position:relative;}*/
.ttc-video-icon::before{position:absolute; top:50%; left:0; right:0; text-align:center; height:30px; content:"\f01d";display:block; font-family: FontAwesome; font-size:90px; color:#FFF; text-shadow: 1px 1px 3px #000;}

.uk-article .uk-grid+.uk-grid{margin-top:0;}

.bg-image-top .uk-cover-background{background-position:50% 0%;}
.bg-image-bottom .uk-cover-background{background-position: 50% 100%;}
.bg-image-center .uk-cover-background{background-position: 50% 50%;}
.bg-image-left .uk-cover-background{background-position: 0% 50%;}
.bg-image-right .uk-cover-background{background-position: 100% 50%;}

.category .uk-panel.uk-panel-header,
.category-main-image .uk-panel.uk-panel-header{min-height:300px;}

.home .category-main-image .uk-panel.uk-panel-header{min-height:inherit;}



@-webkit-keyframes jump {
    0%{ -webkit-transform: translateY(0);  transform: translateY(0);}
    20%{ -webkit-transform: translateY(0); transform: translateY(0);}
    40%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}
    50%{-webkit-transform: translateY(0); transform: translateY(0); }
    60%{-webkit-transform: translateY(-15px); transform: translateY(-15px); }
    80%{-webkit-transform: translateY(0); transform: translateY(0); }
    100%{-webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes jump {
    0%{transform: translateY(0); }
    20%{transform: translateY(0); }
    40%{transform: translateY(-30px); }
    50%{transform: translateY(0); }
    60%{transform: translateY(-15px); }
    80%{transform: translateY(0); }
    100%{transform: translateY(0); }
}