/*
Theme Name: TRACKFEST
Theme URI: https://www.trackfest.id/
Version: 29.11.2019
Description: v1.0.2
Author: hello@stefanushosea.com
Author URI: https://dsgndbystfn.us
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700,900');

/* TRACKFEST */

body {background-image:url('https://assets.heartwork.co.id/trackfest/track.jpg');background-position:bottom;background-size:contain;background-attachment:fixed;background-repeat:no-repeat;background-color: #1c1c1c;color:#fff}
blockquote,.alt-font{color:#fff}
h1, h2, h3, h4, h5, h6{color:#FFCC33}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,.news-snippet a {font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1,.h1{font-weight: 900;}
h2,.h2{font-weight: 800;}
h3, h4, h5, h6,.h3, .h4, .h5, .h6{font-weight: 700;}
a {color:#FFCC33} a:hover{color:#fff}
.margin-auto{float: none !important;margin:auto !important}
@media (max-width: 767px){p {font-size: 14px;}.header-border hr{height:0px}.header-border{margin-bottom:0 !important}}

/*Header*/
.menu-hive li a{color:#FFCC33;font-size:15px !important;font-weight: 700;}
.menu-hive li a i{font-size: 13px !important;}
.menu-hive > li {margin-right: 75px;}
@media (max-width: 1120px){.menu-hive > li {margin-right: 50px;}}
.hero{padding-top: 75px;}
@media (max-width: 768px){.hero{padding-top: 25px;}.menu-hive li a{padding: 1em;font-size: 17px !important;}#menu-trackfest{margin-bottom:0}}
.logo{-webkit-animation: puff-in-center 0.25s both;animation: puff-in-center 0.25s both;}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.header-border{margin-bottom:2.5em}
.header-border hr{margin: 10px 0;}
.module.widget-handle:hover{color:#FFCC33}
@media(max-width:767px){.page-id-32 .nav-container{margin-bottom:40px !important}}

/*Home*/
.welcome{text-align:center;padding: 7rem 1em;margin-bottom: 0;}
.welcome h1{font-size:70px}
.welcome h4{margin-bottom:1em;letter-spacing: 5px;}
.welcome h5{font-size: 16px;line-height:1.25;font-family: "Courier New", Courier, monospace}
@media (max-width: 767px){.welcome h1{font-size:60px}}
.manifesto{text-align: center;max-width: 600px;margin: 0 auto 2em;}
.partner img{max-width:175px;margin:auto;transition:all.5s}
.partner img:hover{opacity:.5}
.vc_separator h4 {letter-spacing: 4px;text-align: center;}
.vc_separator h4::first-letter,.vc_tta-title-text::first-letter{padding-left:4px} 
.vc_video-bg{z-index:-99}
.stay a i{font-size: 12px;}
@media(min-width: 768px){.stayrow{margin-top:-10rem}.trackmeet{margin-left: -5.25rem;margin-top: 5rem;}.trackmeet p{margin-left: 5rem;}.stay{margin-top: 4rem;margin-left: 2rem;}}

/*Blog*/
.news-snippet a{font-size: 2.25rem;margin-bottom: .75em;margin-top: .25em;line-height: 1.5;text-decoration: none;}
.news-snippet a span{background: #3232FE;padding: .25em .75em;font-weight: 700;transition:all .25s;-webkit-transition:all .25s}
.news-snippet a span:hover{background: #FF3334;}
.news-snippet img{width:100%}
.news-snippet h6{color: #FF3334;}
.news-snippet {margin-bottom: 2.5em;}
.hashtag{font-size: 20px;line-height:1.25;font-family: "Courier New", Courier, monospace;font-weight:700}
@media (max-width: 768px){.news-snippet a{margin-top:1.5em}}
.single-post .post__title {padding: 0 .5em;}
.tags-container{text-align:center;margin-bottom:2rem}

/*Footer*/
@media (min-width: 768px){footer .container{padding-left:0;padding-right:0}}
.type--fineprint{color:#dadada}

/*Results*/
.wpb_wrapper .wpdt-c label,.wpb_wrapper .wpdt-c input.form-control{color:#fff !important;font-weight: 700;}
.wpb_wrapper .wpdt-c table thead th,.wpb_wrapper .wpdt-c table tbody td,.wpb_wrapper .wpdt-c table tfoot td,.wpDataTablesWrapper .dataTables_paginate .paginate_button{font-family: "Courier New", Courier, monospace !important;font-weight: 700 !important;}
.wpDataTablesWrapper .dataTables_paginate,.wpDataTablesWrapper .dataTables_filter {float: none !important;text-align: center !important;}
.results .vc_separator.vc_separator_align_center h4 {background: #FF3334;padding: .5em .8em;line-height: 1.35;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a {padding: .25em .8em !important;font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.vc_tta-title-text{font-weight: 700 !important;letter-spacing: 2px}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {background-color: #FF3334 !important;color: #FFCC33 !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {background-color: #FFCC33 !important;color: #222 !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading{background-color: #FF3334 !important}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading{background-color: #FFCC33 !important}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a{color: #FFCC33 !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a{padding: .75em .8em !important;font-size:14px;line-height:1.5}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a{color:#222 !important}
.meet h3{margin-top:2rem;margin-bottom:0;text-align:center}
.meet h4{margin-bottom:0;text-align:center;font-size: 16px;line-height:1.25;font-family: "Courier New", Courier, monospace;}

/*People*/
@media (min-width: 768px){.tracker img{margin-top: -6rem;}}
.tracker h1{text-align: center;font-size: 9rem;margin-top: -5.5rem;}
@media (max-width: 768px){.tracker h1{font-size: 6rem;margin-top: -4.5rem;}}
.testimonial{text-align: center;}
.testimonial p{font-size: 13px;line-height: 1.75;}
.author{background: #3232FE;padding: .5em .75em;font-size: 14px;font-weight: 700;}

/*None*/
.post-edit-link,.post-date,.vc_inline-link{display:none !important}

/*-----------------------------------------------------------------------------------*/
/*	Visual Composer Styles
/*-----------------------------------------------------------------------------------*/
.main-container > .vc_row {
	max-width: 774px;
	margin: 0 auto;
}
.vc_row[data-vc-full-width] {
	max-width: none;
}
.vc_column_container > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	Theme Styles
/*-----------------------------------------------------------------------------------*/
.admin-bar nav.fixed, .admin-bar nav.absolute {
	top: 32px;
}
#reply-title {
	display: none;
}
a[rel="tag"]:before {
	content: '#';
}
p:empty {
	display: none;
}
.comments-list > .comment {
	padding-left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	WORDPRESS DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/
.post-content ul, .post-content ol {
	margin: 0 0 20px 0;
	padding: 0;
}
.post-content ul ul, .post-content ol ol {
	margin: 0 0 0 40px;
}
.sticky {
}
.bypostauthor img.avatar {
}
.screen-reader-text {
}
select {
	max-width: 100%;
}
.alignleft,
.aligncenter,
.alignright,
.alignnone {
	margin-bottom: 25px;
}
.alignnone {
	display: block;
}
.alignleft { 
	float: left; 
	margin: 0 30px 30px 0 !important;
}
.alignright { 
	float: right; 
	margin: 0 0 30px 30px !important;
}
.aligncenter { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: center; 
}
figure.aligncenter a {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.wp-caption { 
	max-width: 100%; 
	text-align: center; 
}
.wp-caption img {
	margin-bottom: 10px;
}
.gallery-caption { 
	margin: 20px 0; 
	max-width: 100%; 
	text-align: center; 
	z-index: 999; 
}
.wp-caption-text, 
.gallery-caption-text { 
	margin: 6px 0; 
	font-style: italic; 
	font-size: 95%; 
	line-height: 120%; 
}
.aligncenter { 
	text-align: center;
}
table#wp-calendar {
	border: 1px solid #cccccc
}
table#wp-calendar>tbody>tr>td>a {
	text-decoration: underline
}
table#wp-calendar thead>tr>th { 
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}
table#wp-calendar tbody>tr>td {
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}
table#wp-calendar tfoot>tr>td>a, 
tfoot>tr>td>a:link, 
tfoot>tr>td>a:visited, 
tfoot>tr>td>a:hover, 
tfoot>tr>td>a:active {
	text-decoration: underline;
	height: 23px;
	margin-left: 10px;
	padding-bottom: 3px;
}
table#wp-calendar tfoot>tr>td#prev {
	width: 58px;
	height: 20px;
	text-align: left;
}
table#wp-calendar tfoot>tr>td#next {
	width: 58px;
	height: 20px;
	text-align: right;
}
.post-content table {
	margin-bottom: 25px;
}
.post-content table tr,
.post-content table td,
#wp-calendar table tr,
#wp-calendar table td {
	padding: 10px 15px;
	border: 1px solid #cccccc;
}
dd {
	margin-bottom: 25px;
}
dt {
	margin-bottom: 10px;
	font-size: 18px;
}
.widget_rss li {
	margin-bottom: 20px; padding-bottom: 20px;
}
.widget_rss li .rsswidget, .widget_rss li cite {
	font-weight: bold; display: block;
}
.widget_rss li .rss-date {
	display: block; margin-bottom: 10px;
}
.widget_rss li cite {
	margin-top: 10px;
}
.post-content hr {
	clear: both;
}
.post-content span.pull-right,
.post-content span.pull-left {
	float: right;
	display: inline-block;
	width: 300px;
	margin: 0 0 20px 20px;
	font-size: 22px;
	line-height: 30px;
}
.post-content span.pull-right {
	float: right;
	margin: 0 0 20px 20px;
	text-align: right;
}
.post-content span.pull-left {
	float: left;
	margin: 0 20px 20px 0;
}
.post-content table {
	text-align: left;
	width: 100%;
}
.post-content table td,
.post-content table th {
	padding: 15px;
}
.post-content table tr:nth-child(even),
.post-content table thead tr {
	background: #f5f5f5;
}
.post-content ul {
	list-style: square;
}
.post-content ul, .post-content ol {
	list-style-position: outside;
	margin-left: 30px;
}

/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/
div.wpcf7 .wpcf7-not-valid { 
	border: 2px solid #b54d4d
}
span.wpcf7-not-valid-tip { 
	display: none !important 
}
div.wpcf7-validation-errors,
.highlight {
	margin: 0;
	padding: 10px;
	background-color: #fcf8e3;
	color: #c09853;
	border: 2px solid #faebcc;
}
div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	border: 2px solid #d6e9c6;
	background-color: #dff0d8;
	color: #468847;
}
div.wpcf7 textarea {
	height: 110px;
}
div.wpcf7 input[type="submit"],
div.wpcf7 p {
	margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	HIVE STYLES
/*-----------------------------------------------------------------------------------*/
.logo {
    max-width: 175px;
    width: 100%;
}
.container,
.nav-container {
    position: relative;
    display: block;
    max-width: 774px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.floating-button {
    position: fixed;
    top: 5%;
    right: 20%;
    z-index: 99;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    line-height: 120px;
    text-align: center;
    transition: transform 500ms, opacity 500ms;
}
.floating-button:hover {
	transition: transform 500ms, opacity 500ms;
    -webkit-transform: scale(1.00);
    -ms-transform: scale(1.00);
    transform: scale(1.00);
}
.floating-button__text {
    line-height: 1.71428571em;
}
.floating-button__text.white {
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    display: inline-block;
    width: 50%;
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    color: #494949;
    line-height: 1.28571429em;
    font-style: italic;
    font-weight: 400;
    text-decoration: none;
}
hr {
	height: 1px;
	background: #FF3334;
	border: none;
	margin: 20px 0;
}
nav {
	margin-bottom: -25px;
}
.back-to-top {
    position: relative;
    top: 60px;
    display: block;
    width: 120px;
    height: 120px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
	font-size: 2em;
    border-radius: 50%;
    background-color: #FF3334;
    text-decoration: none;
}
.back-to-top:hover{background-color: #FFCC33;}
blockquote {
    display: block;
    max-width: 70%;
    margin-right: auto;
    margin-bottom: 3.6em;
    margin-left: auto;
    font-family: Amiri, sans-serif;
    font-size: 1.414em;
    line-height: 1.51545767em;
    font-style: italic;
    font-weight: 400;
    padding: 0;
    background: none;
    border: none;
}
.tabbed-content.text-tabs {
	text-align: center;
}
.footer__title {
    margin-bottom: 1.71428571em;
    font-weight: 700;
}
.footer__social__link {
    display: inline-block;
    margin-right: 1.28571429em;
    margin-left: 1.28571429em;
    list-style-type: none;
	font-size: 20px;
}
.menu-hive li a {
    letter-spacing: 3px;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.5;
}
.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}
.button {
    padding: 0.64285714em 2.57142857em;
    background-color: #FF3334;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
	font-weight:700;
}
.button:hover {
	color: #222;
	background-color: #FFCC33;
}
.news-snippet a {
    display: block;
}
.single-post .post__title {
	font-size: 2.5em;
    line-height: 1.35;
    font-weight: 700;
	max-width: 650px;
    margin: auto;
}
h5 span {
	font-weight: 700;
}
.reservation-form input {
	margin-bottom: 0.85714286em;
    border: 1px solid #d7d7d7;
    font-style: italic;
}
.pagination li a {
	line-height: 27px;
}

@media all and (max-width: 768px) {
	.floating-button {
		left: 0px;
		top: 0em;
		right: auto;
		width: 100%;
		height: 48px;
		border-radius: 0%;
	}
	.menu-hive > li {
	    height: auto;
	}
}
/*-----------------------------------------------------------------------------------*/
/*	GUTENBERG
/*-----------------------------------------------------------------------------------*/
iframe {
	max-width: 100%;
}
.post-content .wp-block-gallery {
	padding-left: 0;
	margin-left: 0;
}