/* 
-------------------------------------------
BS - CSS
-------------------------------------------
*/

/* Generic */
.center{ text-align: center; }
.mt1 { margin-top: 1em; }
.my3 { margin-top: 3em; margin-bottom: 3em; }
.bs_button{
	border: 3px solid;
	font-size: 1.2em;
	padding: 9px 48px 9px;
	display: inline-block;
	text-align: center;
}
.bs_button:hover{
	background: #0d7c46;
	color: white;
}

/* GRID */
.grid {
	display: grid;
	grid-gap: calc(.5vmin + .5vw + 1rem) calc(.5vmin + .5vw + 1rem);
	grid-template-columns: repeat(1,1fr);
	grid-auto-flow: dense;
}

.cell_1 { grid-column-end:span 1; }
.cell_2 { grid-column-end:span 2; }
.cell_3 { grid-column-end:span 3; }

/* Min Widths */
@media (min-width: 15em) {
	.grid_2 {
		grid-template-columns:repeat(1,1fr)
	}
	.grid_4 {
		grid-template-columns:repeat(2,1fr)
	}
}

@media (min-width: 31em) {
	.grid_2 {
		grid-template-columns:repeat(1,1fr)
	}
	.grid_4 {
		grid-template-columns:repeat(2,1fr)
	}
}

@media (min-width: 47em) {
	.grid_2 {
		grid-template-columns:repeat(2,1fr)
	}
	.grid_4 {
		grid-template-columns:repeat(4,1fr)
	}
}

@media (min-width: 60em) {
	.grid_2 {
		grid-template-columns:repeat(2,1fr)
	}
	.grid_4 {
		grid-template-columns:repeat(4,1fr)
	}
}

/* Max Widths */
@media (max-width: 47em) {
	.grid_4 .cell_1 { grid-column-end:span 3; }
}


/* Instructor Profile page */
body.page-template-template-instructor-my-profile{
	height: auto;
}

body.page-template-template-instructor-my-profile .acf-form tbody.ui-sortable .row:before {
    display: none;
}
body.page-template-template-instructor-my-profile .acf-form #poststuff {
    min-width: auto;
}

body.page-template-template-instructor-my-profile .social-details {
    margin: 2em 0 2em;
    background: #efefef;
    padding: 10px;
}

body.page-template-template-instructor-my-profile .social-details h3.profile-title {
    margin-right: 2%;
    width: 34%;
    display: inline-block;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    font-size: 1.4em;
    text-align: right;
    color: #0d7c46;
}

#content .acf-form .acf-tab-group li{
	padding-bottom: 0;
}
.acf-form input[type="submit"]{
	color: #ffffff;
	font-weight: 700;
	font-size: 1.143em;
	padding: 12px 35px;
	display: block;
	background-color: #0d7c46;
	border: none;
	cursor: pointer;
}
.acf-form input[type="submit"]:hover{
	background-color: #006F39;
}

.acf-form input.button.add-image {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    height: 28px;
    padding: 0 11px 1px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    background: #2EA2CC;
    border: #0074A2 solid 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}

.acf-form input.button.add-image:hover {
    background-color: #298CBA;
    color: #fff;
}


.profile-details li span.profile-title {
    margin-right: 2%;
    display: inline-block;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    font-size: 1.4em;
    text-align: right;
}

/* Instructor training page */
#instructor_course_price {
    padding: 2em 1em;
    margin: 0 0 2em;
    background: #0c7c46;
    text-align: center;
    color: white;
}

#instructor_course_price .bs_button{
	color: white;
}

#instructor_course_price .bs_button:hover{
	background: #87ce42;
}


/* Instructors All Cities Page */
.cities{
	margin: 3em 0;
}
.grid.grid_4.cities {
    grid-gap: calc(.5vmin) calc(.5vmin);
}


/* Instructors Single City Page */

.city a {
    background: #78b942;
    margin: 0.5em;
    display: block;
    text-align: center;
    color: white;
    padding: 0.5em;
}

.city a:hover{
	background: #0c7c46;
}

.instructors {
	margin: 3em 0;
}

.instructor {
    padding: 10px;
    border: solid 1px;
}

.instructor img{
	margin: auto;
	border-radius: 50%;
}

/* Instuctor link shortcode */
.instructors_link {
    padding: 10px;
    background: #efefef;
    margin-bottom: 1.4em;
}


/* Single Instructor page */
.profile_image{
    background-size: cover;
    background-position: center;
    padding-bottom: 100%;
}

.gallery_image {
    background-size: cover;
    background-position: center;
    padding-bottom: 66.67%;
}

.instructor-user {
	margin: 3em 0;
}
.instructor-user .profile_image img {
	max-width: 16em;
	border: 1px solid #d8d8d8;
}
.instructor-user .social-icons li {
	display: inline-block;
    margin-right: 1em;
	list-style: none;
}
.instructor-user .social-icons li a {
	font-size: 2em;
}
.instructor-user .gallery img {
	border: 1px solid #d8d8d8;
}

/* Cart/Checkout page */
.finContent a {
    margin-right: 1em;
    color: #87ce42;
}
.finContent a:hover {
    color: #0d7c46;
}

.about-me {
    word-wrap: break-word;
}