/*  
Theme Name: The FIERCE
Theme URI: fierce.com.au
Description: custom theme for The FIERCE blog - 2018
Version: 1.0
Author: Studio 313
Author URI: studio313.com.au
*/

/** RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

html { background-color: #ec008c;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size:16px; overflow-x: hidden;}

h1, h2, h3, h4 { font-family: 'Passion One', cursive; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.4; font-weight: 400;}

h1 { font-size: 22px; color:#545454; margin:0 0 20px 0;}
h2 { font-size: 20px; color:#545454; margin:0 0 15px 0;}
h3 { font-size: 18px; color:#545454; margin:0 0 10px 0;}
h4 { font-size: 16px; color:#545454; margin:0 0 10px 0;}

p, a, li { font-family: 'Raleway', sans-serif; margin:0; padding:0; text-decoration:none; border:none;}
p, li { color:#545454; line-height:1.6;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color:#545454; border:none;}
a, button { text-decoration:none; color:#545454; border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { text-decoration:none; color:#ec008c;}

.pink-txt {color:#E7228C !important;}

li a { font-size: 14px;}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong { font-family: 'Raleway', sans-serif; font-weight: 700;}
em, i { font-family: 'Raleway', sans-serif; font-style: italic;}
em b, i b, em strong, i strong { font-family: 'Raleway', sans-serif; font-style: italic; font-weight: 700;}

@media only screen and (min-width :700px) {
h1 { font-size: 24px;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
li a  { font-size: 16px;}
}

@media only screen and (min-width :992px) {
body, p, a, li { font-size: 16px;}
}

@media only screen and (min-width :1200px) {
h1 { font-size: 26px;}
h2 { font-size: 22px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
}

.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 100%; max-width: 1200px; position: relative;}

img { max-width: 100% !important; height: auto !important;}
div.wp-caption { max-width: 100% !important; height: auto !important; font-size:13px;}

img.img-gr, .img-gr img, .img-gr {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition:all .2s ease-out; transition:all .2s ease-out; }

img.img-gr:hover, .img-gr:hover img, .img-gr:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }

ul.feat-row-3x-in li:hover .feat-row-3x-img,
.hm-feat-reviews a:hover .hm-review-main-img,
.hm-review-sml .row:hover .hm-review-sml-img,
.hm-feat-half a:hover .hm-half-main-img,
.hm-feat-half-sml .row:hover .hm-half-sml-img,
.related-3x a:hover div,
.tf-sidebar-feed .tf-sidebar-feed-item a:hover img,
.tf-sidebar-feed .tf-sidebar-feed-sml-item a:hover img,
.tf-feed-reviews ul li:hover .feed-img-wrap div,
.tf-feat-news ul li:hover .feed-img-wrap div,
.tf-std-news ul li:hover .feed-img-wrap div,
.tf-feed-interviews ul li:hover .feed-img-wrap div
{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
/* fonts

font-family: 'Passion One', cursive;
font-family: 'Raleway', sans-serif;

*/
	


/** HEADER **/
header { position:relative; margin:0; margin-bottom: 0px; padding:0;}
/*header div { border: 1px solid rgba(19,183,22,0.7);}*/

.tf-tp { background: #333; height: 36px; overflow: hidden;}
.tp-review, .tp-search { position: relative; margin: 0; padding: 0;}  
.tp-review {}
.tp-review a { background: #ec008c; display: block; padding: 10px; text-align: center; color: #fff; position: relative;}
.tp-review a:after {display: block; content: ''; width: 0; position: absolute; top: 0; right: -20px; height: 0; border-top: 37px solid #ec008c; border-right: 20px solid transparent;}
.tp-review a:focus { outline: none;}

.tp-subscribe {}
.tp-subscribe { text-align: center; height: 39px; padding: 0;}
.tp-subscribe a { color: #fff; padding: 8px 10px 12px; display: block; position: relative;}
.tp-subscribe a i { color: #ec008c; margin-right: 7px; font-size: 22px;}
.tp-subscribe a span { position: relative; top: -2px;}
.tp-subscribe a:hover { color: #ec008c;}

.tp-search {}
.tp-search form { height: 36px; background: #ec008c; padding-left: 30px;}
.tp-search form:before {display: block; content: ''; width: 0; position: absolute; top: 0; left: 0px; height: 0; border-top: 37px solid #333; border-right: 20px solid transparent;}
.tp-search form input[type=text] { border: 0; background: transparent;font-family: 'Raleway', sans-serif; font-size: 14px; color: #fff; height: 38px; width: calc(100% - 60px); -webkit-appearance: none;}
.tp-search form input[type=text]::-webkit-input-placeholder { color: #fff; opacity: 1; }
.tp-search form input[type=text]::-moz-placeholder { color: #fff;  opacity: 1;}
.tp-search form input[type=text]:-ms-input-placeholder { color: #fff;  opacity: 1;}
.tp-search form input[type=text]:-moz-placeholder { color: #fff;  opacity: 1;}
.tp-search form button[type=submit] { background: #ec008c; color: #fff; width: 40px; height: 36px; border: 0; -webkit-appearance: none; font-size: 20px;}
.tp-search form button[type=submit]:hover { cursor: pointer; color: rgba(255,255,255,0.7);}

.tp-subscribe, .tp-search { display: none;}

@media only screen and (min-width :992px) {
    header { margin-bottom: 20px;}
    .tp-subscribe, .tp-search { display: block;} 
}
	
	/* nav */

.tf-m-nav .navbar { position: relative; padding: 10px inherit;}
.tf-m-nav ul.navbar-nav li a {font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 600;}

a.navbar-brand { width: 100px;}
a.navbar-brand img { width: 100%; height: auto;}

.tf-m-nav .dropdown-menu { border-radius: 0; border: 0; box-shadow: none; }
.tf-m-nav .dropdown-menu a.dropdown-item {font-family: 'Raleway', sans-serif; text-transform: capitalize; padding: 5px 10px; font-weight: 400; font-size: 13px;}
.tf-m-nav ul.navbar-nav li:last-of-type { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px;}
.tf-m-nav ul.navbar-nav li:last-of-type a { color: #ec008c; padding: 0 5px;}

.navbar-collapse { padding: 10px 10px;}
.navbar-collapse .navbar-nav { margin: 0;}

button.navbar-toggler i { font-size: 30px;}
button.navbar-toggler i:hover { cursor: pointer;}

@media only screen and (min-width :992px) {
	.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
	.dropdown-menu li:hover .sub-menu { visibility: visible; }
	.dropdown:hover .dropdown-menu { display: block; }
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; }
	.navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
	.navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; top: 11px; left: -6px;}
    
    .navbar-collapse { padding-top: 80px !important;}
    a.navbar-brand { width: 150px; position: absolute; top:20px; left: 50%; transform: translateX(-50%);;}
    a.navbar-brand img { width: 100%; height: auto;}
    
    .tf-m-nav ul.navbar-nav { margin-top: 40px;}
    .tf-m-nav ul.navbar-nav li { padding: 5px;}
    .tf-m-nav ul.navbar-nav li a { padding: 0; font-size: 14px;}
    .tf-m-nav ul.navbar-nav li a:hover { color: #ec008c;}
    .tf-m-nav ul.navbar-nav li:last-of-type { border-top:none; padding-top: 0; margin-top: 0; border-left: 1px solid #ccc; padding-left: 30px; margin-left: 15px;}
    .tf-m-nav ul.navbar-nav li:last-of-type a { color: #ec008c; padding: 0 5px;}
    .tf-m-nav ul.navbar-nav li:last-of-type a:hover { color: #ccc;}
    
    .tf-m-nav .dropdown-menu a.dropdown-item {font-family: 'Raleway', sans-serif; text-transform: capitalize; padding: 5px 15px;}
}


@media only screen and (min-width :1200px) {
    .tf-m-nav ul.navbar-nav li { padding: 5px 15px;}
    .tf-m-nav ul.navbar-nav li a { font-size: 16px;}
    .tf-m-nav ul.navbar-nav li:last-of-type a { font-size: 18px; position: relative; top: 5px;}
    .navbar-collapse { padding-top: 100px !important;}
    a.navbar-brand { width: 200px;}
}


	
/** CONTENT **/

h1.main-heading { position: relative; letter-spacing: 1px; font-weight: 400;}
h1.main-heading:before { display: block; content: ''; width: 50px; height: 3px; background:#ec008c; position: absolute; bottom: 4px;}
h1.main-heading.h-rev { color: #fff;}
h1.main-heading.h-pink { color: #ec008c; text-transform: uppercase;}
h1.main-heading.h-pink:before { display: block; content: ''; width: 50px; height: 3px; background:#333; position: absolute; bottom: 4px;}

a.feat-cat-link { color: #ec008c; text-transform: uppercase; font-weight: 600; position: absolute; top: 10px; right: 0px; z-index: 100;}
a.feat-cat-link:hover { color: #ccc;}

@media only screen and (min-width :992px) {
    h1.main-heading { font-size: 28px;}
    h1.main-heading:before {width: 70px; height: 3px;  bottom: 5px;}
}


/* breadcrumbs */
.tf-crumbs { position: relative; margin-bottom: 40px; }
.tf-crumbs:before { display: block; content: ''; width: 50px; height: 3px; background:#ec008c; position: absolute; bottom: -8px;}
.tf-crumbs, .tf-crumbs a {font-family: 'Raleway', sans-serif; color: #545454; font-size: 12px; text-transform: uppercase;}
.tf-crumbs a:hover { color:#ec008c;}

/* feature carousel */
.feat-caro { margin-bottom: 20px; position: relative;}
.feat-caro .carousel-item { height: auto; padding: 0; background: #f5f5f5;}
.feat-caro .caro-img { height: 50vh; min-height: 300px; padding: 0; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.caro-txt-h { background: #ec008c; position: relative; padding: 20px; height: auto;}
.caro-txt-p { display: none;}
.caro-txt h1.caro-h { color: #fff; text-align: center; letter-spacing: 1px; line-height: 1.2; margin: 0;  }

.caro-controls { position: absolute; top: 250px; right: -20px; z-index: 1200; }
.caro-controls ul { list-style: none; position: relative; text-align: center; float: right; margin: 0 25px 0 0; padding: 0;}
.caro-controls ul li { display: inline-block; margin: 0 5px;}
.caro-controls ul li a { color: rgba(255,255,255,0.6); font-size: 26px; display: block; width: 40px; height: 40px; border: 2px solid rgba(255,255,255,0.6); line-height: 1; position: relative;}
.caro-controls ul li a i {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.caro-controls ul li a:hover { color: #ec008c; border: 2px solid #ec008c;}

@media only screen and (min-width :992px) {
    .feat-caro { margin-bottom: 30px;}
    
    .feat-caro .carousel-item { height: 500px; padding: 0; background: #f5f5f5;}
    .feat-caro .caro-img { height: 500px; padding: 0; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
    .caro-txt { padding: 0 0 60px 0 !important;}
    .caro-txt-h { background: #ec008c; position: relative; padding: 20px; height: 200px;}
    .caro-txt-p { display: block; position: relative; padding: 20px; height: 240px; overflow: hidden; width: calc(100% - 15px);}
    .caro-txt h1.caro-h { color: #fff; text-align: center; letter-spacing: 1px; line-height: 1.2; margin-bottom: 0; position:absolute; top: 50%; left: 20px; transform: translateY(-50%); width: calc(100% - 50px); }
    .caro-txt p { font-weight: 600; font-size: 14px; }

    .caro-controls { padding-top: 10px; position:  absolute; top: inherit; right: inherit;  right: 0px; bottom:20px;}
    .caro-controls ul li a { color: rgba(55,55,55,0.3); border: 2px solid rgba(55,55,55,0.3);}
}

@media only screen and (min-width :1200px) {
    .feat-caro .carousel-item, .feat-caro .caro-img { height: 600px;}
    .caro-txt-p { height: 330px;}
    .caro-txt p { font-weight: 600; font-size: 18px; }
}




/* feature row 3 across */
.feat-row-3x { }
ul.feat-row-3x-in { list-style: none; position: relative; margin: 0; padding: 0; }
ul.feat-row-3x-in li { display: inline-block; width:100%; position: relative; margin-bottom: 10px;}
ul.feat-row-3x-in h1 {font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 600; line-height: 1.2;}
.feat-row-h { margin-top: 10px;}
p.feat-cat-name { display: none;}
.feat-row-3x-img { width: 100%; height: 80px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}

ul.feat-row-3x-in li:hover  h1 { color: #ec008c;}

@media only screen and (min-width :700px) {
    ul.feat-row-3x-in li { display: inline-block; width:calc(33.33% - 20px);}
    ul.feat-row-3x-in li:nth-of-type(2) { margin-left: 20px; margin-right: 20px;}
    
    .feat-row-h { margin-top: 10px;}
    ul.feat-row-3x-in h1 { font-size: 16px;}
    .feat-row-3x-img { height: 90px;}
}

@media only screen and (min-width :1200px) {
    p.feat-cat-name { display: block; width: inherit; position: absolute; top: 5px; right: 20px; text-align: right; font-size: 12px; text-transform: uppercase; color: #ec008c; font-weight: 700; }
    .feat-row-h { margin-top: 35px;}
    ul.feat-row-3x-in h1 { font-size: 16px;}
    .feat-row-3x-img { width: 100%; height: 130px;}
}

/* panel search */

.panel-search { width:100%; height: auto; padding: 10px 20px; margin:30px 0 30px 0; background: #ec008c; position: relative;}
.panel-search div { display: block;}
.panel-search p {font-family: 'Passion One', cursive; color: #fff; font-size: 24px; margin: 0; margin-bottom: 10px; line-height: 1; letter-spacing: 1px; padding: 0; font-weight: 400; text-align: center;}

.panel-search form { }
.panel-search input[type=text] { border: 0; background: rgba(255,255,255,0.5); border: 0; font-family: 'Raleway', sans-serif; font-size: 14px; color: #fff; height: 38px; width: calc(100% - 45px); -webkit-appearance: none; padding: 10px;}
.panel-search form input[type=text]::-webkit-input-placeholder { color: #fff; opacity: 1; }
.panel-search form input[type=text]::-moz-placeholder { color: #fff;  opacity: 1;}
.panel-search form input[type=text]:-ms-input-placeholder { color: #fff;  opacity: 1;}
.panel-search form input[type=text]:-moz-placeholder { color: #fff;  opacity: 1;}
.panel-search form button[type=submit] { background: #ec008c; color: #fff; width: 40px; height: 36px; border: 0; -webkit-appearance: none; font-size: 20px;}
.panel-search form button[type=submit]:hover { cursor: pointer; color: rgba(255,255,255,0.7);}

@media only screen and (min-width :700px) {
    .panel-search p { font-size: 30px;}
}

@media only screen and (min-width :1000px) {
    .panel-search { padding-left: 70px;}
    .panel-search:before { display: block; width: 85px; height: 85px; content: ''; background: #fff url(images/logo-fierce-pink.svg) center no-repeat; background-size: contain; position: absolute; left: -50px; top: -15px; border-radius: 50%; border: 2px solid #ec008c;}
    .panel-search { width: calc(100% - 50px);margin:30px 0 30px 50px;}
    .panel-search div { display: inline-block; width: 48%;}
    .panel-search p { position: relative; top: 5px;}
}

@media only screen and (min-width :1200px) {
    .panel-search p { font-size: 36px;}
}

/* panel -edm */
.panel-edm {width:100%; height: auto; padding: 10px 20px 13px; margin:0px 0 30px; background: #545454; position: relative;}
.panel-edm.edm-pink { background: #ec008c;}
.panel-edm div { display: block;}
.panel-edm p {font-family: 'Passion One', cursive; color: #fff; font-size: 18px; margin: 0; margin-bottom: 10px; line-height: 1; letter-spacing: 1px; padding: 0; font-weight: 400; text-align: center;}

.panel-edm-form { position: relative;}
.panel-edm-form input[type=email] { border: 0; background: rgba(255,255,255,0.4);-webkit-appearance: none; padding: 10px; margin-bottom: 5px; font-size: 14px; font-family: 'Raleway', sans-serif; width: 100%; display: block; box-shadow: none; text-align: left;}
.panel-edm-form input[type=email]::-webkit-input-placeholder { color: #fff; opacity: 1; }
.panel-edm-form input[type=email]::-moz-placeholder { color: #fff; opacity: 1; }
.panel-edm-form input[type=email]:-ms-input-placeholder { color: #fff; opacity: 1; }
.panel-edm-form input[type=email]:-moz-placeholder { color: #fff; opacity: 1; }
.panel-edm-form button[type=submit] { background: transparent; color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Raleway', sans-serif; text-align: center; width: 100%; padding: 10px;}
.panel-edm-form button[type=submit]:hover { background: #fff; color: #545454; cursor: pointer;}

@media only screen and (min-width :700px) {
    .panel-edm p { font-size: 20px;}
    .panel-edm-form input[type=email] { width: calc(100% - 120px);}
    .panel-edm-form button[type=submit] { position: absolute; width: 110px; top: 0; right: 0; font-size: 16px;}
}

@media only screen and (min-width :1000px) {
    .panel-edm { margin-bottom: 50px; }
    .panel-edm:before { display: block; width: 85px; height: 85px; content: ''; background: #fff url(images/logo-fierce-pink.svg) center no-repeat; background-size: contain; position: absolute; left: 50%; margin-left: -43px; top: -15px; border-radius: 50%; border: 2px solid #ec008c;}
    .panel-edm { }
    .panel-edm > div { display: inline-block; width: calc(50% - 60px);}
    .panel-edm > div:nth-of-type(2) { float: right;}
    .panel-edm p { position: relative; top: 5px; font-size: 20px;}
    
    
}

@media only screen and (min-width :1200px) {
    .panel-edm p { font-size: 26px;}
}

/* home video */
.hm-feat-vid { background: #333; position: relative; padding: 30px 10px;}

@media only screen and (min-width :992px) {
    .hm-feat-vid { padding: 50px 10px;}
    .hm-feat-vid a.feat-cat-link { right:10px;}
}

/* home reviews */
.hm-feat-reviews { position: relative; padding: 30px 20px;}

.hm-review-main-img { width: 100%; height: 200px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
h1.hm-feat-reviews-main { color: #fff; text-align: center; letter-spacing: 1px; line-height: 1.2; background: #ec008c; padding: 20px;}

.hm-review-sml a { display: block;}
.hm-review-sml .hm-review-sml-img { display: none; width: 100%; height: 68px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.hm-review-sml h1 { font-size: 14px; font-family: 'Raleway', sans-serif; line-height: 1.2; font-weight: 600; padding-top: 0px; margin-bottom: 7px;}
.hm-review-sml h1 a { padding: 7px 0px;}

@media only screen and (max-width :991px) {
    .hm-review-sml h1 { padding-left: 20px; position: relative;}
    .hm-review-sml h1:before { display: block; content: '\00bb'; color: #ec008c; font-size: 16px; position: absolute; left: -0px; top: 7px;}
}
@media only screen and (min-width :992px) {
    .hm-feat-reviews { padding: 50px 20px !important;}
    h1.hm-feat-reviews-main { padding: 30px;}
    .hm-review-main-img { height: 300px;}
    .hm-review-sml .hm-review-sml-img, .hm-review-sml a { height: 100px;}
    .hm-review-sml h1 { font-size: 16px; margin: 0;}
    .hm-review-sml .hm-review-sml-img { display: block;}
    .hm-review-sml .row { margin-bottom: 8px;}
    .hm-review-sml h1 a { padding: 7px 10px;}
}


/* home half */
.hm-feat-half { position: relative; padding: 0px 20px 30px;}
.hm-feat-half .row .col-12:nth-of-type(2) .container { margin-top: 20px;}
.hm-half-main-img { width: 100%; height: 200px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
h1.hm-feat-half-main { color: #fff; text-align: center; letter-spacing: 1px; line-height: 1.2; background: #ec008c; padding: 20px;}

.hm-feat-half-sml a { display: block;}
.hm-feat-half-sml .hm-half-sml-img { display: none;}
.hm-feat-half-sml h1 { font-size: 14px; font-family: 'Raleway', sans-serif; line-height: 1.2; font-weight: 600; padding-top: 0px; margin-bottom: 7px;}
.hm-feat-half-sml h1 a { padding: 7px 0px;}

@media only screen and (max-width :991px) {
    .hm-feat-half-sml h1 { padding-left: 20px; position: relative;}
    .hm-feat-half-sml h1:before { display: block; content: '\00bb'; color: #ec008c; font-size: 16px; position: absolute; left: -0px; top: 7px;}
}
@media only screen and (min-width :700px) {
    .hm-feat-half .row .col-12:nth-of-type(2) .container { margin-top: 0px;}
}

@media only screen and (min-width :992px) {
    .hm-feat-half { padding: 0px 20px 50px;}
    h1.hm-feat-half-main { padding: 30px;}
    .hm-half-main-img { height: 300px;}
    .hm-feat-half-sml .hm-half-sml-img, .hm-feat-half-sml a { height: 100px;}
    .hm-feat-half-sml h1 { font-size: 16px; margin: 0;}
    .hm-feat-half-sml .hm-half-sml-img { display: block; width: 100%; height: 68px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
    .hm-feat-half-sml .row { margin-bottom: 8px;}
    .hm-feat-half-sml h1 a { padding: 7px 10px;}
}



.related-3x { width: 100%;}
.related-3x ul { list-style: none; position: relative; margin: 0; padding: 0; font-size: 0;}
.related-3x ul a { position: relative; z-index: 200;}
.related-3x ul li { display: inline-block; margin: 0; padding: 0; width:100%; margin-bottom: 20px; vertical-align:top;}
.related-3x ul li > div { border-bottom: 3px solid #ec008c;}
.related-3x ul li > div div { height: 200px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative;}
.related-3x ul li h1 { color: #545454; padding: 7px 15px; line-height: 1.2; padding: 7px; text-align: center;}

.related-3x.related-cats ul li h1 { color: #fff; background: rgba(17,17,17,0.9); padding: 7px 15px; width: calc(100% - 15px); border-right: 2px solid #ec008c; letter-spacing: 1px; position: absolute; bottom: 0px; text-align: left;}



@media only screen and (min-width :700px) {
    .related-3x ul li { display: inline-block; margin: 0; padding: 0; width:calc(33% - 13px); vertical-align:top;}
    .related-3x ul li > div div { height: 250px;}
    .related-3x ul li.related-x3-centre { margin-left: 18px; margin-right: 18px;}
}

@media only screen and (min-width :992px) {
    .related-3x ul li { width:calc(33% - 12px); vertical-align:top;}
    .related-3x ul li > div div { height: 300px;}
    .related-3x ul li h1 { font-size: 20px;}
	.related-3x ul li.related-x3-centre { margin-left: 16px; margin-right: 16px;}
}

@media only screen and (min-width :1200px) {
    .related-3x ul li { width:calc(33% - 10px); vertical-align:top;}
    .related-3x ul li h1 { font-size: 22px;}
	.related-3x ul li.related-x3-centre { margin-left: 14px; margin-right: 14px;}
}








/* main */
.tf-main, .tf-sidebar { padding-bottom: 60px;}

.tf-main-cont {}
.tf-main-cont h1 { font-size: 24px; line-height: 1.2; margin-bottom: 0;}
.tf-interviews h1 { max-width: 800px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.tf-interviews h1, .tf-interviews p.post-specs { text-align: center;}
.tf-main-cont p.post-specs { font-size: 12px;}
.tf-main-cont p.post-specs a { font-size: 12px; color: #ec008c;}
.tf-main-cont p.post-specs a:hover { border-bottom: 1px solid #ec008c;}
.tf-main-cont-in { margin-top: 20px;}
.tf-main-cont-in a { color: #ec008c;}
.tf-main-cont-in a:hover { border-bottom: 1px solid #ec008c;}
.tf-main-cont-in img { max-width: 100%; height: auto; margin-bottom: 15px;}

.tf-main-cont-in blockquote { position: relative; margin-bottom: 30px;}
.tf-main-cont-in blockquote:before { display: block; content: ''; width: 200px; height: 3px; background:#ec008c; position: absolute; bottom: 4px; left: 50%; margin-left: -100px;}
.tf-main-cont-in blockquote p { text-align: center; font-weight: 700; font-size: 20px; padding: 30px;}


.tf-main-share { border-bottom: 1px solid #ccc; text-align: center; padding: 40px 0; }
.tf-main-share h6 { color: #ec008c; font-weight: 700; size: 18px; font-family: 'Raleway', sans-serif; text-transform: uppercase; margin-bottom: 5px;}
.tf-main-share ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.tf-main-share ul li { display: inline-block;}
.tf-main-share ul li a { color: #a7a9ac; padding: 7px;}
.tf-main-share ul li a:hover { color: #ec008c;}

@media only screen and (min-width :700px) {
    .tf-main-cont h1 { font-size: 28px;}
}

@media only screen and (min-width :992px) {
    .tf-main-cont h1 { font-size: 32px;}
    /*.tf-interviews .tf-main-cont-in-p {-webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px;}*/
    .tf-main-cont-in .cont-2-col {-webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px;}
    .tf-main-cont-in blockquote { margin-bottom: 50px;}
    .tf-main-cont-in blockquote p { font-size: 24px; padding: 50px 30px;}
}

@media only screen and (min-width :1200px) {
    .tf-main-cont h1 { font-size: 40px;}
}


/* feed items */
.tf-feed-head { padding: 0 20px; margin-bottom: 20px;}
.tf-feed-head .dropdown button { width: 100%; border-radius: 0; border-bottom: 1px solid #ccc; background: #fff; text-align: left; font-size: 16px; font-family: 'Raleway', sans-serif; position: relative;}
.tf-feed-head .dropdown button i { position: absolute; right: 20px; font-size: 22px;}
.tf-feed-head .dropdown button:before { display: block; content: ''; width: 75px; height: 3px; background:#ec008c; position: absolute; bottom: 0; right: 0;}
.tf-feed-head .dropdown .dropdown-menu { width: 100%; border-radius: 0; margin-top: -1px; border: 0; border-top: 1px solid #ccc;}
.tf-feed-head .dropdown .dropdown-menu a { font-size: 14px; padding: 7px 15px;}
.tf-feed-head form { width: 100%; border-radius: 0; border-bottom: 1px solid #ccc; background: #fff; text-align: left; font-size: 16px; font-family: 'Raleway', sans-serif; position: relative; padding: 0;}
.tf-feed-head form:before { display: block; content: ''; width: 75px; height: 3px; background:#ec008c; position: absolute; bottom: 0; right: 0;}
.tf-feed-head form input[type=text] { width: calc(100% - 75px); padding: 7px; border: none; -webkit-appearance: none;}
.tf-feed-head form button[type=submit] { width: 75px; padding: 7px; color: #ec008c; font-size: 20px; background: #fff;-webkit-appearance: none;}
.tf-feed-head form button[type=submit]:hover { background: #ec008c; color: #fff; cursor: pointer;}

@media only screen and (min-width :992px) {
    .tf-feed-head { padding: 0;}
}

/* feed reviews */
.feed-img-wrap { border-bottom: 3px solid #ec008c;}
.feed-img-wrap > div { height: 150px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}

.tf-feed-reviews { padding: 20px 20px 40px;}
.tf-feed-reviews ul { list-style: none; padding: 0; margin: 0; position: relative; text-align: center; font-size: 0;}
.tf-feed-reviews ul li { text-align: left; display: inline-block; width:100%; margin-bottom: 20px; vertical-align:top; }
.tf-feed-reviews ul li h1, .tf-feed-reviews ul li p { line-height: 1.2; margin-bottom: 0;}
/*.tf-feed-reviews ul li p { display: none;}*/

@media only screen and (min-width :700px) {
    .tf-feed-reviews ul li { width: calc(50% - 15px); margin-bottom: 30px; vertical-align:top;}
    .tf-feed-reviews ul li:nth-of-type(even) {margin-left: 30px;}
}

@media only screen and (min-width :992px) {
    .tf-feed-reviews { padding: 20px 0 40px;}
    .feed-img-wrap > div { height: 200px;}
    .tf-feed-reviews ul li h1 { margin-bottom: 10px;}
    .tf-feed-reviews ul li p { display: block; line-height: 1.4;}
}


/* feed interviews */
.tf-feed-interviews {}
.tf-feed-interviews ul { list-style: none; padding: 0; margin: 0; position: relative; text-align: center; font-size: 0; }
.tf-feed-interviews ul li { display: block; margin-bottom: 20px; }
.tf-feed-interviews ul li .feed-img-wrap { margin-bottom: 15px;} 
.tf-feed-interviews ul li a { display: block;}
.tf-feed-interviews ul li h1 { font-family: 'Raleway', sans-serif; font-weight: 700; line-height: 1.2; font-size: 16px;}
.tf-feed-interviews ul li p.tf-feed-sub-cat { background: #ec008c; padding: 0 7px; display: inline-block;}
.tf-feed-interviews ul li p.tf-feed-sub-cat { color: #fff; font-size: 12px; text-align: center; }

@media only screen and (min-width :700px) and (max-width :991px) {
    .tf-feed-interviews ul li { display: inline-block; width: calc(50% - 30px); margin: 0; padding: 0; margin-bottom: 30px; vertical-align:top;}
    .tf-feed-interviews ul li:nth-of-type(even) { margin-left: 30px;}
    .tf-feed-interviews ul li h1 { font-size: 20px;}
}

@media only screen and (min-width :992px) {
    .tf-feed-interviews ul li { display: inline-block; width: calc(33% - 17px); margin: 0; padding: 0; margin-bottom: 30px; vertical-align:top;}
    .tf-feed-interviews ul li:nth-of-type(3n + 2) { margin-left: 28px; margin-right: 28px;}
    .tf-feed-interviews ul li h1 { font-size: 20px;}
}

@media only screen and (min-width :1200px) {
    .tf-feed-interviews ul li:nth-of-type(3n + 2) { margin-left: 31px; margin-right: 31px;}
}

/* feed news */

.tf-feat-news {}
.tf-feat-news ul, .tf-std-news ul { list-style: none; padding: 0; margin: 0; position: relative; text-align: center; font-size: 0; }
.tf-feat-news ul li { display: block; margin-bottom: 20px; vertical-align:top; }
.tf-feat-news ul li .feed-img-wrap { margin-bottom: 15px;} 
.tf-feat-news ul li h1, .tf-std-news ul li h1 { font-family: 'Raleway', sans-serif; font-weight: 700; line-height: 1.2; font-size: 16px; text-align: center;}

@media only screen and (min-width :700px) and (max-width :991px) {
    .tf-feat-news ul li:nth-of-type(-n+2) { display: inline-block; width: calc(50% - 15px);}
    .tf-feat-news ul li:nth-of-type(2) { margin-left: 30px;}
    .tf-feat-news ul li:nth-of-type(3) { display: none;}
    
    .tf-std-news ul li:nth-of-type(-n+2) { display: inline-block; width: calc(50% - 15px);}
    .tf-std-news ul li:nth-of-type(2) { margin-left: 30px;}
    .tf-std-news ul li:nth-of-type(3) { display: none;}

}

@media only screen and (min-width :992px) {
    .tf-feat-news ul li { display: inline-block; width: calc(33% - 17px); margin: 0; padding: 0; margin-bottom: 30px;}
    .tf-feat-news ul li:nth-child(2) { margin-left: 28px; margin-right: 28px;}
    .tf-feat-news .feed-img-wrap div { height: 300px;}
    .tf-feat-news ul li h1 { font-size: 20px;}
    
    .tf-std-news ul { list-style: none; padding: 0; margin: 0; position: relative; text-align: center; font-size: 0;}
    .tf-std-news ul li { display: inline-block; width: calc(25% - 25px); margin: 0; padding: 0; margin-bottom: 30px; vertical-align:top;}
    .tf-std-news .feed-img-wrap { margin-bottom: 10px;}
    .tf-std-news ul li h1 { font-family: 'Raleway', sans-serif; font-weight: 700; line-height: 1.2; font-size: 18px;}
    .tf-std-news ul li:nth-of-type(4n+2) { margin-left: 30px; margin-right: 30px;}
    .tf-std-news ul li:nth-of-type(4n+3) { margin-right: 30px;}
}


.tf-feed-pagination { padding-bottom: 50px; text-align: center;}

/* sidebar elements */
.tf-sidebar {}
.tf-sidebar h6 { background: #333; color: #fff; text-align: center; font-size: 18px; font-family: 'Passion One', cursive; letter-spacing: 1px; padding: 10px 15px; margin-bottom: 4px;}

.sidebar-item { margin-bottom: 10px;}

.tf-sidebar-share {}
.tf-sidebar-share ul { list-style: none; position: relative; margin: 0; margin-top: 10px; padding: 0; text-align: center;}
.tf-sidebar-share ul li { display: inline-block;}
.tf-sidebar-share ul li a { color: #a7a9ac; font-size: 18px; padding: 7px;}
.tf-sidebar-share ul li a:hover { color: #ec008c;}

.tf-sidebar-edm { background: #ec008c; padding: 20px; padding-top: 70px; margin-top: 60px; margin-bottom: 10px; position: relative;}
.tf-sidebar-edm:before { display: block; width: 100px; height: 100px; content: ''; background: #fff url(images/logo-fierce-pink.svg) center no-repeat; background-size: contain; position: absolute; left: 50%; margin-left: -50px; top: -50px; border-radius: 50%; border: 2px solid #ec008c;}
.tf-sidebar-edm h3 { color: #fff; text-align: center; font-size: 22px; line-height: 1.2; letter-spacing: 1px;}
.tf-sidebar-edm ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center !important;}
.tf-sidebar-edm ul li { display: inline-block;}
.tf-sidebar-edm h4 { border-top: 1px solid white; margin-top: 20px; padding-top: 20px; text-align: center; font-size: 18px; font-family: 'Raleway', sans-serif; color: #fff; text-transform: uppercase;}
.tf-sidebar-edm ul.sidebar-social-ul { text-align: center !important;}
.tf-sidebar-edm ul.sidebar-social-ul li { text-align: center;}
.tf-sidebar-edm ul.sidebar-social-ul li a { color: rgba(255,255,255,0.7); font-size: 18px; padding: 5px 7px;}
.tf-sidebar-edm ul.sidebar-social-ul li a:hover { color: rgba(255,255,255,1.0);}

.sidebar-edm-form input[type=email] { border: 0; background: rgba(255,255,255,0.4);-webkit-appearance: none; padding: 10px; margin-bottom: 5px; font-size: 14px; font-family: 'Raleway', sans-serif; width: 100%; display: block; box-shadow: none; text-align: center;}
.sidebar-edm-form input[type=email]::-webkit-input-placeholder { color: #fff; opacity: 1; }
.sidebar-edm-form input[type=email]::-moz-placeholder { color: #fff; opacity: 1; }
.sidebar-edm-form input[type=email]:-ms-input-placeholder { color: #fff; opacity: 1; }
.sidebar-edm-form input[type=email]:-moz-placeholder { color: #fff; opacity: 1; }
.sidebar-edm-form button[type=submit] { background: #ec008c; color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Raleway', sans-serif; text-align: center; width: 100%; padding: 10px;}
.sidebar-edm-form button[type=submit]:hover { background: #fff; color: #ec008c; cursor: pointer;}

.tf-sidebar-feed { margin-bottom: 10px;}
.tf-sidebar-feed h1 { color: #545454; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; padding: 22px 10px 7px 10px; text-align: center; line-height: 1.2; position: relative;}
.tf-sidebar-feed h1 span { position: absolute; top: 5px; left: 0; color: #ec008c; font-size: 12px; font-weight: 700; text-transform: uppercase; width: 100%; text-align: center;}
.tf-sidebar-feed .tf-sidebar-feed-item a:hover h1 { color: #ec008c;}
.tf-sidebar-feed ul { margin:0;}

.tf-sidebar-feed-sml { margin-bottom: 5px;}
.tf-sidebar-feed-sml h1 { color: #545454; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; padding: 0 0 0 10px; text-align: left; line-height: 1.2; position: relative; margin-bottom: 0;}
.tf-sidebar-feed-sml:hover h1 { color: #ec008c;}


.tf-sidebar-rating {}
.sidebar-rating-stars { width: 100%; height: 60px; display: block; text-align: center; padding:  0; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important;}
.sidebar-rating-stars.stars-half { background: url(images/star-half.svg);}
.sidebar-rating-stars.stars-1 { background: url(images/star-1.svg);}
.sidebar-rating-stars.stars-1half { background: url(images/star-1half.svg);}
.sidebar-rating-stars.stars-2 { background: url(images/star-2.svg);}
.sidebar-rating-stars.stars-2half { background: url(images/star-2half.svg);}
.sidebar-rating-stars.stars-3 { background: url(images/star-3.svg);}
.sidebar-rating-stars.stars-3half { background: url(images/star-3half.svg);}
.sidebar-rating-stars.stars-4 { background: url(images/star-4.svg);}
.sidebar-rating-stars.stars-4half { background: url(images/star-4half.svg);}
.sidebar-rating-stars.stars-5 { background: url(images/star-5.svg);}

.tf-sidebar-ffactor {}
.sidebar-ffrating, .feed-ffrating { width: 130px; height: 130px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; margin: 20px auto 20px;}
.sidebar-ffrating p, .feed-ffrating p {top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; font-weight: 700; font-family: 'Raleway', sans-serif; position: absolute;}
.sidebar-ffrating.ff-0, .feed-ffrating.ff-0 { background: url(images/ff-0.svg);}
.sidebar-ffrating.ff-1, .feed-ffrating.ff-1 { background: url(images/ff-1.svg);}
.sidebar-ffrating.ff-2, .feed-ffrating.ff-2 { background: url(images/ff-2.svg);}
.sidebar-ffrating.ff-3, .feed-ffrating.ff-3 { background: url(images/ff-3.svg);}
.sidebar-ffrating.ff-4, .feed-ffrating.ff-4 { background: url(images/ff-4.svg);}
.sidebar-ffrating.ff-5, .feed-ffrating.ff-5 { background: url(images/ff-5.svg);}
.sidebar-ffrating.ff-6, .feed-ffrating.ff-6 { background: url(images/ff-6.svg);}
.sidebar-ffrating.ff-7, .feed-ffrating.ff-7 { background: url(images/ff-7.svg);}
.sidebar-ffrating.ff-8, .feed-ffrating.ff-8 { background: url(images/ff-8.svg);}


.review-feed-txt { position: relative;}
.feed-img-wrap .feed-ffrating { position: absolute; right: 30px; top: -5px; width: 60px; height: 60px; z-index: 1000;}
.feed-img-wrap .feed-ffrating p {top: 50%; left: 50%; font-size: 24px;}
.review-feed-txt p { display: none;}

@media only screen and (min-width :700px) {
	.feed-img-wrap .feed-ffrating { right: 10px;}
}


.sidebar-ff-crew { padding-bottom: 10px;}
.sidebar-ff-crew p { font-size: 14px;}
.sidebar-ff-crew p.crew-role { font-weight: 700;}
.sidebar-ff-crew .crew-names a { font-size: 14px !important; color: #ec008c !important; font-weight: 700 !important;}
.sidebar-ff-crew .crew-names a:hover { color: #333 !important;}


@media only screen and (min-width :992px) {
    .tf-sidebar-edm h3 { font-size: 24px;}
    .tf-sidebar h6 { font-size: 26px;}
    .tf-sidebar-feed h1 { font-size: 18px;}
    .tf-sidebar-feed-sml { margin-bottom: 7px;}
    .tf-sidebar-feed-sml h1 { font-size: 15px;}
}


.mob-ff-ratings { display: none;}

@media only screen and (max-width :767px) {
    .mob-ff-ratings { display: block; padding: 0 15px; margin-top:30px;}
    .mob-ff-ratings .sidebar-item { text-align: center;}
    .mob-ff-ratings .sidebar-item h6 { background: #333; color: #fff; text-align: center; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; padding: 10px 15px; margin-bottom: 4px;}
    .mob-ff-ratings .sidebar-ffrating { width: 60px; height: 60px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; margin: 10px auto 20px;}
    .mob-ff-ratings .sidebar-ffrating p { font-size: 24px;}
    .mob-ff-ratings .sidebar-rating-stars { max-width: 240px; margin: 10px auto;}
}

/* contact */
.tf-contact-main h2 { font-size: 28px; }
.tf-contact-main h4 { color: #ec008c; font-size: 18px; font-family: 'Raleway', sans-serif; border-bottom: 1px solid #ccc; font-weight: 700;}
.tf-contact-main ul.contact-social-ul { list-style: none; position: relative; margin: 0; padding: 0;}
.tf-contact-main ul.contact-social-ul li { display: inline-block; margin: 0px 30px 30px 0;}
.contact-form { padding: 10px 0 60px;}



/* modals */
.modal {}
.modal-dialog { width: calc(100% - 20px); max-width: 800px;}
.modal-content { border-radius: 0; border: 0; box-shadow: none; position: relative;}
.modal-body { position: relative; padding: 40px 20px; text-align: center;}
.modal-body button { position: absolute; top: 15px; right: 15px;}
.modal-body button:hover { cursor: pointer;}
.modal-body h1 { display: block; background: #333; color: #fff; text-align: center; font-weight: 400; letter-spacing: 1px; font-size: calc(100% + 12px); padding: 10px;}				
.modal-body p { max-width: 600px; margin: 0 auto;}	

@media only screen and (min-width :992px) {
    .modal-body { padding: 40px;}
    .modal-body button { top: 20px; right: 20px;}
}
				
/** FOOTER **/

.tf-ft-links { padding: 30px 0 0; margin-top: 30px; position: relative;}
.tf-ft-links:before { display: block; content: ''; width: calc(100% - 40px); max-width: 600px; height: 1px; background: #ccc; left: 20px; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.tf-ft-links div { margin-bottom: 30px;}
.tf-ft-links h4 {font-family: 'Raleway', sans-serif; text-transform: uppercase; color: #ec008c; font-size: 14px; font-weight: 600;}
.tf-ft-links p { font-size: 14px;}
.tf-ft-links ul, .ft-links ul { list-style: none; position: relative; margin: 0; padding: 0;}
.tf-ft-links ul li { display: block;}
.tf-ft-links a { text-transform: uppercase; font-size: 12px;}
.ft-links { display: flex;}
.ft-links div:last-of-type { order: -1;}

.footer-edm-form { position: relative;}
.footer-edm-form input[type=email] { border: 1px solid #bcbec0; background: rgba(255,255,255,0.4);-webkit-appearance: none; padding: 10px; margin-bottom: 5px; font-size: 14px; font-family: 'Raleway', sans-serif; width: 100%; display: block; box-shadow: none; text-align: left;}
.footer-edm-form input[type=email]::-webkit-input-placeholder { color: #545454; opacity: 1; }
.footer-edm-form input[type=email]::-moz-placeholder { color: #545454; opacity: 1; }
.footer-edm-form input[type=email]:-ms-input-placeholder { color: #545454; opacity: 1; }
.footer-edm-form input[type=email]:-moz-placeholder { color: #545454; opacity: 1; }
.footer-edm-form button[type=submit] { background: #ec008c; color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Raleway', sans-serif; text-align: center; width: 100%; padding: 10px;}
.footer-edm-form button[type=submit]:hover { background: #fff; color: #ec008c; cursor: pointer;}

@media only screen and (min-width :768px) {
    .ft-links div:last-of-type { order: inherit;}
    .footer-edm-form input[type=email] { width: calc(100% - 120px);}
    .footer-edm-form button[type=submit] { position: absolute; width: 110px; top: 0; right: 0; font-size: 16px;}
}

@media only screen and (min-width :992px) {
    
}


	footer { background:#f1f2f2; padding:15px 10px; position:relative; border-bottom: 3px solid #ec008c;}
	footer p, footer p a {font-size:10px; line-height: 1; padding: 0; margin: 0;}
footer p span { padding: 0 5px;}
	
	footer .credits p  { font-size:10px; text-align:center; padding-top:5px; color:#939598;}
	footer .credits a  { color:#939598;}
	footer .credits p a:hover { color:#ec008c;}
	
	@media only screen and (min-width :700px) {
	}

	
.modal-edm-form { position: relative; max-width: 400px; margin: 40px auto;}
.modal-edm-form input[type=email] { border: 1px solid #bcbec0; background: rgba(255,255,255,0.4);-webkit-appearance: none; padding: 10px; margin-bottom: 5px; font-size: 14px; font-family: 'Raleway', sans-serif; width: 100%; display: block; box-shadow: none; text-align: left;}
.modal-edm-form input[type=email]::-webkit-input-placeholder { color: #545454; opacity: 1; }
.modal-edm-form input[type=email]::-moz-placeholder { color: #545454; opacity: 1; }
.modal-edm-form input[type=email]:-ms-input-placeholder { color: #545454; opacity: 1; }
.modal-edm-form input[type=email]:-moz-placeholder { color: #545454; opacity: 1; }
.modal-edm-form button[type=submit] { background: #ec008c; color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Raleway', sans-serif; text-align: center; width: 100%; padding: 10px;}
.modal-edm-form button[type=submit]:hover { background: #fff; color: #ec008c; cursor: pointer;}

@media only screen and (min-width :768px) {
    .modal-edm-form input[type=email] { width: calc(100% - 120px);}
    .modal-edm-form button[type=submit] { position: absolute; width: 110px; top: 0; right: 0; font-size: 16px;}
}

@media only screen and (min-width :992px) {
    
}
	
	
/* misc */
	
	/* form */
	.gform_wrapper label, .gform_wrapper label.gfield_label { font-size:16px; font-family: 'Raleway', sans-serif; color:#808285; font-weight:400; padding:0; margin:0; height:0;}
.gform_wrapper li#field_1_6, .gform_wrapper li#input_2_9 { position:relative;}
.gform_wrapper li#field_1_6 input[type=checkbox], .gform_wrapper li#field_2_9 input[type=checkbox] { position:relative; top:-6px;}
.gform_wrapper label#label_1_6_1, .gform_wrapper label#label_2_9_1 { height:auto; color:#000; font-size:14px;}
	.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 0; background-color:#fff; padding:10px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0; font-size:16px; font-family: 'Raleway', sans-serif;}
	.gform_footer input[type=submit] { background-color:#E7228C; color:#fff; text-transform:uppercase; width:100%; max-width:400px; font-size:20px !important; letter-spacing:1px; font-family: 'Passion One', cursive; cursor:pointer; margin:0;-webkit-appearance: none; display:block; width:250px !important; border:0; padding:10px;}
	.gform_footer input[type=submit]:hover { background-color:#808285; }
    .gform_confirmation_wrapper { font-size:16px; font-family: 'Raleway', sans-serif;}

    .ginput_container_select { background: url(http://thefierce.com.au/wordpress/wp-content/uploads/2018/06/select.png) no-repeat 96% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border:1px solid #ccc; border-radius: 0; font-size: 14px; height: 39px; padding: 5px;  width: calc(100% + 32px); -webkit-appearance: none;  -moz-appearance: none;}
    .stylin .ginput_container_select { background: #ededed url(http://thefierce.com.au/wordpress/wp-content/uploads/2018/06/select.png) no-repeat 98% center; height: 44px; width: 100%;}
    .stylin .ginput_container_select select { border:none; background: transparent; border-radius:5px !important; font-size: 14px; height: 44px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}
	
	.gform_wrapper input::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder {color: #000; opacity:1.0;}
	.gform_wrapper input::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder {color: #000; opacity:1.0;}
	.gform_wrapper input:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder {color: #000; opacity:1.0;}
	.gform_wrapper input:-moz-placeholder, .gform_wrapper textarea:-moz-placeholder {color: #000; opacity:1.0;}



/* WP Paginate */
	ol.wp-paginate { margin-top:30px; position:relative; text-align:center;}
	ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { background:none; border:0 !important; color:#E7228C;}
	ol.wp-paginate li a { color:#545454;}
	ol.wp-paginate li a:hover { background:none; color:#E7228C;}
	

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; margin:10px; margin-right:0px; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; margin:10px; margin-left:0px; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	/*@media only screen and (min-width : 500px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 499px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}*/
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 993px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 768px) and (max-width : 992px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 767px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
    .m-hide { display: none;}
	}

.utv-youtube-rt { text-align:center !important;}
.utv-thumb span { font-size:18px; font-family: 'Raleway', sans-serif; color:#545454; font-weight:800; text-align:center;}
.utv-thumb:hover span {color:#E7228C;}

.submitted-review-feed { margin:30px 0;}
.submitted-review-feed h1 { margin-bottom:30px; border-bottom:1px solid #ccc; color:#E6228C;}
p.wpsm_testi_description, h3.wpsm_testimonial-title, .wpsm_testimonial-review span, .wpsm_testimonial-review a {font-family: 'Raleway', sans-serif !important;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:30px; margin-top:30px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

ul.img-col-2 { list-style:none; position:relative; margin:0; padding:0; text-align:center; font-size:0;}
ul.img-col-2 li {display: inline-block; width:50%; margin:10px auto;}

ul.img-col-3 { list-style:none; position:relative; margin:0; padding:0; text-align:center; font-size:0;}
ul.img-col-3 li {display: inline-block; width:33%; margin:10px auto;}

.ttshowcase_rl_title { font-size:18px !important; font-family: 'Raleway', sans-serif !important; color:#545454 !important; font-weight:800 !important;}
.ttshowcase_rl_subtitle a { font-size:13px !important;}
.ttshowcase_rating { padding-top:10px;}

.pg-404 { min-height:500px; padding:50px 20px; text-align:center;}

.home-intro {}
.home-intro h1 { text-align:center !important; display:block !important; background:#E7228C !important; color:#fff !important; font-family: 'Raleway', sans-serif !important; font-weight:600 !important; font-size:18px !important; padding:10px 20px !important; margin-bottom:10px !important;}

@media only screen and (min-width : 993px) {
	.home-intro h1 { font-size:22px !important; background:#333 !important; color:#E7228C !important;}
}

.tt_star_wrap i {color:#ccc !important;}
.tt_star_wrap i.fa-star, .tt_star_wrap i.fa-star-half-o {color:#E7228C !important;}

.tf-feed-reviews .tt_star_wrap, .caro-txt-p .tt_star_wrap { text-align:left !important; padding:0 !important; margin-left:0px !important;}
.tf-feed-reviews .tt_star_wrap i { font-size:14px;}
.caro-txt-p .tt_star_wrap i { font-size:18px;}
.tt_average_rating_box, .tt_big_star_box, .tt_star_wrap, .tt_rating_box_stars { padding:0 !important; margin:0 !important; line-height:1 !important;}

.ttshowcase_rl_quote a {color:#E7228C !important;}