/*
Theme Name: Subway Child
Theme URI: http://demo.qodeinteractive.com/subway/
Description: A child theme of Subway Theme
Author: Qode Interactive
Author URI: http://www.qodeinteractive.com/
Version: 1.0.0
Template: subway
*/
@import url("../subway/style.css");

@font-face {
	font-family: 'Graphite Std';
	src: url('/GraphiteStd-Regular.eot');
	src: url('/GraphiteStd-Regular.eot?#iefix') format('embedded-opentype'),
		url('/GraphiteStd-Regular.woff') format('woff'),
		url('/GraphiteStd-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/* Custom Styles */

.footer_bottom {display:none;}

 nav.main_menu ul li a {
 	font-family:'Open Sans', sans-serif !important;
 	font-size:18px;
 	font-weight:bold;
 }
 
 h1 {
 	font-family:'Graphite Std', sans-serif !important;
 	margin:50px 0 !important;
 }
 
  h2,h3 {
 	font-family:'Open Sans', sans-serif;
 }
 
 h4,h5 {
	 font-size:20px; 
	 margin-bottom:10px;
 }
 
 .logo {
 	left:18px;
 }
 
 footer p {line-height:28px;}
 
 /*
 @media only screen and (max-width: 1100px) {
	.mobile_menu_button {
    	display: table;
 	}
 }
 
 @media only screen and (max-width: 1100px) {
	.main_menu {
   		display: none!important;
	}
}

*/




nav.mobile_menu ul > li.has_sub > a span.mobile_arrow, nav.mobile_menu ul > li.has_sub > h3 span.mobile_arrow {
	background-image: url("img/mobile_menu_arrow_down.png");
}
nav.mobile_menu ul>li.has_sub>a span.mobile_arrow, nav.mobile_menu ul>li.has_sub>h3 span.mobile_arrow {
	cursor:pointer !important;
	background-size:cover;
	
}

nav.mobile_menu ul>li.has_sub.open_sub>h3 span.mobile_arrow, nav.mobile_menu ul>li.has_sub>h3 span.mobile_arrow:hover {
	cursor:pointer !important;
	background-size:cover;

}




@media only screen and (max-width: 1100px){
	.header_top .container{
		display: inline-block;
	}
	
	header,
	.header_inner_left{
		position: relative !important;
		left: 0px !important;
	}
	
	.right_side_menu_opened .wrapper header{
		left: 0px !important;
	}
	
	header.centered_logo .header_inner_left{
		margin: 0px;
	}
	
	header.centered_logo .header_inner_right{
		float:right;
	}
	
	header.centered_logo .logo_wrapper{
		height: 100px !important;
	}
	
	header.centered_logo .logo{
		top: 50%;
	}
	
	header.centered_logo .logo img{
		top: -50%;
	}
	
	.main_menu{
		display: none !important;
	}

	nav.mobile_menu{
		display: block;
		margin: 0px;
	}
	
	.mobile_menu_button{
		display: table;
	}
	
	nav.mobile_menu > ul{
		width: 768px;
		margin: 0px auto;
	}
	
	.logo_wrapper{
		height: 100px !important;
		position: absolute;
		left: 50%;
	}
	
	.logo img{
		left: -50%;
	}
	
	.side_menu_button{
		height: 100px !important;
	}
	
	.content{
		margin: 0px 0px 0px 0px !important;
	}
        
	.header_top .right #lang_sel ul ul, .header_top .right #lang_sel_click ul ul {
			right: 0;
	}
	
	.four_columns>.column1, 
	.four_columns>.column2, 
	.four_columns>.column3, 
	.four_columns>.column4 {width:50%;}
}



@media only screen and (max-width: 600px){

.four_columns>.column1, 
.four_columns>.column2, 
.four_columns>.column3, 
.four_columns>.column4 {width:100%;}
}



 @media only screen and (max-width: 480px) {
	.logo img {
   		max-width:240px;
   		width:240px;
	}
}

footer h4,h5 {
	color:#8f8f8f;
}

.content {
	margin-top:30px;
}

.drop_down .second .inner ul li:hover {
	background:#666;
}

.drop_down .second .inner ul li:hover a {
	color:#fff;
}

nav.main_menu ul li:hover {
	background:#666 !important;
}

nav.main_menu>ul>li:hover>a {
	background:#666 !important;
	color:#fff;
}

input[type=text], input[type=email] {
	padding:10px 5px;
}

input[type=submit] {
	margin:20px 0 30px 0;
	padding: 10px 20px;
	border-radius:7px;
	background:#666;
	color:#fff;
	font-size:16px;
}