/*
Theme Name: TechStarters - Avada Child
Description: TechStarters
Author: Nerds
Author URI: https://techstarters.com/
Template: Avada
Version: 1.0.1
Text Domain: techstarters
*/

/*----- Special for landing page -------- */
.page-id-7842 .mtsnb,
.page-id-6852 .mtsnb,
.page-id-7870 .mtsnb,
.page-id-7867 .mtsnb,
.page-id-7874 .mtsnb
{
	/* -- Hide yellow alert banner at top of page -- */
	display: none !important;
}


.page-id-7842 .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a, .page-id-7842 .fusion-mobile-menu-text-align-left .fusion-mobile-selector,
.page-id-7870 .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a, .page-id-7870 .fusion-mobile-menu-text-align-left .fusion-mobile-selector,
.page-id-7867 .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a, .page-id-7867 .fusion-mobile-menu-text-align-left .fusion-mobile-selector,
.page-id-7874 .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a, .page-id-7874 .fusion-mobile-menu-text-align-left .fusion-mobile-selector
{
		display: none !important;
} 



.page-id-7842 .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header {
		padding: 5px 0px 0px 0px !important;
		max-height: 77px !important;
	}

.page-id-7870 .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header {
		padding: 5px 0px 0px 0px !important;
		max-height: 77px !important;
	}

.page-id-7867 .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header {
		padding: 5px 0px 0px 0px !important;
		max-height: 77px !important;
	}

.page-id-7874 .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-header {
		padding: 5px 0px 0px 0px !important;
		max-height: 77px !important;
	}


.cff-likebox {
	margin: 0!important;
}


.sub-menu span {
	color: #ffffff !important;
}



.ts-room-description-landing p{
	/* --- http://escaperoommarlton.com/schedule-an-escape-room-today -- even columns in desktop --  */
	min-height:150px !important;
}


@media screen and (max-width: 800px) {
	.ts-room-description-landing p{
	min-height: 0px !important;
  }
}


.ts-sep {
	padding: 0px 0px 20px 0px !important;
}



.ts-landing-divide {
	padding: 0px 0px 35px 0px !important;
}



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

.ts-original-home {
	display: none !important;
}

.fusion-button-text-left {
	color: #ffffff !important;
}

.button-icon-divider-left i {
	color: #ffffff !important;
}


.fusion-button.button-1:hover {
	color: #dedede !important;
}


body{
	line-height:2.2em;
	font-size:15px;
}


body #wrapper {

	background-color: #1f1706;
	background-image: url("https://cp1.designnrank.com/~escapero/wp-content/uploads/2016/05/concrete-wall-2.png");
}


body #main,
body #main .ts-content-container{
	max-width:80%;
	margin:0 auto;
}


@media screen and (max-width: 775px) {
	body #main,
	body #main .ts-content-container{
		max-width:100%;
	}




}

@media screen and (min-width: 800px) and (max-width: 1255px){
	.fusion-main-menu > ul > li{
		padding-right:25px;
	}




	.fusion-main-menu > ul > li > a{
/*		margin:0 !important; */
	}
}

@media screen and (min-width: 800px) and (max-width: 1125px){
	.fusion-row > .fusion-logo{
		width:100%;
		text-align:center;
	}

	.fusion-main-menu{
		margin:22px 0 0;
	}


}


@media screen and (min-width: 900px) and (max-width: 1125px){
	.fusion-main-menu{
		width:90%;
	}
}



body,
.fusion-header a,
#menu-main a,
h1,h2,h3,h4,h5,h6,p,ul,li,div,span{
	/* -- Font-family MUST NOT be placed as a rule under "*"....otherwise, the font awesome icons will not display properly --- */
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	color:#565656 !important;
}



/*
#menu-main a,
#menu-main a span{
	color:#FFF !important;
}
*/

@media screen and (min-width: 800px){
	#menu-main li.menu-item a,
	#menu-main li.menu-item a span.caret,
	#menu-main li.menu-item a span.menu-text
	{
		color:#FFF !important
	}
}

#menu-main .fusion-mobile-nav-item a{
	color:#565656 !important;
}

#menu-main .fusion-mobile-nav-item a:hover{
	text-decoration:none;
}

#main #content a,
#main #content a:hover,
#main #content a:link,
#main #content a:visited{
	color:#000 !important;
}


body #wrapper {
	/* --- site width -- */
/*	max-width:80%; */
	margin: 0 auto;
	float: none;
}




.fusion-header-wrapper{
	border-bottom:5px ridge #D5B528;
}

.ts-footer{
	border-top:5px ridge #D5B528;
}



@media screen and (min-width: 1255px){

	.fusion-footer .fusion-row .fusion-columns,
	.fusion-footer .ts-footer-credits-container
	{
 		max-width:70% !important;
	}

}




@media screen and (max-width: 1255px){
/*
	body #wrapper .fusion-header-wrapper .fusion-row,
	.fusion-footer .fusion-row .fusion-columns,
	.fusion-footer .ts-footer-credits-container{
		max-width:85% !important;
	}
*/

	body #wrapper .fusion-header-wrapper .fusion-row,
	.fusion-footer .fusion-row .fusion-columns,
	.fusion-footer .ts-footer-credits-container{
		max-width:100% !important;
	}
}


/* @media screen and (max-width: 1100px){ */
@media screen and (max-width: 1255px){

}

@media screen and (max-width: 800px){
	/* -- Mobile menu now displays -- */
	body #wrapper .fusion-header-wrapper .fusion-row{
		max-width:80% !important;
	}
}




.fusion-footer .fusion-row .fusion-columns{
	/* Center widget area */
	margin:0 auto !important; 
}


.fusion-footer a:link{
	color:#FFF !important;
}


.fusion-footer .fusion-row .fusion-columns .contact-info-container a:link{
	color:#FFF !important;
	font-weight:600;
	font-size:1.2em;
}



/* --- START ---  FOOTER -- social media widget for Avada only ------ */
.fusion-footer .fusion-row .fusion-columns .social_links h3,
.fusion-footer .fusion-row .fusion-columns .contact-info-container h3{
	color:#FFF !important;
}


.fusion-footer .fusion-row .fusion-columns .social_links h3,
.fusion-footer .fusion-row .fusion-columns .social_links .fusion-social-networks
{
	text-align:center;
}

.fusion-footer .fusion-row .fusion-columns .social_links a:link{
	text-decoration:none;
	background:inherit !important;
}


.fusion-footer .fusion-row .fusion-columns .social_links a:hover{
	/* -- Removes the border from the BOXED social icons in the footer widget for AVADA  -- */
	color:#D5B528 !important;
	border-color:#363839 !important;
	transition-duration:2s;
}
/* --- END -----  FOOTER -- social media widget for Avada only ------ */


a
body #wrapper .fusion-header-wrapper .fusion-row .fusion-logo{
 /* -- Regardless of whether the logo is sticky or not, it needs a max-height and should not always remain the same height -- */
	max-height:55px !important;
	margin-top:5px !important;
}

/*
.flip-box-back-inner {
	font-size: 1.8em;
	color: #1e73be;
}
*/


.post-content {
	/* ---Main content section--- */
/*	padding: 3% !important; --- Removed because it effects title on subpages too -- */
}


/*-- START ----  PRICING BOX  --*/
.home .reading-box {
	margin:0 auto;
	max-width:400px;
	font-size: 1.8em;
	line-height: 130%;
	border-top-color:#4CAF50 !important;
}

.home .reading-box h2{
	font-size:32px !important;
	font-weight:bold !important;
	margin:0 0 40px !important;
	text-align:center !important;
}
/*-- END ------  PRICING BOX  --*/


/* --FAQ Title-- */
#wrapper .post-content h2, #wrapper .fusion-title h2, #wrapper #main .post-content .fusion-title h2, #wrapper .title h2, #wrapper #main .post-content .title h2, #wrapper#main .post h2, #wrapper#main .post h2, #wrapper .woocommerce .checkout h3, #main .fusion-portfolio h2, h2.entry-title  {
/* 	font-size: 2em !important; */
}

/*Header*/
.fusion-header {
	background-color:#000;
}



.fusion-reading-box-container{
	margin-bottom:20px auto 10px !important;
}

.fusion-reading-box-container .reading-box,
.fusion-accordian .panel-body
{
	border:2px solid #F6F6F6 !important;
	background-color:#FFF !important;
	border-radius:4px;
	font-size:15px;
	line-height:1.9em !important;
	text-align:justify;
}

.fusion-reading-box-container .reading-box{
	border-top-color:#D5B528 !important;
}

.fusion-reading-box-container .reading-box .ts-rules-of-the-game{
	padding:0 10px;
}

.fusion-reading-box-container .reading-box .ts-rules-of-the-game li{
	padding:0 15px 0 45px !important;
	background:url('/wp-content/uploads/2016/05/logo-li-items-24x24.png') no-repeat 0% 50% !important;
	list-style-type:none !important;
	margin:15px 0;
}


.fusion-reading-box-container .reading-box .ts-rules-of-the-game li span.ts-title{
	font-weight:bold;
	font-size:105%;
}

.fusion-reading-box-container .reading-box .ts-rules-of-the-game.ts-corporate-and-private-parties-suggestions li{
	margin:35px 0; /* -- Need greater margin between suggestions -- */
}





.fusion-accordian .panel-title{
	font-size:16px !important;
	margin:0 0 0 10px;
}

.fusion-accordian .panel-title a .fa-fusion-box{
	background-color:#000;
}

.fusion-accordian .panel-body{
	padding:20px;
}

.fusion-reading-box-container .reading-box h2{
	font-size:20px !important;
	text-align:left;
}


.fusion-reading-box-container .reading-box li{
	margin:8px 0;
}




/*
body #main{
	padding:0 !important;
}

body #main .fusion-row{
	padding:0 !important;
}


.home .fusion-fullwidth{
	padding:0 !important;
	margin:0 !important;
}


.home .post-content .fusion-fullwidth{
	border:0 !important;
	border:none !important;
}
*/



/*LOGO IMAGE*/
/*
.fusion-standard-logo {
	width: 400px !important;
	height: auto !important;
}
*/



/*
.home .ts-content-center{
	margin:0 5%;
	padding-bottom:40px;
}


.fusion-secondary-header{
	display:none !important;
}
*/



/*SCHEDULE FORM STYLES*/
.bup-front-cont .bup-book-steps-cont .bup-cart-step-active {
	background-color: #409BD4;
}

.bup-button-submit {
	background-color: #409BD4;
}

.bup-button-submit:hover, .bup-button-submit:active, .bup-button-submit:focus {
	background-color: #75C5E0;
}

ul.bup-time-slots-available-list .bup-button {
	background-color: #409BD4;
}



.bup-book-info-cont, 
.bup-book-info-text p{
	/* -- Centers the "Date" Field AND centers the instructions text under the date field -- */
	text-align:center !important;
}

input.bupro-datepicker{
	/* --- Style to the date picker box -- DO NOT USE "padding", displays incorrectly on FF */
	font-size:18px;
	text-align:center;
	letter-spacing:0.05em;
}


.bup-nav-search-options-bar{
	/* -- Center the submit button -- */
	margin:10px auto;
	text-align:center !important;
	
}

.bup-nav-search-options-bar button.bup-button-submit{
	font-size:18px;
	padding:10px 15px;
	font-weight:bold;
	letter-spacing:0.10em;
	text-transform:capitalize;
	border-radius:4px;
}

.bup-selected-staff-booking-info{
	/* --- HIDE the message that displays AFTER the date search -- */
	display:none;
}

/*END SCHEDULE FORM STYLES*/



/* --- START ------- ONLY EFFECTS "MAX MENU" plugin ----------------------------- */

@media screen and (min-width: 775px) {
	ul#mega-menu-main_navigation.mega-menu.mega-menu-horizontal{
		float:right !important;
	}
}

@media screen and (max-width: 775px) {
	#mega-menu-wrap-main_navigation .mega-menu-toggle{
		text-align:left !important;
	}

	#mega-menu-wrap-main_navigation .mega-menu-toggle::before{
		float:left !important;
	}
}



.fusion-main-menu .fusion-megamenu-icon img{
	max-height:30px;
}


.fusion-main-menu .fusion-megamenu-icon{
	margin-right:5px;
}

/* --- END --------- ONLY EFFECTS "MAX MENU" plugin ----------------------------- */






/* ---- START ------ Nav Menu Style ------------------ */
ul#menu-main a{
	padding:7px 0 !important;
}


ul#menu-main .fusion-mobile-nav-item a{
	padding:15px 10px !important;
}


ul#menu-main .fusion-mobile-nav-item .sub-menu{
	list-style-type:none !important;
}

ul#menu-main .fusion-mobile-nav-item .sub-menu a{
	padding:15px 20px !important;
	text-decoration:none !important;
}


ul#menu-main .fusion-mobile-nav-item .fusion-open-submenu:before{
	/* -- Vertically center ON MOBILE the "carat" (^)*upside down --- that implies a drop down menu -- */
	position:absolute;
	top:14px;
	right:10px;
}

.fusion-main-menu .fusion-menu li .sub-menu{
	background:#000 !important;
	border-top-color:#D5B528 !important;
}

.fusion-main-menu .fusion-menu li a,
.fusion-main-menu .fusion-menu li .sub-menu li a
{
	color:#FFF !important;
	margin:0 20px;
	border-top:3px solid transparent;
/*	border-bottom:3px solid transparent; */
}


.fusion-main-menu .fusion-menu li a:hover,
.fusion-main-menu .fusion-menu li .sub-menu li a:hover
{
 	text-decoration:none;
	color:#FFF !important;
	border-top:3px solid #D5B528 !important;
/*	border-bottom:3px solid #D5B528 !important; */
	background:#000;
}

.fusion-main-menu .fusion-menu li.current-menu-item a:hover {
	cursor:arrow;
	cursor:default;
	text-decoration:none;
}

.fusion-main-menu .fusion-menu li .sub-menu li a,
.fusion-main-menu .fusion-menu li .sub-menu li a:hover,
.fusion-main-menu .fusion-menu li .sub-menu li a:link
{
	border-top:0 !important;
	border-top:none !important;
	background:#000;
}

.fusion-main-menu .fusion-menu li .sub-menu li a{
/*
  margin:0 !important;
  padding:10px 7px !important;
*/
}

/* ---- END -------- Nav Menu Style ------------------ */









/* --- START --- Applies to all sub pages, makes the font much larger and an easier read --- */

.post-content p{
	text-align:justify;

/*	line-height:2.4em; */
	font-size:110%;
}

/* --- END ----- Applies to all sub pages, makes the font much larger and an easier read --- */





/* --- START ----- header / main nav ----- */
@media screen and (max-width: 802px) {
	.fusion-header .fusion-row {
	/* -- Must remove padding when mobile menu appears, couldn't find a class that indicated this on the .fusion-row level or above --- */
/*		padding: 0 !important; */
	}
}
/*
.fusion-header .fusion-row {
	height: 100% !important;
}
*/
/* -- START ------ MOBILE ONLY -- */

/*

.fusion-header .fusion-row .fusion-mobile-nav-holder {
 	margin-top: 0 !important;
}


.fusion-header .fusion-row .fusion-mobile-nav-holder .fusion-mobile-nav-item a {
	padding: 14px 12px !important;
}
*/
/* -- END -------- MOBILE ONLY -- */






.fusion-logo,
.fusion-logo img {
/* defaults to 7.5 margin top/bottom -- Margin === 0, needed for sticky -- */
 	margin: 0 !important;
/*	max-height:55px !important; */
}


.fusion-sticky-header-wrapper{
/*	padding:0 !important; */
}







.no-overflow-y body {
/* Needed to remove the movement when using sticky header menu -- */
/*	padding-right: 0 !important; */
}



.fusion-page-title-row {
	padding: 0 15px;
}

.fusion-page-title-row h1 {
	text-align: left !important;
}











/*
.fusion-page-title-bar:after {
	background:url("/wp-content/themes/avada-techstarters/imgs/substrate_bg.png") repeat !important;
	content: " "; 
	z-index: 1; 
}
*/



/* --- START ----- Breadcrumb / title bar on subpages -- */
#content {
	float: none;
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px !important;
}


.home #content{
	max-width: 100% !important;
	padding: 0 !important;
}




/* -- Is .breadcrumb-leaf the active one? did not see active class -- */
.breadcrumb-leaf {
	font-weight: 600;
}

/* Main Nav Menu for active item */
li.current-menu-item a {
	font-weight: 600 !important;
}

/* --- END ------- Breadcrumb / title bar on subpages -- */



/*
h1 {
	text-align: center !important;
	margin: 0 auto !important;
	width: 100% !important;
}

.home #content #ts-services h1{
	margin:0 0 30px !important;
}
*/



form input[type="submit"] {
	width: 80% !important;
	font-size: 140% !important;
	letter-spacing: .05em;
}



/* --- START --- homepage -- google map and address -- */

/*	 	 
.home .ts-map-and-location{
	text-align:center;	 	 
	margin:0 auto 80px !important;	 	 
}	 	 

.home .ts-map-and-location .ts-contact {	 	 

 font-size: 220% !important;	 	 

 margin: 50px 0 60px;	 	 

}	 	 

.home .ts-map-and-location .ts-contact .ts-contact-address {	 	 
 margin: 0 0 20px;	 	 
}	 	 
*/
/* --- END ----- homepage -- google map and address -- */



/* --- START ---- FOOTER --- */

.fusion-footer-widget-area {
	border-top: 0 !important;
	padding-bottom: 3px !important;
	background:#000;
}

.fusion-footer .contact-info-container,
.fusion-footer .contact-info-container p{
	color: #FFF !important;
}

.fusion-footer li.current_page_item a {
	font-weight: bold;
	text-decoration: underline;
}

.fusion-footer h3 {
	font-weight: 600 !important;
	font-size: 15px;
 	margin: 0 0 10px;
}

.fusion-footer ul {
	padding: 0 0 0 12px;
}

.fusion-footer li a {
	padding: 0 2px !important;
	border: 0 !important;
}

.fusion-footer .fusion-column {
	padding: 0 !important;
}

.fusion-footer .fusion-column .widget {
	margin: 0 auto !important;
}

.fusion-footer .fusion-column .social_links {
/* 	text-align: right; */
	max-height: 70px !important;
}

@media screen and (max-width: 802px) {
	.fusion-footer .fusion-column .widget,	 	 
	
	 .ts-fusion-row {
		text-align: center !important;
	}
}

.fusion-footer .table th,
.fusion-footer .table td,
.fusion-footer .table-responsive{
	/* -- Remove border, specifically for hours of operation -- border for .fusion-footer .table-responsive only displays for media w/max-width 767 -- */
    border:0 !important;
}




/*
.fusion-footer .fusion-social-networks a {
	color: #46494a !important;
}
*/

/*
.table{
    border-bottom:0px !important;
}
*/

/*
.fixed-table-container {
    border:0px !important;
}
*/
/* --- END ------ FOOTER --- */


/* --- Front Page Image Styling --- */

span.front-page-image img.img-responsive{
	width: 300px !important;
	height: 300px !important;
	border-radius: 8px !important;
	box-shadow: 10px 10px 5px #888888 !important;
}






/* --- START --- Override theme with specific business colors -- */

ul.fusion-checklist{
	margin:0 0 35px;
}

.fusion-checklist .fusion-li-item .fusion-li-item-content{
	font-size:18px;
}

/*
.fusion-checklist .fusion-li-item span.icon-wrapper,
.fusion-page-title-bar,
.home #content .ts-flash-message div.flash-message{
 	background-color:#48B7A9 !important;
}


.fusion-header, #side-header {
	background-image: url('/wp-content/uploads/2016/04/tmp.png');
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



form input[type="submit"], 
.fusion-footer-widget-area,
.fusion-header {
	background: #48B7A9 !important;
}
*/

/*
a,
ul#menu-main a,
.fusion-footer a,
form input[type="submit"]{
	color:#039 !important;
}
*/
/* --- END ----- Override theme with specific business colors -- */



.ts-contact-us-form button,
.ts-contact-us-form select,
.ts-contact-us-form input[type="text"],
.ts-contact-us-form input[type="email"],
.ts-contact-us-form textarea{
 	padding:15px 10px !important;
	font-size:1.2em !important;
	color:#545454 !important;
}

.ts-contact-us-form input[type="text"]
{
	/* -- Contact Us Form -- */
/*	width:80% !important; */
}

.wpcf7-form input[type="submit"]{
	width:90% !important;
	margin:0 auto !important;
	color:#D2D2D2 !important;
	background:#FFF !important;
	border:1px solid #D2D2D2 !important;
}

.wpcf7-form input[type="submit"]:hover{
        color:#545454 !important;
}


/* --- EXAMPLE title for subpages, found on escaperoommarlton.com/contact page --- */
h1.ts-page-title{
	margin:0;
	text-align:center;
}

.fusion-separator{
	border-color:#D5B528 !important;
	margin:15px auto 50px;
	width:90%;
}

.fusion-separator.sep-shadow{
	background:#D5B528 !important;
}

.fusion-separator.sep-shadow:after{
	background:radial-gradient(ellipse at 50% -50%, rgba(213, 181, 40, 0.5) 0px, rgba(213, 181, 40, 0) 65%);
}


.home .fusion-separator{
	/* -- We provide much large top/bottom margins for separator on longer home page than we do on subpages --- */
	margin:3% auto;
}






/* ------- START -- BOOK NOW button on home page ------------------------------------------------- */
.home .ts-call-to-action-button{
  text-align:center;
}


.home .ts-call-to-action-button a.fusion-button{
  text-decoration:none !important;
  max-width:80%;
  border-color:#333;
}

@media screen and (max-width: 944px) {
      .home .ts-call-to-action-button a.fusion-button{
            max-width:90%;
       }
}

.home .ts-call-to-action-button a.fusion-button:hover{
  background:#D5B528;
}

.home .ts-call-to-action-button a.fusion-button span{
  /* -- Must align text on mobile -- */
  color:#FFF !important;
  text-align:center !important;
  white-space:nowrap;
}

.home .ts-call-to-action-button a.fusion-button:hover span{
  color:#333 !important;
}
/* ------- END ---- BOOK NOW button on home page ------------------------------------------------- */




.ts-re {
	display: block !important;
	margin: auto 25%;
	padding-bottom: 15px !important;
}


@media only screen and (max-width: 768px) {
	.ts-re {
	display: block !important;
	margin: 0 !important;
	padding-bottom: 15px !important;
  }	
}



/* -- START --- NOTIFICATION BANNER/Plugin -------------------------------------------------- */
.mtsnb{
	z-index:10011;
}

.mtsnb *{
	color:#000 !important;
}
/* -- END ----- NOTIFICATION BANNER/Plugin -------------------------------------------------- */



/* ---- START --- Facebook Feed Plugin ------------------------------------------------------ */
.fusion-footer .cff-wrapper a:link,
.fusion-footer .cff-wrapper a:visited,
.fusion-footer .cff-wrapper a{
	color:#FFF !important;
}

.fusion-footer .cff-wrapper blockquote{
	background:transparent none; /* -- When not logged in to facebook, gives a WHITE background by default -- */
}
/* ---- END ----- Facebook Feed Plugin ------------------------------------------------------ */

.ts-footer-segment {
  margin-left: 20%;
  color: #FFF !important;
}

.ts-footer-segment-2 {
    margin-left: 0px !important;
  }

@media screen and (max-width: 790px) {
  .ts-footer-segment,
  .ts-footer-segment-2 {
    margin-left: 0px !important;
  }
  .ts-footer-segment-2 {
    float: none !important;
  }

  ._2p3a {
    margin: 0 auto !important;
  }
}

.ts-feature-numbers {
  border: 8px solid #FFF; 
  border-radius: 100%;
  transition: .3s all;
}

.ts-feature-numbers:hover {
  border: 8px solid #d5b528;
  transition: .3s all;
}

.ts-expect-vid {
  margin: 0 auto !important;
}