/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/


.btn-primary-orange {
	background-color: #df6626;
	margin-top: -70px;
	font-size: 40px;
	color: #fff;
	padding: 10px 25px;
	border: none;
	
} 

.btn-primary-orange a:hover {
	background-color: #000;
}

html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

.pan{
width: 100%;
overflow: hidden;
overflow-x:scroll;
}

.mobile_button {
font-size: 25px;
}

.btn-success,
.comment-reply-link {
  color: #ffffff;
  background-color: #000;
  border-color: #ccc;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-link.focus,
.comment-reply-link:active,
.comment-reply-link.active,
.open > .dropdown-toggle.comment-reply-link {
  color: #ffffff;
  background-color: #DF5148;
  border-color: #398439;
}
.tooltip-box {
  position: relative;
  
}
.tooltip-box .tooltip-text {
  visibility: hidden;
  width: 400px;
  color: #000;
  text-align: center;
  margin-top: -260px;
  padding: 6px 0;
  position: absolute;
  z-index: 1;
}
.tooltip-box:hover .tooltip-text {
  visibility: visible;
}

.walkins h1 {
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	-webkit-text-stroke: 2px #df6626;
	margin: 10px 0 0 60px;
	text-shadow: 2px 2px #000000;
}
	
	.youtube-bg {
		background-image: url(/wp-content/themes/hair-boot/img/tube-bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		min-height: 300px;
		padding: 20px;
		font-size: 18px;
	}
.row-line {
	border-bottom: solid 1px #ccc;
	margin-bottom: 2px;
}
.walks h2 {
	color: #fff;
	font-size: 44px;
	font-weight: bold;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	-webkit-text-stroke: 1px #df6626;
	text-shadow: 2px 2px #000000;
}

.treat {
	width: 100%;
	padding: 10px;
	background-color: #000;
	color: #fff;
}

.orange {
	color: #df6626;
}


.mega_main_menu.main_menu .nav_logo > .logo_link > img {
	max-height: 120% !important;
}

.mega_main_menu.main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown, .mega_main_menu.main_menu > .menu_holder > .menu_inner > ul > li > .mega_dropdown, .mega_main_menu.main_menu > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details {
    background-color: #ffffff;
	border: solid 1px #df6626;
}
.mega_main_menu li.widgets_dropdown > .mega_dropdown > li .mega_dropdown > li, .mega_main_menu li.multicolumn_dropdown > .mega_dropdown > li .mega_dropdown > li {
    display: block;
    width: 100%;
	border-bottom: dashed 1px #ccc;
}

body {
	padding: 0;
	margin: 0;
}

.front-page-text {
	font-size: 18px;
}
/* TOP PAGE STYLES */
.header {
	width: 100%;
	border-bottom: solid 2px #df6626;
	margin: -2px 0 -1px 0;
	background-image: url('/wp-content/uploads/2018/10/metal-top.png');
	background-color: #000;
	
}

.menu-space {
	margin-top: 15px;
	margin-bottom: 10px;
}
.top-bar {
	width: 100%;
	background-color: #000;
	padding: 5px 0 0 0;
	margin-bottom: -2px;
}

.icons p {
	margin: 0 0 -10px 0;
	
}
.logo {
	padding: 0 0 0 0;
	z-index: 9999;
	margin-bottom: -50px;
	position: relative;
}
/* END TOP PAGE STYLES */
/* LARGE SLIDE AREA */
.hero {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px 0 0 0;
	border-bottom: solid 2px #df6626;
	position: relative;
	z-index: 100;
}

.daily {
	padding-top: 65px;
}
.book {
	vertical-align: bottom;
	margin-top: 300px;
}
.welcome {
	width: 823px;
	min-height: 487px;
	background-image: url(/wp-content/themes/hair-boot/img/desk-min.png);
	background-repeat: no-repeat;
	text-align: right;
	float: right;
}
/* END LARGE SLIDE AREA */

ul.loc {
	margin: 20px 20px 0 0;
}

.loc li {
	list-style: none;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #ccc;
}


/* APPLY SECTION */
.apply {
	width: 100%;
	border-bottom: solid 2px #df6626;
	border-top: solid 2px #df6626;
	background: linear-gradient(#d1d0d0, #f2f0f0);
	padding: 5px 0 0 0;
	margin-top: -35px;
	position: relative;
	z-index: 99999;
}
.apply .alignright {
	margin: 0 0 0 20px;
}
.now-text {
	text-align: center;
	font-size: 18px;
	margin: 10px 0 0 0;
}
.now-title {
	margin: 15px 0 0 0;
}
/* END APPLY SECTION */
/* MALE SERVICES */
.services {
	width: 100%;
	padding: 25px 15px 25px 15px;
	background-image: url(/wp-content/themes/hair-boot/img/metal-bg.jpg);
}

.services:hover {
	background-image: url(/wp-content/themes/hair-boot/img/wood-bg.jpg);
	background-color: #000;
}

.white {
	background-color: #fff;
	width: 90%;
}
.service-title {
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 3em;
	text-align: center;
}



/*END MALE SERVICES */
/* LOCATION PAGES */

.location {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/metal-bg.jpg);
	background-color: #000;
	padding: 20px 0 30px 0;
	
}

.link_text {
	display: none;
}

.location1 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/westland.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}

.location2 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/auburn.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}

.location3 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/inner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.location4 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/inner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.location5 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/inner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.location6 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/inner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.location7 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/inner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.location8 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/brighton.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
}
.location9 {
        width: 100%;
        background-image: url(/wp-content/themes/hair-boot/img/inner.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        padding: 20px 0 30px 0;
        
}

.location10 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/shelby.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.location11 {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/brighton.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 30px 0;
	
}
.map-box {
	
	background-image:
    linear-gradient(
      #fff, #ccc
    );
	
	border-radius: 10px;
	border: solid 3px #df6626;
	padding: 15px;
	margin: 7px;
	box-shadow: 5px 3px 3px #000;
	
}

.map-box2 {
	
	background-image:
    linear-gradient(
      #fff, #ccc
    );
	
	border-radius: 10px;
	border: solid 3px #df6626;
	padding: 15px;
	margin: 7px;
	box-shadow: 5px 3px 3px #000;
	min-height: 530px;
}

.service-bord {
	
	border: solid 2px #000;
	border-radius: 10px;
}

.large-box {
	margin: 20px 0 20px 0;
	border: dashed 1px #ccc;
	padding: 10px;
	border-radius: 10px;
}

.app-page {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/app-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #000;
}

.blog-page {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/blog-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #000;
}

.wh-pg {
	background-color: #fff;
	border-radius: 20px; 
	margin: 10px;
}

/* STYLIST PAGE */

.stylist {
	background-image: url(/wp-content/themes/hair-boot/img/stylist-bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100%;
	
}

.pic-border {
	border: solid 5px #000;
}

.sm-border {
	border: solid 5px #df6626;
}

.light {
	color: #f1f1f1;
}

.name-box {
	background-color: #df6626;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: -10px 0 20px 0;
	border-radius: 10px;
}

.name-box a:link {
	color: #fff;
}

.name-box a:active {
	color: #fff;
}

.name-box a:visited {
	color: #fff;
}
.name-box a:hover {
	color: #000;
}

/*OUR STORY */

.story {
	
	background-image: url(/wp-content/themes/hair-boot/img/story-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
}

@media screen and (max-width: 768px) {
	.welcome {
	width: 100%;
	min-height: 250px;
	background-image: none;
	
	text-align: center;
	float: left;
}
	
.book {
	vertical-align: center;
	margin-top: 20px;
}	

}

/* END TOP STYLES */

/* FRONT PAGE MAIN AREA */

.main-front {
	background-image: url(/wp-content/themes/hair-boot/img/haircut-bg-min.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 650px;
	font-size: 18px;
	padding: 20px;
}

/* END FRONT PAGE MAIN AREA */

/* VIDEO AND IFRAMES */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	
	width: 100%;
	height: 100%;
}


.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	  
}
.videoWrapper2 iframe {
	
	width: 100%;
	height: 100%;
}

.sib-form {
	padding: 0;
}


.google-maps {
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
        
}
.google-maps iframe {
        width: 95% !important;
        height: 400px !important;
		overflow: hidden;
	border: solid 5px #ccc;
	border-radius: 10px;
}
/* END VIDEO AND IFRAMES */	
/* MAIN CONTENT AREA */



h2, h3 {
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; 
	
}
.screen-reader-text {
	display: none;
}



/* END MAIN CONTENT AREA */



/* END MAIN SLOGAN */


.equip {
	font-size: 18px;
}


.right {
	padding: 20px 0 0 0;
	text-align: right;
	
}
.fading {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fading:hover {
   opacity: 0.5;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
   opacity: 0.5;
}



.coupon-box {
	border: #fff dashed 3px;
	background-color: #ff7f00;
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 0 0 20px 0;
}

.coupon-box a:link {
	color: #fff;
}

.coupon-box a:active {
	color: #fff;
}
.coupon-box a:visited {
	color: #fff;
}
.coupon-box a:hover {
	color: #000;
}

.container-fluid .col-md-3, .container-fluid .col-lg-3, .container-fluid .col-sm-6 {
	padding: 0;
}
.container-fluid {
	padding: 0;
	
}


/* INNER PAGE */

.inner-page {
	
	width: 100%;
	margin-bottom: 20px;
}


select {
	padding: 10px;
}

.dmbs-main  {
	line-height: 2;
}

.bottom-bar {
	width: 100%;
	background-color: #861d17;
	color: #fff;
}

img {
	max-width: 100%;
	height: auto;
}

hr {
	border-top: 1px solid #ccc;
}

.brick {
	width: 100%;
	padding-top: 15px;
}

#shrink {
	transition: 1s ease;
	margin: 10px 0 10px 0;
}

#shrink:hover {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	transition: 1s ease;
	
}
hr.line {
	width: 20%;
	border-top: 1px #696a6c solid;
	float: left;
	text-align: left;
}



.front-box .col-md-4 {
	padding: 0;
}

.bottom-grey {
	width: 103%;
	background-color: #6f6b6c;
	padding-left: 55px;
	padding-right: 55px;
	margin-bottom: 20px;
}

.entry-header {
	text-align: center;
	color: #000;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 2.500em;
	background-image: url(/wp-content/themes/hair-boot/img/service-line.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 20px 0 20px 0;
}

.page-header {
	text-align: center;
	color: #000;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 2.500em;
	background-image: url(/wp-content/themes/hair-boot/img/service-line.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 20px 0 20px 0;
}

.entry-header a:link {
	color: #000;
}

.entry-header a:active {
	color: #000;
}

.entry-header a:visited {
	color: #000;
}

.entry-header a:hover {
	color: #df6626;
}


.page-header a:link {
	color: #000;
}

.page-header a:active {
	color: #000;
}

.page-header a:visited {
	color: #000;
}

.page-header a:hover {
	color: #df6626;
}

.front-bottom {
	width: 100%;
	min-height: 400px;
}


/* SERVICE PAGE */

.services-top {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/app-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #000;
	padding: 10px;
}

.service-bottom {
	width: 100%;
	background-image: url(/wp-content/themes/hair-boot/img/service-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	padding-top: 30px;
}

.service-box {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px; 
	border: solid 1px #df6626;
	
}
.price {
	font-weight: bold;
	color: #df6626;
}

.card-title {
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 20px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}


/* END SERVICE PAGE */
/*Bottom Row */

.bottom-row {
	width: 100%;
	background-color: #f1f0f0;
	padding: 15px;
}

.test {
	text-align: center;
	width: 90%;
}
.offer {
	width: 80%;
}


input[type="submit"] {
	color: #fff;
	background-color: #000;
	padding: 10px;
	border-radius: 10px;
}

input[type="submit"]:hover {
	color: #fff;
	background: #000;
	padding: 10px;
}

/* End Bottom Row */


.space {
	padding: 10px;
}



.footer-wrapper {
	width: 100%;
	background-color: #000;
	padding: 15px 0 15px 0;
	color: #fff;
	
}

.footer-wrapper img {
	border: none;
}
.footer-wrapper .left .widget h3 {
	color: #fff;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background-image: none;
	text-align: left;
}
.footer-wrapper .right .widget h3 {
	color: #fff;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background-image: none;
	
}

.left {
	margin: 20px 0 0 0;
}
.footer-wrapper .right .btn-primary {
	color: #fff;
	background-color: #df6626;
	border-color: #fff;
}
 .footer-wrapper .right {
	line-height: 30px;
}
.footer-wrapper .right .btn-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #fff;
}
.footer-wrapper .left .btn-primary {
	color: #fff;
	background-color: #df6626;
	border-color: #fff;
}

.footer-wrapper .left .btn-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #fff;
}

.copy {
	text-align: center;
	padding: 10px;
}

.copy-wrapper {
	width: 100%;
	background-color: #333;
	text-align: center;
	color: #fff;
	padding: 5px 0 15px 0;
	
	
}


.copy-wrapper a:link {
	color: #fff;
}
.copy-wrapper a:active {
	color: #fff;
}
.copy-wrapper a:visited {
	color: #fff;
}
.copy-wrapper a:hover {
	color: #df6626; 
}
.widget h3 {
	text-align: center;
	color: #000;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 2.250em;
	background-image: url(/wp-content/themes/hair-boot/img/service-line.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 0 20px 0;
	
}

.widget_recent_entries ul {
	margin: 0 0 0 -20px;
}

.footer-space {
	padding-top: 35px;
}


.footer-wrapper a:link {
	
	color: #fff;
	text-decoration:none;
}
.footer-wrapper a:active {
	
	color: #fff;
	text-decoration:none;
}
.footer-wrapper a:visited {
	
	color: #fff;
	text-decoration:none;
}
.footer-wrapper a:hover {
	
	color: #df6626;
	text-decoration:none;
}

.footer-wrapper ul {
	
	
}
.footer-wrapper ul li {
	padding: 5px;
}

.footer-wrapper h3 {
	font-size: 18px;
}


.refcenter {
	text-align: center;
	border: none;
}
.refcenter img {
	border: none;
}
.crumbwrapper {
	width: 100%;
	background-color: #d5d7d7;
	padding: 5px 5px 0 5px;
	border-bottom: solid 1px #ccc;
}

.crumbwrapper a:link {
	color: #7f1516;
}
.crumbwrapper a:active {
	color: #7f1516;
}
.crumbwrapper a:visited {
	color: #7f1516;
}
.crumbwrapper a:hover {
	color: #000;
}
	

.dmbs-header {

}

.dmbs-header-img {
	max-height: 100px;

}

.dmbs-header-text {

}

.dmbs-top-menu {
	margin: 0 0 0 0;
	

}

.dmbs-content {

}

.dmbs-main {
	min-height: 350px;

}

.dmbs-left {

}

.dmbs-right {
	margin-top: 30px;

}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {
	

}
.hours {
		font-size: 12px;
	}

@media screen and (min-width: 1024px) {
	.hidden-md {
		display: none;
		
	}
	
	.hidden-lg {
		display: none;
	}

}

@media screen and (min-width: 769px) {
	.lg-hide {
		display: none;
	}
	
	
	}

@media screen and (max-width: 1024px) {
		.hours {
		font-size: 10px;
	}
}

@media screen and (max-width: 768px) {
	.hero {
		margin-top: 0px;
		min-height: 300px;
		
	}
	
	.apply {
	width: 100%;
	border-bottom: solid 2px #df6626;
	border-top: solid 2px #df6626;
	background: linear-gradient(#d1d0d0, #f2f0f0);
	padding: 5px 0 0 0;
	margin-top: 0px;
	position: relative;
	z-index: 99999;
}
	
	.hours {
		font-size: 1opx;
	}
	
	.xs-hide {
		display: none;
	}
	
	.hidden-xs {
		display: none;
	}
	.hidden-sm {
		display: none;
	}

.main-front {
	background-image: url(/wp-content/themes/hair-boot/img/mobile-bg.jpg);
	background-repeat: no-repeat;
	
}
	h1.page-header {
		font-size: 1.5em;
	}
	
	
	.offer {
	width: 80%;
		margin-left: 30px;
}
	
	.right {
		text-align: left;
	}
	
	.welcome {
		display: none;
	}
	
	.daily {
		display: none;
	}
	
	.yulee {
		display: none;
	}


	
	
	.footer-wrapper .right .widget h3 {
	color: #fff;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background-image: none;
	text-align: left;
}
.google-maps {
  margin-bottom: 110px;
}
	
	.top-bar {
		display: none;
	}	

	.logo {
		width: 200px;
	}
}

@media screen and (max-width: 1600px) {
.main-front {
	background-image: url(/wp-content/themes/hair-boot/img/mobile-bg.jpg);
	background-repeat: no-repeat;
	
}



}
@media screen and (max-width: 1300px) {


.main-front {
	background-image: url(/wp-content/themes/hair-boot/img/mobile-bg.jpg);
	background-repeat: no-repeat;
	
}

}