/*
Theme Name: Surfy - Child
Author: GT3themes
Author URI: http://gt3themes.com
Description: -
Version: 1.0
Template: surfy
*/
@import url("../surfy/style.css");

/* 모바일 가로 스크롤  */
html, body {
max-width: 100%;
overflow-x: hidden;
}

/********** history **********/

.circle {
	border-radius: 999px !important;
	object-fit: cover;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 50%;
	top: 15px;
	margin: 0 0 0 -9px;
	margin-top: 5px;
	box-sizing: border-box;
	color: transparent;
}

.vc_row.wpb_row.vc_row-fluid.cm_history.vc_row-has-fill {
	position: relative;
	padding-bottom: 50px;
	overflow: hidden;
}

.cm_history:before {
	background: #ededed;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 135px;
	left: 50%;
	margin-left: -1px;
}

.step-itemwrap {
	margin-bottom: 30px;
}

.step-itemwrap .step-item.change {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-flow: row-reverse wrap;
	text-align: right;
}

.step-item {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	position: relative;
}

.step-itemwrap .step-item .step-image {
	color: transparent;
}

.step-itemwrap .step-item .step-image, .step-itemwrap .step-item .step-text {
	float: left;
	margin: 0;
	padding: 0 60px;
	width: 50%;
	box-sizing: border-box;
}


.step-itemwrap .step-item .step-image.right {
	padding: 0 60px;
	text-align: right;
}
.step-item .step-text h1 {
	font-size: 320%;
	line-height: 1;
	margin-bottom: 22px;
	box-shadow: 0 6px 6px -6px rgb(0 0 0 /40%);
}

@media screen and (max-width: 767px) {
    .main-line,
    .step-itemwrap .step-item .step-text .circle{left:30%}
    .step-itemwrap .step-item .step-image.right,
    .step-itemwrap .step-item .step-image.left{padding:0 10px;width:30%;text-align:left}
    .step-itemwrap .step-item .step-text{width:70%;padding:0 0 0 20px;float:right}
    .step-itemwrap .step-item .step-image img{padding:4px!important}
    .step-itemwrap .step-item.change{display:block;text-align:left}
    .step-itemwrap .step-item.change .step-text h1{text-align:left}
}
@media screen and (max-width: 767px) {
    .main-line,
    .step-itemwrap .step-item .step-text .circle{left:15px}
    .step-itemwrap .step-item .step-image{display:none}
    .step-itemwrap .step-item .step-text{width:95%}
    .step-itemwrap .step-item .step-text h1{font-size:250%}
}

/********** Page Title **********/
/* About us Title */
.page-id-4410 .gt3-page-title {
	background-image: url("https://ymca.n88.codemshop.com/wp-content/uploads/2018/06/bg_contacts_title.jpg") !important;
}

/* Facility Title */
.page-id-4498 .gt3-page-title {
	background-image: url("https://ymca.n88.codemshop.com/wp-content/uploads/2018/05/revolution_home_01_1.jpg") !important;
}

/* Program Title */
.page-id-790 .gt3-page-title {
	background-position: bottom -430px center !important;
}

/* Booking Title */
.page-id-5124 .gt3-page-title {
	background-image: url("https://ymca.n88.codemshop.com/wp-content/uploads/2018/06/bg_shortcode_title.jpg") !important;
	height: 179px !important;
}

/* Service Title */
.page-id-4365 .gt3-page-title {
	background-image: url("https://ymca.n88.codemshop.com/wp-content/uploads/2018/06/bg_gallery_title.jpg") !important;
}

/* Blog Title */
.page-id-4619 .gt3-page-title {
	background-image: url("https://ymca.n88.codemshop.com/wp-content/uploads/2018/05/img_gallery_02.jpg") !important;
}

/* Contact Title */
.page-id-4650 .gt3-page-title {
	background-image: url("https://ymca.n88.codemshop.com/wp-content/uploads/2018/05/gallery_img_04.jpg") !important;
}


/* Page title Text */
@media only screen and (max-width: 767px) {
    .page_title h1 {
        font-size: 40px !important;
    }
    
    .about-us-title h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 425px) {
    .page_title h1 {
        font-size: 34px !important;
    }
    
    .about-us-title h2,
	.contact-title-mobile h3 {
        font-size: 26px;
    }
}

/********** Practice thumnail **********/

.gt3-single-practice_thumbnail {
	display: none;
}

/********** Practice **********/
.practice {
	padding: 10px;
	padding-bottom: 0;
}
.spacing-bottom {
	padding: 80px 0;
}

@media only screen and (max-width: 767px) {
	.practice {
		padding: 0;
	}
	.spacing-bottom {
		padding: 10px 0;
	}
}

/********** Blog **********/
.category-blog .blog_post_media {
	display: none;
}

.single #main_content > .blog_post_preview .blog_content {
	max-width: 700px;
	margin: 0 auto !important;
}

/********* Page Spacing **********/
/* @media only screen and (max-width: 425px) {
	.gt3_spacing .gt3_spacing-height_default {
		height: 50px !important;
}
} */

/********* Programs **********/
/*team title*/
.team_title h2 {
    font-size: 25px !important;
    line-height: 34px !important;
}

.team_info h5, .team_info span {
    font-size: 16px !important;
    font-weight: 400 !important;
}

/*Skills*/
.vc_row .vc_progress_bar:not(.vc_progress-bar-color-custom) .vc_single_bar .vc_label:not([style*="color"]) {
    font-weight: 400;
}

/* 예약페이지 */
.simcal-day {
	border-right: 1px solid #eee;
}
}