/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.8.4
Text Domain: flatsome
License: http://themeforest.net/licenses
License URI: http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.side-header {
    width:300px; /* Change Width Step: 1  */ 
    position: fixed;
	left: 0;
    top: 0;
    z-index: 999;
	background: #fff;
/*     -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); */
    display: inherit;
}
#menu-item-49 {
	position: relative;
	z-index: 99999;
	
}
button[class="toggle"] {
	width: 200px !important;
	height: 30px !important;
	position: absolute;
    height: 30px;
	top: 5px;
}
#menu-item-49 .icon-angle-down:before {
	content: "\f107";
    position: absolute;
    top: -15px;
	left: 80px !important;

}
#menu-item-49 .icon-angle-down {
	font-size: 18px;
	right: -30px !important;
}

button .icon-angle-down {
	display: none !important;
}
#menu-item-49:active .active .toggle {
	display: block !important;
	z-index: 999;
}
@media screen and (min-width: 849px) {
    #content {
       margin-left:300px; /* Change Width Step: 2  */ 
    }
    .header {
       display:none;
       visibility:hidden;
    }
}

.side-nav .col{ 
    overflow-y: auto;
    max-height:300px; /* Change nav scroll height */ 
}

.side-header .widget {
    margin-bottom: 0px;
}
.post-title{
	font-weight:300;
	font-size: 1.75em;
	color: black;
}
.copyright-footer{
	color: black;
}
.sidebar-wrapper #nav_menu-2{
	margin-left: 70px;
}
#menu-main{
	font-size: 12px;
	
}
a {
	color: #000;
	font-weight:400;
}
a:hover{
	color: #000;
	font-weight: 600;
}
a:active{
	font-weight: 600 !important;
}
h1, h2, h3, h4,h5, h6,p, span{
	color: #000;
}
.social-icons{
	color: #666;
}
/* ----------------------contact form 7------------------- */
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* ---------------------------------------------------------------- */
.wpcf7 input[type = "text"],
.wpcf7 input[type = "email"],
.wpcf7 input[type = "tel"],
.wpcf7 input[type = "number"],
.wpcf7 input[type = "date"],
.wpcf7 .wpcf7-select,
textarea{
	border: 1px solid black;
}
div[class="sidebar-menu no-scrollbar "]{
	background-color: #c5ed61;
}
div[class="section-content relative"],
div[class="bg section-bg fill bg-fill bg-loaded"]{
	background-color: #c5ed61;
}
div[class="social-icons follow-icons full-width text-center"]{
	color: #000;
}
#phone-vr{
	margin-right:5px;
	margin-bottom: 10px;
}
.content-tour-top h2 {
	font-size: 36px !important;
	color: red !important;
}
.content-tour-top h3 {
	font-size: 24px !important;
	color: #008000 !important;
}
.sale-tour-cooking:after {
	content: '';
	background-image: url('https://discoverhoianfoodtours.com/wp-content/uploads/2023/03/20-30.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 68%;
	left: 50%;
	z-index: 1;
	animation: shake 1s;
  	animation-iteration-count: infinite;
}
.sale-tour-unique:after {
	content: '';
	background-image: url('https://discoverhoianfoodtours.com/wp-content/uploads/2023/03/30.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 15%;
	left: 70%;
	z-index: 1;
	animation: shake 1s;
  	animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(3px, 3px) rotate(0deg); }
  10% { transform: translate(-3px, -5px) rotate(20deg); }
  20% { transform: translate(-5px, 2px) rotate(0deg); }
  30% { transform: translate(3px, 2px) rotate(-20deg); }
  40% { transform: translate(3px, -3px) rotate(0deg); }
  50% { transform: translate(-1px, 2px) rotate(20deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-20deg); }
  80% { transform: translate(-1px, -1px) rotate(0deg); }
  90% { transform: translate(1px, 2px) rotate(20deg); }
  100% { transform: translate(1px, -2px) rotate(0deg); }
}

@media screen and (max-width: 640px) {
	.sale-tour-cooking:after {
		content: '';
		width: 150px;
		height: 150px;
		position: absolute;
		top: 69%;
		left: 70%;
	}
	.sale-tour-unique:after {
		content: '';
		width: 150px;
		height: 150px;
		position: absolute;
		top: 48%;
		left: 70%;
	}
}