*
{
margin:0;
padding:0;
}

html {
  scroll-behavior: smooth!important;
}

.navbar{margin-bottom:0px!important;}

/*-----------Background-Images------------*/

.logo-2, .scrolling-active .logo-1{display:none!important;}

.scrolling-active .logo-2 {display:inline!important;}

body{
	

}

.scrolling-active{
	background-color:#f8f6c5;
	transition: background-color 400ms ease;
	}



.dropdown ul {
	background-color: #fff2e6;
}

.dropdown ul:after{
	
	/* Creates the arrow pointing up, to change to a notch instead user border-top */
	border-bottom: solid 15px #fff2e6; 
	}

/* Note: Use this option if you want to change the color on scroll. 6-7-25

.scrolling-active .dropdown ul {
background-color: yellow;	
}

.scrolling-active .dropdown ul:after{
	
	border-bottom: solid 15px yellow; 
}*/



.navigation .menu li a
{color:#002412;}

.scrolling-active .navigation .menu li a, .dropdown ul a
{color:#2e160e!important;}

 .navigation .menu li:hover a
{
/*background-color:blue;*/
	color:#f8f6c5;}

.scrolling-active .navigation .menu li:hover a, .dropdown ul a
{
/*background-color:blue;*/
	color:#ab463c!important;}

.row a:hover{
	color:#ab463c!important;}

.row a {color:#333!important;}


@media screen and (max-width:767px){

.navigation .navbar .logo-toggle-container .toggle-box span, .logo-toggle-container, .navigation
{
	background-color:#f8f6c5;
	
	
	}
	
.navigation .menu li a
{color:#804000;}
	
.logo-1, .scrolling-active .logo-1{display:none!important;}

.logo-2,.scrolling-active .logo-2 {display:inline!important;}
}




/*-----------End of Background-Images------------*/


/*-----------Font------------*/

@font-face {
  font-family: myFirstFont;
  src: url(../fonts/Menda-SemiBold.woff);

}

h2{
	font-family: myFirstFont!important;
font-size:1em!important;

}

.navigation .menu li a
{
text-decoration:none;
 font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: normal;
font-size:1.2em;
}

.navigation .menu li:hover a
{
text-decoration:underline;
text-underline-offset: 8px;
text-decoration-thickness: 1px!important;
}



.row a:hover{
	text-decoration:none!important;
}



.desktop-link, .mobile-link{

	 font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: normal;
	
	}

/*-----------End of Font------------*/


.content{
	/*padding-top:150px!important;*/}

/*.fa{
	padding:10px!important;
	font-size:1.5em!important;
}*/



/*-----------Navigation------------*/

.navigation
{
	/*min-height:auto;
	max-width:100%!important;
margin:0 auto;*/


	line-height:50px;
	
	padding-top:0px;
	/*transition: all 0.3s ease;*/
	position:fixed!important;
	width:98%;
	z-index:100000!important;
}
.navigation > .container
{

max-width:98%!important;
margin:auto;
}
.navigation .navbar
{
position:relative;
		  display: flex;
	justify-content:space-between;
	  flex-direction: row;
	z-index:10000;
}
.navigation .navbar .logo-toggle-container
{
position:relative;
	flex: 33%;
/*left:50%;
top:5px;
transform:translateX(-50%);
padding-top:40px;*/
	padding-left:100px;
	padding-right:100px;
	padding-top:10px;

}
.navigation .navbar .logo-toggle-container a
{
display:block;
	
}
.navigation .navbar .logo-toggle-container a img
{
width:250px;
	
/*margin-top:25px;*/

}
.navigation .menu, .social .menu
{

text-align:right;
	flex: 33%;
	/*padding-top:40px;*/
}

.navigation .menu li
{
display:inline-block;
/*padding:43px 10px;*/
}
.navigation .menu li a
{
display:block;
padding:8px 15px;
}
.navigation .menu li:nth-child(1),
.navigation .menu li:nth-child(2),
.navigation .menu li:nth-child(3)
{
float:right;
}


.scrolling-active{
	padding-top:0px;
	/*transition: all 0.3s ease;*/
	position:fixed!important;
	width:100%;
	z-index:100000!important;
	min-height:70px;
	
	
	}


/*---Dropdown Option 6-6-25------*/

.navbar.dropdown  {
  position: relative;
  display: inline-block;

 
}

/*Note: For more symbols go to: https://www.toptal.com/designers/htmlarrows/*/

.menu .dropdown a::after{content: " \2023"!important; }

.menu .dropdown ul a::after{content: " "!important;}

.menu .dropdown ul a{

	text-decoration:none!important;
width:100%;
	padding:0px;
	/*border-bottom:thin solid grey;*/
	min-height:auto;
}

.menu .dropdown a{text-decoration:none!important;}

.menu .dropdown ul a:hover{

	text-decoration:underline!important;
	text-underline-offset: 8px;
text-decoration-thickness: 1px!important;

}



.dropdown ul {
  display: none;
  position: absolute;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 0px;
  z-index: 1;
top:55px;
	text-align:center!important;
	left:-50px;
	border-radius:10px;
}

.dropdown ul:after{
    content:''; /* Required to display content */
    position: absolute; /* Sets the position absolute to the top div */
    top: 5px;
    left: 50%;/* position the little arrow */
    margin-left: -15px;
		margin-top:-15px; /* Set margin equal to border px */
    width: 0;
    z-index:1;
    height: 0;
    border-left: solid 15px transparent; /* Creates triangle effect */
    border-right: solid 15px transparent; /* Creates triangle effect */

}


.dropdown ul li {
	display:block;
	width:100%;
	
	
}

.dropdown:hover ul {
  display: block;
	width:100%;
}

/*---End of Dropdown Option 6-6-25------*/

/*-----------End of Navigation------------*/


/*-----------Top Banner------------*/

.left{
	text-align:left;
	padding:10px!important;
	font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: normal;
	font-size:1.2em;

}
.right{text-align:right;}

.desktop-link{display:block!important;}
.mobile-link{display:none!important;}

.row{margin-right:0px!important;}

/*-----------End of Top Banner------------*/


/*---------------------------Responsive 1024px---------------------------*/

@media screen and (min-width:1024px)
{
.navigation .menu
{
display:flex !important;
justify-content: center;
height:auto !important;
}
	
.navbar .social 
{
display:flex !important;
justify-content:flex-end;
height:auto !important;
	font-size:1.5em!important;
	
	padding-right:50px;
}
}


/*---------------------------Responsive 767px---------------------------*/

@media screen and (max-width:767px)
{
	
	
	.navigation{
		width:100%;
		/*line-height:10px!important;
		margin-top:40px!important;*/
	
	}
	
	
	
	
	.navigation .navbar .logo-toggle-container {
		padding-top:0px;
		padding-left:20px;
	}
	
.navigation .navbar .logo-toggle-container a img
{
width:250px;
margin-top:25px;	
}


.navigation .navbar .logo-toggle-container
{
position:static;
transform:translateX(0%);
margin-top:-50px;
}
.navigation .navbar .logo-toggle-container a
{
width:80%;
}
.navigation .navbar .logo-toggle-container .toggle-box
{
position:absolute;
right:10px;
top:20px;
display:block;
width:40px;
background:#000;
padding:15px 9px;
cursor:pointer;
border-radius:5px;
}
.navigation .navbar .logo-toggle-container .toggle-box span
{
display:block;
max-width:90%;
margin:auto;
height:2px;
margin-bottom:4px;
}
.navigation .navbar .logo-toggle-container .toggle-box span:last-child
{
margin-bottom:0;
}
.navigation .menu
{
text-align:center;
display:none;
}
.navigation .menu li,.dropdown ul li
{
display:block;
float:none !important;
padding:20px;
/*border-bottom:1px solid #ccc;*/
}
	
.desktop-link{display:none!important;}
.mobile-link{display:block!important;}

.left, .right{text-align:center!important;}
	
.navigation .navbar
{
position:relative;
		  display: inline;

}
	
.dropdown ul {
  display: none;
  position: relative;
  min-width:auto;
  box-shadow:none!important;
  padding:0px;
  z-index:auto;
top:5px;
	text-align:center!important;
	left:0px;
}
	
.dropdown ul:after{
    content:''; /* Required to display content */
    position: absolute; /* Sets the position absolute to the top div */
    top: 7px;
    left: 50%;/* position the little arrow */
    margin-left: -15px;
		margin-top:-15px; /* Set margin equal to border px */
    width: 0;
    z-index:1;
    height: 0;
    border-left: solid 15px transparent; /* Creates triangle effect */
    border-right: solid 15px transparent; /* Creates triangle effect */
}
	

		
}


  @font-face {
        font-family: 'DublinFont'; /* Name you'll use in CSS */
        src: url('https://mamaandmeacai.com/wp-content/themes/mama-and-meacai-6-9-25/fonts/dublin-regular.woff2') format('woff2'),
             url('https://mamaandmeacai.com/wp-content/themes/mama-and-meacai-6-9-25/fonts/dublin-regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* Controls font loading behavior */
    }

  @font-face {
        font-family: 'TayDreamboat'; /* Name you'll use in CSS */
        src: url('https://mamaandmeacai.com/wp-content/themes/mama-and-meacai-6-9-25/fonts/tay-dreamboat.woff') format('woff'),
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* Controls font loading behavior */
    }

.dublin .elementor-icon-list-item > .elementor-icon-list-text,
.dublin .elementor-icon-list-item > a,
.dublin .elementor-heading-title  {font-family: 'DublinFont', sans-serif!important; /* Add fallback fonts */}
.tay .elementor-heading-title{font-family: 'TayDreamboat', sans-serif!important; /* Add fallback fonts */}

.dublin .elementor-icon-list-item > a:hover{text-decoration:none!important;}