/*
Theme Name: Cuisine Photo
Description: Specially edited for Cuisine Photo.
Author: Wolinka
Author URI: https://wolinka.com
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.page-id-2 #wrapper {
	height: 100vh;
	overflow: hidden;
}

.page-id-2 .header,
.page-id-2 .header-wrapper {
	position: absolute;
}

.page-id-2 #main:after {
	content: "";
	background-image: url('assets/img/tolga-tugrul-banner.png');
	background-size: cover;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
}


.slider-nav-light .flickity-page-dots .dot {
    border-color: #fdb912;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
	background-color: #fdb912;
}

.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover {
    border-color: #fdb912;
    background-color: #fdb912;
    color: #fff;
}

.food-title {
    color: #a90432;
    font-size: 16px;
}

::marker {
  color: #fdb912;
}


@media only screen and (max-width: 48em) and (orientation: portrait) {
    .page-id-2 #main:after {
        background-position: 50% 80%; /* Yatayda ortada, dikeyde %80 aşağıda */
    }
}

@media only screen and (max-width: 48em) and (orientation: landscape) {
    .page-id-2 #main:after {
        background-position: 50% 30px; /* Yatayda sağda, dikeyde ortada */
    }
}