/*
Theme Name: Alto
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Theme pour la Pizzeria Alto
Author: MAKEMAGIK
Author URI: http://www.makemagik.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Utilities */
.text-black,
.text-black p {
	color: #000;
}

.title.has_background {
	background-size: cover !important;
}

/* Home */
.rev_slider_wrapper .qbutton {
	min-width: 160px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.element-scooter {
	position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.element-voiture {
	position: absolute;
    bottom: 0;
    right: -150px;
    display: none;
    z-index: 150;
    width: 500px;
}

@media (min-width: 1200px){
	.element-scooter,
	.element-voiture {
		display: block;
	}
}

.title_subtitle_holder_inner .subtitle{
	margin-top: 30px;
}


/* Home */
.text-bloc-bestpizza p {
	font-size: 20px;
    line-height: 33px;
}

/* Menu Food */

.separator {
    background-color: #a1a1a1;
}

.menu-food {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

@media (min-width: 1000px){
	.menu-food {
		text-align: justify;
	    -moz-text-align-last: center;
	    text-align-last: center;
	}
}

.menu-food ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu-food li {
	display: inline-block;
	padding-left: 0;
}

.menu-food li::after {
	content: "|";
	display: inline-block;
	color: #ef2d38;
	margin-left: 2px;
	margin-right: 2px;
}


@media (max-width: 999px){
	.menu-clear::after {
		content: "";
		display: none;
		margin: 0 !important;
	}
}

@media (min-width: 1000px){
	.menu-clear {
	  clear:both;
	  content:".";
	  display:block !important;
	  height:0;
	  line-height:0;
	  visibility:hidden;
	}
	.menu-food li.no-sep::after {
		content: "";
		display: none;
		margin: 0 !important;
	}
}

.menu-food li:last-child::after {
	content: "";
}

.menu-food li a {
	padding: 6px 12px;
	display: inline-block;
}

.menu-food a:active,
.menu-food a:focus,
.menu-food a:hover {
	color: #fff;
	background-color: #ef2d38;
}

/* Tables Menu */
@media (min-width: 1000px){
	.ts-advanced-tables-wrapper tbody td:not(:empty) {
		padding:1em 0 0 0 !important;
		background-image:radial-gradient(#cccccc 1px, white 0px) !important;
		background-size: 8px 8px !important;
		background-repeat:repeat-x !important;
		background-position: left bottom !important;
	}

	.ts-advanced-tables-wrapper tbody td small {
		color: #999999;
	}

	.menu-subtitle {
		display: inline-block;
		width: 100%;
	}

	.menu-subtitle-pad {
		display: inline-block;
		width: 100%;
		padding-right: 2em;
	}

	.ts-advanced-tables-wrapper th {
		padding-left: 0 !important;
		color: #ee2d38;
	}

	.ts-advanced-tables-wrapper thead th:last-child {
		padding-right: 0;
	}

	body table.ts-advanced-tables-datatable tbody td.ts-cell-vertical-middle {
		vertical-align:bottom !important;
	}

	.ts-advanced-tables-wrapper tbody td span{
	    padding-left: 1em !important;
	    padding-right: 1em !important;
	    padding-bottom: 1em !important;
	    background-color: #fff !important;
	}

	.ts-advanced-tables-wrapper tbody td:first-child span {
		padding-left: 0 !important;
	}

	.ts-advanced-tables-wrapper tbody td:last-child span {
	    padding-right: 0 !important;
	}

}

/* Contact */

.title-large h2,
.title-large h3 {
	font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}

.text-large p {
	font-size: 30px;
    line-height: 40px;
}

.vc_row.row-contact-red {
	background-size: cover !important;
}

@media (max-width: 900px){
	.vc_row.row-contact-red {
		background-image: none !important;
	}	
}


/* Back to top */
.magik-top {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 52px;
}

.magik-top > span {
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 24px;
	text-align: center;
    text-decoration: none;
    -o-border-radius: 52px;
    -moz-border-radius: 52px;
    -webkit-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    border: 2px solid #e8e8e8;
    background: 0 0;
 }

.magik-top span i,
.magik-top span span{
	color: #ee2d38;
}
.magik-top:hover span i,
.magik-top:hover span span{
	color: #ffffff;
}

.magik-top > span{
	background-color: rgba(255,255,255,1);border-color: rgba(238,45,56,1);border-width:2px;border-style: solid	
}
.magik-top:hover > span{
	background-color: rgba(238,45,56,1);border-color: rgba(238,45,56,1)	
}