/*
 Theme Name:   JKA-Chicago	
 Theme URI:    https://jka-chicago.com
 Description:  Theme for Japan Karate Association Chicago
 Author:       Ivan Lo
 Author URI:   https://ivanlo.com
 Template:     generatepress
 Version:      0.1
*/

/*-BEGIN GENERAL------------------------------------------------------------*/

.alert {
	background-color: #f1f9ff;
	text-align: center;
	padding: 30px;
	margin-bottom: 50px;
}

.left, .right {
	width: 49%;
}

.left {
	float: left;
}

.right {
	float: right;
}

@media only screen and (max-width: 950px) {
	.left, .right {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 768px) {
	.left, .right {
		width: 49%;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}
}

@media only screen and (max-width: 480px) {
	.left, .right {
		width: 100%;
		float: none;
	}
}

.entry-title {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 25px;
}

.page-id-27 .entry-title, .page-id-608 .entry-title, .page-id-631 .entry-title {
	border-bottom: none;
	padding-bottom: 0;`
}

.su-tabs {
	padding: 0 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
}

.su-tabs-nav span.su-tabs-current, .su-tabs-vertical .su-tabs-panes .su-tabs-pane {
	background: #f5f5f5 !important;
}

.su-tabs-nav span.su-tabs-current{
	border-left: 5px solid #1B83CB !important;
}

.su-tabs-vertical .su-tabs-nav > span {
	border-left: 5px solid #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.su-tabs-vertical .su-tabs-nav > span:hover {
	border-left: 5px solid #f5f5f5;
}

.su-tabs-nav span:hover {
	background-color: #f5f5f5 !important;
}

.su-tabs-vertical .su-tabs-nav > span {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

input[type="submit"] {
	background-color: #1B83CB;
	text-transform: uppercase;
	transition: 0.5s;
	font-weight: 600;
	font-size: 16px;
}

.footer-widgets {
	background-color: #333;
	color: #e5e5e5;
	font-size: 14px;
}

.footer-widgets a {
  text-decoration: none;
  color: #e5e5e5;
}

.footer-widgets img {
	margin-right: 10px;
	height: 18px;
	margin-bottom: 20px !important;
	transition: 0.5s;
	opacity: 0.65;
}

.footer-widgets img:hover {
	transition: 0.5s;
	opacity: 1;
}

.inside-site-info {
	display: none;
}

.site-footer .footer-widgets-container .inner-padding {
	padding: 0 0 0 15px;
}

.inside-footer-widgets {
	display: grid;
	grid-template-columns:  1fr repeat(2, 1.5fr); 
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px; 
}

@media only screen and (max-width: 480px) {
	.inside-footer-widgets {
		display: inline-block;
	}
	
	.footer-widget-1 {
		width: 50%;
		float: left;
	}
	
	.footer-widget-2 {
		width: 50%;
		float: right;
	}
	
	.footer-widget-3 {
		width: 100%;
	}
	
	.footer-widget-1, .footer-widget-2, .footer-widget-3 {
		text-align: left !important;
		border-left: none !important;
	}
}

.footer-widget-1, .footer-widget-2 {
	border-left: 5px solid #1B83CB;
}

.footer-widget-3 {
	text-align: right;
}

/*-END GENERAL--------------------------------------------------------------*/

/*-BEGIN NAV----------------------------------------------------------------*/

.main-navigation a {
	display: block;
	font-weight: 600;
	font-size: 13px;
	transition: 0.5s !important;
}

.main-navigation a:hover {
	transition: 0.5s !important;
}

.main-navigation .main-nav ul ul li a {
	font-size: 13px;
}

.main-navigation ul ul {
	box-shadow: none;
	top: 48px !important;
}

.menu-item-has-children {
	margin-right: 20px;
}

.menu-item-has-children .dropdown-menu-toggle {
	display: none;
}

.menu-item-44 a {
	padding-right: 0 !important;
}

@media only screen and (max-width: 1090px) {
	.menu-item-44 a {
		padding-right: 20px !important;
	}
}

@media only screen and (max-width: 768px) {
	.site-header .header-image {
		width: 200px;
	}
}

/*-END NAV------------------------------------------------------------------*/

/*-BEGIN HOME---------------------------------------------------------------*/

.page-id-227 .entry-header {
	display: none;
}

.page-id-227 .inside-article {
	padding-top: 0;
	padding-bottom: 0;
}

.page-id-227 #main {
	margin: 5px 20px 0;
}

.page-id-227 .entry-content {
	margin-top: 0 !important;
}

.page-id-227 h2 {
	font-weight: 400 !important;
	color: #d8d8d8 !important;
}

.home-description {
	display: none;
}

@media only screen and (max-width: 950px) {
	.home-slider-description {
		display: none;
	}
	
	.home-description {
		display: inline-block;
		font-size: 16px;
	}
	
	.home-slider-title h1 {
		font-size: 30px !important;
	}
}

@media only screen and (max-width: 700px) {
	.home-slider-title h1 {
		font-size: 35px !important;
	}
}

/*-END HOME-----------------------------------------------------------------*/

/*-BEGIN GALLERY------------------------------------------------------------*/

.su-custom-gallery-slide img {
	padding: 0 !important;
	border-radius: 0 !important;
	border: none !important;
}

@media only screen and (max-width: 480px) {
	.su-custom-gallery-slide {
		width: 180px;
	}
}

.su-custom-gallery-slide:hover img {
	border: none !important;
}

.wp-element-caption {
	display: none;
}

/*-END GALLERY--------------------------------------------------------------*/

/*-BEGIN INSTRUCTORS--------------------------------------------------------*/

.instructor-heading {
	border-left: 5px solid #1B83CB;
	padding-left: 10px;
}

.instructor-name {
	text-transform: uppercase;
	font-size: 24px;
	margin: 20px 0 3px;
	font-weight: 700;
}

.instructor-title {
	font-size: 18px;
	color: #9a9a9a;
}

.instructor-photo img {
	width: 100%;
}

.instructor-bio {
	background-color: #f5f5f5;
	padding: 10px 15px;
}

.instructor-bio p:last-child {
	margin-bottom: 0;
}

/*-END INSTRUCTORS----------------------------------------------------------*/

/*-BEGIN SCHEDULE-----------------------------------------------------------*/

.schedule-heading {
	border-left: 5px solid #1B83CB;
	padding-left: 10px;
}

.schedule-event {
	text-transform: uppercase;
	font-size: 24px;
	margin: 20px 0 3px;
	font-weight: 700;
}

.schedule-time {
	font-size: 18px;
	color: #9a9a9a;
}

.schedule-info {
	background-color: #f5f5f5;
	padding: 10px 15px;
	margin-bottom: 50px;
}

.schedule-info p:last-child {
	margin-bottom: 0;
}

/*-END SCHEDULE-------------------------------------------------------------*/

/*-BEGIN CONTACT------------------------------------------------------------*/

.contact-us {
	margin-top: -7px;
	font-size: 16px;
}

.contact-us input[type="text"], .contact-us input[type="email"], .contact-us textarea {
	width: 100%;
}

.contact-us-required {
	color: #ff0000;
}

/*-END CONTACT--------------------------------------------------------------*/