/*
 Theme Name:     Divi Child
 Theme URI:      http://nde.tetrobeta.com/divi-child
 Description:    Divi Child Theme
 Author:         Tetro Design
 Author URI:     http://tetrodesign.com
 Template:       Divi
 Version:        1.0.0
*/
/* General styles 
---------------------------------------------- */
.center, a.et_pb_button { text-align: center; }

a.et_pb_button{ 
	padding: 20px 15px; 
	width: 220px; 
    font-family: alternate-gothic-condensed-a, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
	text-transform: uppercase; }

section.top-banner {
    padding: 20% 0% 10% 0%; }

/* Colours
---------------------------------------------- */
.white { color: #fff; }

 a.blue-link, h2.ds-section { color: #254596; }

span.nd-price { color: #333; }

/*Slider Icons 
---------------------------------------------- */
div.et-pb-controllers a{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: transparent;
    border: 1px solid #fff;
    opacity: 1; }

div.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
    width: 50%;
	margin-right: 0; }

/* Icons 
---------------------------------------------- */
a.arrow-right:after {
    font-family: 'ETmodules';
    content: "\24";
    padding-left: 3px;
	position: relative;
    top: 3px;
	transition: all 500ms ease-in-out; }

a.arrow-right:hover:after, a.arrow-right:focus:after  { padding-left: 10px; }

span.et_pb_scroll_top.et-pb-icon {
    background: #1c449c;
    border-radius: 0;
    bottom: 15px;
    right: 15px; }

span.et_pb_scroll_top:before{ 
	font-family: "EtModules";
	content: "\21"; }

/* Navigation
---------------------------------------------- */
.mobile_nav.opened .mobile_menu_bar:before { 
  font-family: etModules; 
  content: '\4d';
  color: #ee3b35; }
  
ul.et_mobile_menu li a { border: none; }

ul.et_mobile_menu li a:hover, .nav ul li a:hover {
	opacity: 1!important;
	background-color: transparent!important; }

ul.et-menu li a:hover{ opacity: 1;}

/*.menu-item-wrapper{ padding-bottom: 20px; }*/

.restaurat-menu-nav h2.rm-links{ padding-bottom: 0.6em; }

/*Type settings
---------------------------------------------- */
body, p { font-size: 18px; font-weight: 400; }

body, h2.rm-links a{ color: #424242; }

body, p, .menu-item-desc, a{
	font-family: source-sans-pro, sans-serif;
}

.na-home-title h2, .res-menu-nav h2 a, h2.menu-item-title, h4.small-font, h2.ds-section, .footer-block div.location-hours { 
	text-transform: uppercase; }

h4.small-font, h5.footer-title, .na-home-price p, h2.menu-item-title  { font-family: sweet-sans-pro, sans-serif !important; }

h4.small-font, h2.menu-item-title { font-weight: 800; }

.res-menu-nav h2.rm-links { padding-bottom: 20px; }

.res-menu-nav h2 a { 
	font-family: alternate-gothic-condensed-a, sans-serif;
	font-size: 24px; }

h2.rm-links a.ds-menu-active, .small-font{ color: #1c449c;}

h3 { font-family: source-sans-pro, sans-serif;
    line-height: 1.4em;
    font-size: 26px;
	font-weight: 400; }

h4.small-font{
	font-size: 18px;
	letter-spacing: 1px; }

h2.menu-item-title {
    letter-spacing: 1px;
	line-height: 1em;
	display: flex;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
	-webkit-box-align: flex-start;
	-moz-box-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start; 
	align-items: flex-start; }

.menu-category-wrapper:first-of-type h2.ds-section { padding-top: 0; }

/*sticky menu sidebar*/
.menu-category-wrapper p.menu-item-desc{ padding-bottom: 15px; }

h2.ds-section { padding-bottom: 15px; }

h1, h2, h2.ds-section, h3.large-font, h2.na-title { 
	font-family: alternate-gothic-condensed-a, sans-serif !important; }

h2.large-font { padding: 20px 0px; }

.menu-item-desc { line-height: 1.4em; }

span.nd-price{ 
	float: right; 
	font-weight: 400;
	position: absolute;
    right: 0;
	text-align: right; }

span.nd-price:after{ clear: both; }

a.blue-link { text-decoration: underline; }


/* Restaurant menu
---------------------------------------------- */
.top-banner-text div h1, .top-banner-text div p {
    color: #fff;
    text-align: center; }
	
div.flex-wrap { 
		display: flex;
		 display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
		height: 100%; }

.restaurat-menu-nav {
    flex: 1 0 300px;
    position: sticky;
    top: 0;
    left: 0;
    height: fit-content; }

.food-menu-col-2 { flex: 1 1 auto; }

.menu-item-wrapper{ border-bottom: 1px solid #eee;  }

div.menu-item-desc{ padding-right: 50px; }

.food-menu-col-2 .menu-category-wrapper:first-of-type div.red-line { display: none; }

.red-line {
    border-top: 2px solid #ee3b35;
    border-bottom: 2px solid #ee3b35; 
    padding: 5px;
	margin-top: 80px; }

/* Gallery 
---------------------------------------------- */
.nde-gallery-1-1 .et_pb_gallery_image {
    padding-top: 100%;
    display: block; }

.nde-gallery-1-1 .et_pb_gallery_item img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover; }

/*Nathans at home menu
---------------------------------------- */
.na-home-item { 
	border: 2px solid #1c449c;
	padding: 20px 20px;
	margin-bottom: 50px; }

.na-home-img { 
	min-height: 250px;
    background-position: center;
    background-size: cover; }

.na-home-des { padding-bottom: 20px; }

.na-home-price p {
    text-transform: uppercase;
    letter-spacing: 1px; }

/*footer
---------------------------------------------- */
.footer-contact div p, .footer-contact div p a, p.location-heading, a.location-heading, .footer-block p.location-note {
    font-family: sweet-sans-pro, sans-serif;
    font-weight: 800;
    color: #1c449c;
    line-height: 1.2em; }

.footer-block div.location-hours {
    font-family: sweet-sans-pro, sans-serif;
    color: #1c449c;
    line-height: 1.2em;
	padding: 30px 0px; }

.footer-contact div h3 {
    font-family: sweet-sans-pro, sans-serif;
    font-size: 20px; }

h5.footer-title { 
	letter-spacing: 1px;
	font-weight: 800; }

.footer-block div.location-hours { font-weight: 400; }

.footer-block p.location-note, .footer-block div.location-hours  { font-size: 16px; }
  
.footer-contact div p span a, a.underline_link {
	text-decoration: underline;
	color: #1c449c;
	font-weight: 400;
	font-size: 18px; }

ul.et_pb_social_media_follow_0_tb_footer li a.icon, ul.et_pb_social_media_follow_0_tb_footer li a.icon:before { 
	width: 34px; 
	height: 34px;
	line-height: 34px; }

@media screen and (min-width: 981px){
	li.current_page_item a:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ee3b35;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    margin-top: 20px;
    transform: scale(0);
	transition: all .3s ease-out; }

	div.row70 {
   		max-width: 70%;
    	margin: 0 auto; }
	
	.menu-item-wrapper { padding: 1.5em 0em 1.5em 0; }
	
	h2.ds-section{ padding-top: 1.5em; }
	
	h1.large-font, h2.large-font, h2.ds-section, div .large-font, h2.na-title { 
		font-size: 50px!important; }
	
	h2.menu-item-title { 
		font-size: 22px;
		padding-right: 32%; }
	
	span.nd-price { max-width: 30%; }
	
	.menu-item-desc { font-size: 20px; }
	
	div.et_pb_button_module_wrapper.mobile-cta { margin-top: 20px;  }
	
	div.et_pb_column_1_3 h3, div.et_pb_column_1_4 h3, div.et_pb_column_1_5 h3, div.et_pb_column_1_6 h3, div.et_pb_column_2_5 h3 { 
		font-size: 26px; }
	
	.footer-contact div p, .footer-contact div p a, p.location-heading, a.location-heading { font-size: 22px; }
	
	.footer-block { padding-bottom: 40px; }
	
	.et_pb_social_media_follow_0_tb_footer li a.icon:hover { 
		transform: scale(1.1); 
	    -webkit-transform: scale(1.1);
    	-ms-transform: scale(1.1); }
	
	.et_pb_social_media_follow_0_tb_footer li a.icon{ 
	    -webkit-transition: background-color .2s ease,-webkit-transform .2s ease;
    	transition: background-color .2s ease,-webkit-transform .2s ease;
    	transition: background-color .2s ease,transform .2s ease;
		transition: background-color .2s ease,transform .2s ease,-webkit-transform .2s ease; }
	
	/*Home slider
	---------------------------------------- */
	#home-banner div div .et_pb_container {
    	min-height: 600px; }
	
	a.ds-menu-active:before {
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background: #ee3b35;
		display: inline-block;
		position: relative;
		left: 0;
		top: -4px;
		margin-right: 10px; }
	
	/*Nathans at home menu
	---------------------------------------- */
	.na-home-item, .na-home-col {
		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
		display: flex; }

	.na-home-item {
		flex-direction: row;
		justify-content: space-between; }
	
	.na-home-col {
    	flex: 0 50%;
		margin: auto;
		width: 50%;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		padding: 10% 5%;
		position: relative; }

	.na-home-img { 
		flex: 0 50%; }
}

@media screen and (max-width: 980px){
	/*mobile navigation menu
	---------------------------------------- */
	div.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul { 
		background-color: #fff !important; }
	
	ul#mobile_menu1 { 
		padding-top: 40px;
		border: none; 
    	box-shadow: none; }
	
	li.current_page_item a:before {
		content: "";
		width: 10px;
		height: 10px;
		background: #ee3b35;
		display: inline-block;
		border-radius: 50%;
		margin-right: 5px;
		margin-bottom: 2px; }
	
	.et_pb_column div.et_pb_menu div.et_pb_menu_inner_container, ul#mobile_menu1 {
   	 	padding-left: 10%;
    	padding-right: 10%; }
  
  	.et_pb_menu__logo img{ max-width: 150px; }
  
  	.et_pb_menu_0_tb_header.et_pb_menu ul li a{
    	font-family: alternate-gothic-condensed-a, sans-serif;
    	font-size: 30px;
		padding: .2em 0 1em;
  		letter-spacing: 1px;
  		text-transform: uppercase; }
	
	.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, .mobile_nav.opened .mobile_menu_bar:before { 
		color: #254596!important; }
	
	.res-menu-nav { display: none; }
	
	div.et_pb_button_module_wrapper.mobile-cta { 
		margin-top: 0px; 
    	margin-bottom: 40px!important; }
	
	.menu-item-wrapper{ padding: 1em 0em 1em 0; }
	
	/* Type
	---------------------------------------- */
	h1.large-font, h2.large-font, h2.ds-section, h3.large-font, div .large-font, h2.na-title { 
		font-size: 35px; }
		
	h2.ds-section{ padding-top: 2em; }
	
	.menu-item-desc, h2.menu-item-title { font-size: 18px; }
	
	h2.menu-item-title { 
		padding-right: 27%; }
	
	span.nd-price { 
		max-width: 25%;
		font-size: 18px; }
	
	/*Home slider
	---------------------------------------- */
	#home-banner div div .et_pb_container {
    	min-height: 400px; }
	
	/* Nathan's At Home
	---------------------------------------- */
	.na-home-item {
    	display: flex;
		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
    	flex-direction: column; }
	
	.na-home-img.col-reverse1 { order: 1;}
	.na-home-col.col-reverse2 { order: 2; }
	
	.na-home-img { margin-bottom: 20px; }
	
	/* footer styles
	---------------------------------------- */
	.footer-contact div p, .footer-contact div p a, p.location-heading, a.location-heading{ font-size: 20px;}
	
	a.fixed-tel:after {
    	font-family: etModules;
    	content: "\e090";
    	font-size: 25px;
    	padding: 15px 15px;
    	border-radius: 50%;
    	color: #fff;
    	background: #1c449c;
		box-shadow: rgb(0 0 0 / 10%) 0px 1px 6px, rgb(0 0 0 / 20%) 0px 2px 24px;}
	
  	a.fixed-tel {
    	position: fixed;
    	bottom: 20px;
    	right: 10px; }  
	
	.footer-block { padding-bottom: 30px; }
}

/* Responsive tablet and desktop styles */
@media all and (min-width: 768px) { 
	.location-flex {
   		display: flex;
		display: -webkit-box;
 		display: -webkit-flex;
  		display: -ms-flexbox;
    	justify-content: space-between; }
	
	.location-col-1 { 
		flex: 0 41%; 
		padding-right: 3%; }
	
	.location-col-2 { 
		flex: 0 58%;
    	padding-left: 3%;}
}