/*
Theme Name: GOJU Karate Australia
Template: twentyseventeen
*/

@import url('https://fonts.googleapis.com/css?family=Permanent+Marker|Sriracha|Montserrat');
@import url('../twentyseventeen/style.css');

/*

font-family: 'Sriracha', cursive;
font-family: 'Permanent Marker', cursive;
.font-1 { font-family: 'Sriracha', cursive; }
.font-2 { font-family: Tempsitc; }

*/

h1, h2, h3, h4, h5, h6 {
    
    font-family: Tempsitc;
    
}
*, html, body, p, div, span, ul, li, ol, a, strong {
    
    font-family: 'Montserrat', sans-serif;
    
}

.gradient {
    
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    
}

.text-color-dark { color: #555; }


/*

--general --common

*/

.featherlight .featherlight-content {
    
    overflow: initial !important;
    
}

.featherlight .featherlight-close {
    
    width: 28px;
    height: 28px;
    top: -14px;
    right: -14px;
    color: #fff;
    border: 2px solid #fff;
    background: #ae2619;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
}


#content {

	padding: 3em 0;

}

.bg-img-contain, .bg-img-cover {
    
    min-height: 650px;
    
}

.bg-img-cover {
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.bg-img-contain {
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    
}

/*

--header
-- nav

*/

#nav-logo img {

	height: 100px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}

#nav-logo img:hover {
    
    -webkit-box-shadow: 0 0 20px 0 #000000;
    box-shadow: 0 0 20px 0 #000000;
    
}

.main-navigation li {

	font-size: 19px;
	border-bottom: 0px;

}
.main-navigation li i {

	color: #222;

}

.main-navigation li a {

	font-family: Tempsitc;
	padding: 0px 12px;

}

.main-navigation li:hover > a {

	color: #891120;

}

.main-navigation ul .sub-menu {
    
    background-color: rgba(255,255,255,.5);
    font-family: 'Montserrat', sans-serif;
    
}

.navigation-top.shrink ul .sub-menu {
    
    background-color: rgba(255,255,255,1);
    
}

.main-navigation ul ul li:hover {
    
    background: rgba(255,255,255,0.8);
    
}

.main-navigation ul ul li:hover > a {
    
    color: #891120;
    
}

.main-navigation ul ul a {
    
    width: auto;
    min-width: 150px;
    text-align: center;
    font-size: 15px;
    padding: 5px 10px;
    width: 200px;
    font-family: 'Montserrat', sans-serif;
    
}

.main-navigation ul ul {
    
    padding: 5px 0px;
    
}

.dropdown-toggle::after {
    
    display: none;
    
}

.sticky-nav-top {

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: initial;

}

.sticky-nav-top.shrink-logo {

	border-bottom-color: #555;
	-webkit-box-shadow: 0 0 20px 0 #555;
	box-shadow: 0 0 20px 0 #555;

}

.sticky-nav-top.shrink-logo #nav-logo img {

	height: 70px;

}

.just-a-white-block {
/*
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
    z-index: 19;
    height: 100px;
*/
    background-color: #fff;

}

.navigation-top {

	z-index: 20;
	border-top: 0px;
	
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
    bottom: initial;
    background-color: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 0 0 #FFFFFF;
    box-shadow: 0 0 0 0 #FFFFFF;
    -webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

}

.navigation-top.shrink {
    
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 20px 5px #FFFFFF;
    box-shadow: 0 0 20px 5px #FFFFFF;
    
}

.navigation-top.shrink #nav-logo img {
    
    height: 70px;
    
}

#mobile-nav {
  
  text-align: center;
  
}
#mobile-nav li {
  
  display: inline-block;
  
}
#mobile-nav li a {
  
  font-size: 16px;
  
}

.site-content-contain {

	z-index: 10;

}

.site-branding {
    
    margin-bottom: 0px !important;
    padding: 38px;
    
}

.site-branding .wrap {
    
    padding-left: 0px;
    padding-right: 0px;
    
}

.site-branding-text {
    
    display: block !important;
    
}


.site-branding-text h1 {
    
    text-align: center;
    
}

.site-branding-text a {

	color: #222 !important;
	font-family: Tempsitc;
	text-shadow: 0 0 10px #FFFFFF;

}

.entry-title {
    
    font-size: 1.625rem !important;
}

.page:not(.home) .site-branding { display: none; }

#masthead .just-a-white-block { height: 53px; }

@media screen and (min-width: 768px) {
    
    #masthead .just-a-white-block { height: 122px; }
    
}

#fixed-top-contact {

    /*
    -webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;

	border: 2px solid #2c3e50;
    border-top: 0px;
    */

    position: fixed;
    top: 30px;
    left: 25px;
    z-index: 10;
    background-color: rgba(255,255,255,0);
    padding: 35px 25px;
    margin: 0px;
    width: 250px;
    background-image: url(/wp-content/uploads/2018/12/dry-brush-stroke-2-1024x384.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    display: none;

}

#fixed-top-contact li {

    list-style-type: none;
    display: inline-block;

}

#fixed-top-contact li a {

    color: #FFFFFF;

}

#fixed-top-contact li a:hover {

    color: #e74c3c;

}

.custom-header .gradient {
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -10px;
    z-index: 2;
    
}

#header-cta {
  
  display: block;
  position: absolute;
  top: calc(50% - 140px);
  left: 0px;
  z-index: 9;
  
}
/*
#header-cta ul {
  
    margin-top: calc(50vh - 122px);
    width: 90px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  
}
*/
#header-cta ul li {
  
  display: block;
  margin: 15px;
  text-align: center
  
}
#header-cta ul li a {
  
    background-color: #ae2619;
    color: #fff;
    border: 2px solid #fff;
    margin: 0px !important;
    padding:  14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 14px;
    display: block;
}
#header-cta i {
  
  vertical-align: -4px
}

.menu-scroll-down {
    
    display: none !important;
    
}

#cta-contact-form {
    
    background-color: rgba(255,255,255,0.8);
    padding: 20px;

}

.custom-logo-link {
    
    padding: 0px;
    
}

.custom-logo-link img {
    
    max-height: 95px;
    
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
  
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  
  border: 3px solid #000
    
}

.menu-toggle:focus { outline: none; }

.site-description {
    
    text-align: center;
    color: #ae2619 !important;
    
}

@media screen and (max-width: 767px) {
    
    #main-nav-container {
    
        max-height: calc(100vh - 52px);
        overflow-y: scroll;
        
    }
    
    .just-a-white-block {
        
        height: 52px;
        
    }
    
    .main-navigation li a {

    	padding: 10px !important;
    
    }
    
    #menu-item-452 { display: none; /* logo */ }
    
    .main-navigation.toggled-on #top-menu {
    
        display: block;
        
    }
    .main-navigation.toggled-on #top-menu li{
    
        text-align: center;
        
    }
    
}

/*

--footer

*/

.site-footer {

	margin-top: 0px;

}

#footer-logo {

	height: 70px;

}

#footer-social-media-links a:hover {

	color: #e74c3c;

}


/*

--homepage

*/

.page.page-id-11 .site-content {

	padding: 0px;

}

#home-hero, .owl-stage-outer, .owl-stage, .owl-item {

	height: 100%;

}

#home-hero {

	position: fixed;
	top: 0; /* 70 */
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	position: relative;

}

#home-gallery .owl-item {

	height: 170px;

}

#home-gallery .owl-item img {

	object-fit: cover;
	object-position: center;
	height: 100%;
    border: 4px solid #000;

}

.mini-contact-form input[type="text"], .mini-contact-form input[type="email"], .mini-contact-form textarea {
  
    padding: 5px 15px;
  
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 0px;
  
  border: 2px solid #000;
  font-size: 14px;
    
}


.page.page-id-7 .mini-contact-form input[type="submit"] {
  
    font-size: 20px;
    padding-top: 17px;
  margin-top: 0px;
    
}

.mini-contact-form br {
  
  display: none;
    
}

.gd_calendar_bar input,
.gd_calendar_bar button,
.gd_calendar_search_box {
  
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  
}
.gd_calendar_hour { color: rgba(0,0,0,0) !important; }
.gd_calendar_list td { height: 0px !important; }
.gd_calendar_no_event, .gd_calendar_no_event ~ td { display: none; }


@media screen and (max-width: 767px) {
    
    #home-hero { 
        
        top: 52px;
        height: calc(100% - 52px);
        
    }
    
    .gd_calendar_event_box_filter,
    .gd_calendar_search_box {
    
      width: 47.8% !important;
      
    }
    .gd_calendar_event_view_box {
      
      display: none !important;
      
    }
    
}

/*

--about-us

*/

.profile-pic > div {

	overflow: hidden;
	background-color: #ccc;
	height: 200px;
	width: 200px;
	margin: 0px auto;
	background-image: url('/wp-content/uploads/2018/11/Person-placeholder.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}
.profile-pic > div:hover {

	-webkit-box-shadow: 0 0 20px 0 #7b151b;
    box-shadow: 0 0 20px 0 #7b151b;

}
.profile-pic img {

	object-fit: cover;

}



/*

--training

*/

.page.page-id-13 #content {

	padding-bottom: 0px;

}

/*

--contact-us

*/

.page.page-id-11 #content {

	padding-top: 0;
	padding-bottom: 0;

}

.page.page-id-7 form input[type="submit"],
.page.page-id-11 form input[type="submit"] {

    background-image: url(/wp-content/uploads/2018/12/dry-brush-stroke-2-1024x384.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: rgba(0,0,0,0);
    font-family: Tempsitc;
    letter-spacing: 1px;
    font-size: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top: 20px;

}

.page.page-id-11 form label {

    font-family: Tempsitc;

}

.training-location-card {

	padding-bottom: 56px;
	background-color: #f5f5f5;

}

.training-location-card .card-body > div:last-child {

	position: absolute;
	bottom: 16px;
	left: 20px;
	right: 20px;

}

.training-location-card img {

	height: 200px;
	object-fit: cover;
	object-position: center;
	
}

.training-location-card ul li {

	list-style-type: none;

}

/*

--events

*/

.event_view.gd_calendar_body .posts_link {
    
    display: none;
    
}