/*
 Theme Name:   rozario child
 Theme URI:    http://demo.themeton.com/rozario
 Description:  Rozario Child Theme
 Author:       ThemeTon
 Author URI:   http://themeton.com
 Template:     rozario
 Version:      1.0
*/

@import url("../rozario/style.css");

/* Theme customization starts here
  -------------------------------------------------------------- */
 .cff-wrapper{
	 margin-top:10px;
 } 
.black-icons-custom .vc_color-black.vc_message_box{
    background: none;
    border: none;
    color: #000;
	margin-bottom:0px;
	padding-top: 0px;
}
.black-icons-custom .vc_color-black .vc_message_box-icon{
    top: -16px;
}

.border-left-food{
	border-left:solid 1px #fff;
}

body .margin-top-for-button{
	    margin-top: 10px;
}
  
body .heading h3{
	color:#fff;
}

 body header#header.menu-below-logo nav.main-nav > ul > li > a{
	 color:#fff;
 }
 
 body header#header.menu-below-logo nav.main-nav > ul > li > a:hover{
	 text-decoration:underline;
 }
 
body header#header.menu-below-logo nav.main-nav{
	 border-top:#fff 1px solid;
		border-bottom:#fff 1px solid;
 }
 
body .mouse-wheel {
	margin-top:-52px;
    left: 50%;
    margin-left: -11px;
}

.brown-background{
	background-color:#e7caac;
}

.brown-background .adres-heading h3{
	line-height:80px;
}

.brown-bg-header-margin-bottom .heading h3{
	padding-bottom:20px;
}

.brown-box{
	background-color:#e7caac;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.brown-box .heading h3{
	padding-top:40px;	
	color:#000;
}

body .heading h4{
	color:#000;
}

#specials-list .heading h3{
	color:#e7caac;
}

.full-width-title{
	width:100%;
	display:inline-block;
	padding-bottom:20px;
}

.df-button{
	position:relative;
	overflow:hidden;
	padding-right:50px!important;
	display:block;
}
.df-button:after{
	content: "\f0f5";
    font-family: Fontawesome;
    font-size: 18px;
    color: #000;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 40px;
    text-align: center;
    line-height: 36px;
    transition: all 0.25s ease;
}


.brown-background .wpcf7-form input.wpcf7-submit:hover{
	color:#000;
}

a.df-button:focus,
a.df-button:hover{
	color:#000;
	text-decoration:none;
}

a.df-button:hover:after{
	    color: #fff;
    background-color: #000;
}

.image-person h2.wpb_singleimage_heading{
	color:#fff;
	font-family:'Raisin des Sables';
	width:100%;
	text-align:center;
	font-size: 65px;
}

.wpcf7-form-control-wrap textarea.wpcf7-textarea{
	height:150px;
}

body header#header #logo.logo-image{
	height:185px;
	margin-bottom:0px;
}

.copyright-text a{
	color:#fff;
	text-decoration:underline;
}

.nav-bar-toggle{
	display:none;
}
header#header nav.show-mobile-menu > ul#primary-nav{
	display:block !important;	
}

header#header nav.show-mobile-menu > ul#primary-nav li.menu-item a{
	color:#000;
	width:100%;
	text-align:center;
	height:100%;
	display:inline-block;
}

header#header nav.show-mobile-menu > ul#primary-nav li.menu-item{
	width:100%;
	margin-left:0px;
	background-color:#fff;
	color:#000;
	margin-top:1px;	
	
}

header#header nav.show-mobile-menu > ul > li + li::before{
	display:none;
}

.dfood-fb-pic img{
	width:200px;
	height:auto;
}
.dfood-fb-pic{
    margin-top: -20px;
}

span.dfood-english-flag{
	position:fixed;
	width:48px;
	height:48px;
	background-color:none;
	border:none;
	background-image:url(img/united_kingdom_flag.png);
	display:block;
	top:10px;
	left:10px;
	cursor:pointer;
	z-index: 2000;
}

body.admin-bar span.dfood-english-flag{
	top:42px;
}

.openingstijden{
	color:#fff;
	cursor:pointer;
}

.openingstijden:hover{
	text-decoration:underline;
}
.copyright-text a.login-button-dfood:hover,
.copyright-text a.login-button-dfood{
	text-decoration:none;
	cursor:normal;
	color:#989898;
	text-decoration:none;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.wpb_wrapper .main-image-header{
			margin-top:10px !important;
		}
		
		.nav-bar-toggle{
			width:40px;
			height:40px;
			display:block;
			background-color:#fff;
			left:50%;
			margin-left:-15px;
			position:relative;
		}
		
		.nav-bar-toggle:after{
			content: '\f0c9';
			font-family: FontAwesome;
			text-decoration: none;
			color:#000;
			font-size:30px;
			line-height:40px;
			cursor:pointer;
		}
		
		nav.show-mobile-menu .nav-bar-toggle:after{
			content: '\f077';
		}		
		body section.page-title h1{
			font-size:25px;
		}		

    }

	
	
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }