/*
Theme Name: ashraf_penangmarathon
Theme URI: https://zoewebs.com/
Author: Ashraf Latif
Author URI: https://ashraf.my
Description: Theme create for PBIM by Ashraf at zoewebs
Version: 1.0.0
Text Domain: ashraf-penangmarathon
*/
/* WP style */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
.widget {
    margin: 0 0 1.5em;
}
.timer .widget:last-child {
    margin-bottom: 0 !important;
}
/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}
.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 0 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
/* theme style */

body {
    font-family: 'Montserrat', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
}
#carousel-1 img {
    min-width: 100vw;
    max-height: 100vh;
}
section#counter {
    color: #008dc6;
    position: relative;
    background-color: #000000;
}
.blue-bg {
    background-color: #008dc6; 
}
.counter-runner p {
    padding: 0 0 30px !important;
    margin: 0 0 0 0 !important;
}

.counter-runner {
	min-height: 321px !important;
}
nav.navbar.navbar-inverse.navbar-static-top {
    /* background-color: rgba(0, 0, 0, .7);  */
    
    background-color: #222222;
    color: #fff;
    border: none;
    /*box-shadow:0 1px 10px grey;*/
    
    padding: 15px 0;
}
/*
.logged-in nav.navbar.navbar-inverse.navbar-static-top {
    margin-top: 32px;
}
*/

nav.navbar.navbar-inverse.navbar-static-top a {
    color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active {
    color: #fff;
    background-color: #008dc6;
}
.navbar-brand img {
    position: absolute;
    top: 12px;
}
.navbar {
    margin-bottom: 0 !important;
}
section#counter img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
}
div.triangle {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 30px solid #008dc6;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 50px;
    right: -10px;
}
section#participate {
    background: url(assets/img/participate.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 200px;
}
.btn-primary.raised {
    color: yellow;
    background-color: rgba(0, 0, 0, .7);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.8);
    border: none;
    padding: 15px 30px;
}
.btn-primary.raised:active,
.btn-primary.raised.active {
    background: rgba(0, 0, 0, 0.701961);
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}
.section-heading {
    margin-bottom: 40px;
    font-weight: 700;
}
.text-white {
    color: #fff;
}
.circle {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 30px;
    line-height: 80px;
}
.dk-blue-bg {
    background-color: #174c9d;
}
.orange-bg {
    background-color: #ec4f3d;
}
.yellow-bg {
    background-color: #f7c93e;
}
.light-blue-bg {
    background-color: #c0dded;
}
section#home-navigation-button .row {
    padding: 50px 0;
}
section#sponsors {
    padding: 40px 0;
    min-height: 300px;
}
section#sponsors img {
    width: 100%;
    height: auto;
}
section#sponsors h4 {
    text-transform: uppercase;
    text-align: center;
}
section#sponsors .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #282d32;
    cursor: default;
    background-color: #f7c93e;
    border: 1px solid #f7c93e;
    /*border-bottom-color:transparent;*/
    
    text-transform: uppercase;
}
section#sponsors .nav-tabs {
    border-bottom: 1px solid #f7c93e;
}
section#sponsors .nav-tabs li a {
    color: #808080;
    text-transform: uppercase;
}
footer a .fa {
    font-size: 30px;
    padding: 10px;
    color: #fff;
}
footer .fa.fa-chevron-up {
    font-size: 20px !important;
}
section#primary.content-area {
    /* margin-top: 80px; */
    
    margin-bottom: 40px;
}
footer {
    /* background-color: rgba(0, 0, 0, 0.701961); */
    
    background-color: #222222;
    color: #ffffff;
    padding: 40px;
}
footer.entry-footer,
footer.comment-meta {
    background-color: #fff;
    padding: 10px;
}
footer .copyright {
    text-align: center;
    padding-top: 20px;
}
.countdown-class {
    width: 80%;
}
ul.dropdown-menu {
    background-color: rgba(0, 0, 0, .7) !important;
    margin-top: 14px !important;
}
.dropdown-menu>li>a:hover {
    background-color: #337ab7;
}
.the-card {
    /* border: 5px solid #008dc6; */
    
    border: 5px solid #e2e2e2;
    padding: 10px;
    margin-bottom: 10px;
}
.entry-content img {
    max-width: 100%;
    height: auto;
}
h2.comments-title {
    margin-top: 50px;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
    /*margin-left: 10px;*/
    
    width: 50%;
}
.not-found-bg {
    background-color: #018a52;
}
div.row.margin-top-80 {
    margin-top: 80px;
}
[id^="shailan-countdown-"] {
    font-size: 20px;
    margin-top: 40px !important;
}
[id^="shailan-countdown-widget-"] {
    margin-bottom: 40px;
    margin-top: 0 !important;
}
[class^="sbwg_standart_thumb_spun"] {
    color: #fff !important;
}
.tnp-widget-minimal input.tnp-submit {
    background-color: #0099ce !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
    color: #fff !important;
    background-color: rgba(0, 0, 0, .7);
    font-family: 'Montserrat', sans-serif !important;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.timer {
    background-color: #FFC72C;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
section#counter h2 {
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 40px;
    margin: 0 0 40px;
}
.ubermenu-skin-vanilla .ubermenu-submenu.ubermenu-submenu-drop {
    /* background: rgba(0, 0, 0, 0.7) !important; */
    
    background-color: #222222 !important;
    border: none !important;
}
.ubermenu-skin-vanilla .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-vanilla .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-vanilla .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #0099ce !important;
    background: transparent;
}
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
    background: transparent !important;
    color: #3c763d;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}
.ubermenu-main,
.ubermenu-main .ubermenu-target,
.ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target {
    font-size: 14px !important;
}
.uber-skin-vanilla.ubermenu-item-level-0:hover >.ubermenu-target,
.ubermenu-skin-vanilla.ubermenu-level-item-0.ubermenu-active >.ubermenu-target {
    color: #fff !important;
}
.ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
    color: #008dc6 !important;
}
.back-to-top {
    background-color: rgba(0, 141, 198, .5);
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    padding: 0;
    font-size: 12px;
}
.btn-square {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 50px;
    padding: 0;
}
h2.entry-title {
    margin-top: 0 !important;
}
.separate-post {
    margin: 40px 0;
}
div.panel-heading {
    text-align: center !important;
}
.btn.btn-danger.btn-lg.sponsor-btn {
    margin: 6px 0 10px !important;
}
ul#menu-secondary.center-block {
    display: table !important;
    margin-right: auto;
    margin-left: auto;
}
ul#menu-secondary a {
    color: #fff;
}
section#news p {
    text-align: justify;
    margin-top: 20px;
}
div small {
    visibility: hidden;
}
aside img {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
}
.news-link {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.tp-open{
	z-index:0!important;
}

section#marathon-header{
    text-align: center;
    min-height: 400px;
}

section#marathon-header h1{
    color: #ffffff;
    display: block;
    margin: 50px auto 20px;
    font-size: 48px;
    width: 650px;
}

section#marathon-header h2{
	color: #ffffff;
    margin-top: 0 !important;
    text-transform: uppercase;
    font-size: 38px;
    margin-bottom:20px;
}
section#marathon-title{
    text-align: center;
    min-height: 150px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

section#marathon-title h1{
    margin-top:50px;
    color: #ffffff;
}

section#marathon-header h1 span{
    font-size: 72px;
}

section#marathon-collection{
    background-color: #222222;
    text-align: center;
}

section#marathon-collection h2{
	color: #008dc6;
   	text-transform: uppercase;
    margin: 20px 0;
}

section#marathon-collection .col-sm-4 {
   padding-top:40px;
    padding-bottom:40px;
}


section#marathon-collection .col-sm-4:nth-child(odd) {
    background: #e3e3e3;
}

section#marathon-collection .col-sm-4:nth-child(even) {
    background: #ffffff;
}

section#marathon-race .col-md-4{
	background-color: #ffc72c;
    min-height: 385px;
}

section#marathon-race{
	background-color: #ffc72c;
}

section#marathon-race h3, section#marathon-race h4, section#marathon-race p{
	padding-left:40px;
}

section#marathon-race h3{
	font-size: 32px;
    padding-top: 40px;
    margin-top: 0 !important;
}
section#marathon-race h4{
	font-size: 24px;
   
}

section#marathon-race p{
	color: #ffffff;
    font-size: 18px;
}

section#marathon-race p:last-child{
	padding-bottom: 40px;
}

section#marathon-schedule .row:first-child{
	background-color: #222222;
}

section#marathon-schedule h2{
	color: #ffc72c;
   	text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

section#marathon-collection p {
	color: #3366ff;
}

section#marathon-collection .widget {
	margin-bottom: 0 !important;
}

section#marathon-requirement .row:first-child{
	background-color: #222222;
}

section#marathon-requirement h2{
	color: #ffc72c;
   	text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

section#marathon-requirement .col-sm-3:nth-child(odd) {
    background: #ffffff;
}

section#marathon-requirement .col-sm-3:nth-child(even) {
    background: #e3e3e3;
}

section#marathon-requirement h3 {
	margin-bottom: 20px;
}


.text-red{
	color: red;
}

section#marathon-requirement p:last-child{
	padding-bottom: 20px;
}

.num-cir{
	border: 2px solid #222222;
    color: #222222 !important;
    height: 50px;
    line-height: 50px;
    width: 50px;
    display: block !important;
    margin: auto !important;
    border-radius: 25px;
    font-size: 25px;
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    }
    .navbar-static-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    ul.nav.navbar-nav.navbar-right {
        font-size: 12px;
    }
    .countdown-class {
        width: 100%;
    }
    #participate >.container >.row a {
        margin-bottom: 20px;
    }
    .timer {
        position: relative;
    }
    .center-nav {
        display: table !important;
        margin: 0 auto !important;
    }

    #pbim-logo {
        max-width: 80%;
        height: auto;
        margin-top: -10px;
    }
    section#counter img:last-child {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        padding: 0 0 40px;
    }
}
@media (max-width: 1280px) {
    .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
        background: transparent !important;
        color: #3c763d;
        font-size: 10px;
        text-transform: none;
        font-weight: normal;
    }
    .ubermenu-main,
    .ubermenu-main .ubermenu-target,
    .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target {
        font-size: 12px !important;
    }
}
@media (max-width: 768px) {
    ul.dropdown-menu {
        margin-top: 0px !important;
    }
    #pbim-logo {
        max-width: 80%;
        height: auto;
        margin-top: 0;
    }
    nav.navbar.navbar-inverse.navbar-static-top {
        background-color: #222222;
    }
    section#marathon-header h1{
    color: #ffffff;
    display: block;
    margin: 50px auto 40px;
    font-size: 32px;
    width: 250px;
    }
    
    section#marathon-header h2{
        font-size: 32px;
    }
    
    section#marathon-header h1 span{
        font-size: 40px;
    }
    section#marathon-header{
    min-height: 380px;
}
}
@media (min-width: 1920px) {
    .blue-bg {
        background-color: #008dc6;
        min-height: 385px !important;
    }
}

@media (max-width:320px){
    [id^="shailan-countdown-"] {
        font-size: 16px !important;
        margin-top: 40px !important;
    }

}

#shailan-countdown-widget-4 h2 {
 	display: none;   
}