/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* Add your custom CSS below */

/*
.sh-header-mobile-navigation .header-logo img {
	max-width: 100%;
}
*/


/* Accent color classes */

.af-accent {
	color: #555980!important;
}
.af-accent:hover {
	color: #22297B!important;
}

/*--------------------------*/

#content .post-meta-data {
    display: none;
}

div.about-picture img{
	max-width: 256px;
}

/* For Header */

.sh-header-mobile #header-logo-title {
	margin-left: 10px;
}
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) #header-logo-title a, 
.primary-desktop-light .sh-header:not(.sh-sticky-header-active) #header-logo-title a {
	color: white;
}

.sh-header-mobile-navigation .header-logo img {
 max-width: none;
}

.header-logo-container {
	flex-basis: auto;
}

#header-logo-title {
	flex-basis: auto;
	font-family: "Roboto";
	font-size: 14px;
	font-weight: normal;
}

#header-logo-title i {
	position: relative;
	top: 2px;
	padding-right: 5px;
}

.sh-header #header-logo-title.sh-heading-font {
	color: #555980;
}

/* Image overlays */
.sh-team-social-overlay2 .sh-team-image:hover .sh-team-overlay2, 
.sh-overlay-style1, 
.sh-portfolio-overlay4, 
.sh-single-image-overlay {
	background-color: rgba(85, 89, 128, 0.3) !important;
}

.sh-event {
	border-bottom: none;
}

.sh-event-container > :last-child {
	margin-top: 10px;
}

/* For BLOG title */
.af-blog-title {
	padding-top: 60px;
}

/* For Mobile Search String */
.header-mobile-search .header-mobile-form .header-mobile-form-input {
	font-size: 18px;
	font-weight: normal;
}

/* For front page */

@media (max-width: 767px) {
	div#front-title {
		font-size: 30px !important;
		line-height: 40px !important;
		text-align: center !important;
		white-space: pre-line !important;
		width: 95vw;
		top: 30px !important;
	}
}

/* For Team Intro Pages */

 #team-intro-contact-phone{
	font-size:16px;
}

#team-intro-contact-mail{
	font-size:16px;
	margin-top:5px;
}

#team-intro-contact-phone a i{
	font-size:20px;
	padding-right:10px;
	position: relative;
	bottom: -3px;
}

#team-intro-contact-mail a i{
	padding-right:10px;
	font-size:20px;
	position: relative;
	bottom: -3px;
}

.team-intro-info .sh-output-html{
	padding-top:15px;
}

@media (max-width:1024px){

	#team-intro-contact-mail a i{
		padding-left:15px;
	}
	
	#team-intro-contact-phone a i{
		padding-left:15px;
	}
	
}

/* For Button shortcode */

#button-standart .sh-button {border-radius: 32px;background-color: #e8e8e8;color: #505050;}
#button-standart {margin: 0px 0px 15px 0px;}
#button-standart:not(.sh-button-style-2) .sh-button:hover {background-color: #555980;color: #ffffff;}
#button-standart.sh-button-style-2 .sh-button:after {background-color: #555980;}
#button-standart.sh-button-style-2 .sh-button:hover {color: #ffffff;}

/* Training Schedule */

.sh-tabs-filter li a {
	padding-left: 0;
	padding-right: 20px;
}
.sh-tabs-filter li a:after {
    right: 20px;
	left: 0px;
}

div.af-schedule > hr {
	margin: 0 0;
	border-top: 1px solid #eeeeee;
}
@media (min-width:  768px) {

	div.af-schedule {
		display: grid;
		grid-template-columns: fit-content(33%) fit-content(33%) 1fr;
		grid-template-rows:auto;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	div.af-schedule > hr {
		    grid-column: span 3;
	}
}
@media (max-width: 767px) {
	div.af-schedule {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
}
/*-------------------*/