html {
font-size: 16px;
}
/* Popup CSS Start */
.tt_popup_main_wrapper {
background-color: #1e293b;
max-width: 48rem;
}
.tt_popup_menu_heading {
color:#ffffff;
}
.tt_popup_img_meta_wrapper {
display: grid;
grid-template-columns: 8rem 1fr;
gap: 12px;
margin-bottom: 15px;
}
.tt_popup_menu_price_wrapper {
margin-block: 8px;
}
.tt_popup_menu_price_wrapper .tt_popup_menu_price {
color: #ffffff;
}
.tt_accordion_btn_heading:hover,.tt_accordion_btn_heading:focus {
color: #ffffff;
}
.toast_popup_accordion .toast_accordion-item:not(:last-child) .tt_accordion_wrapper.collapsed {
border-bottom: 1px solid #e7e0da;
}
.tt_popup_menu_description_p {
color: #ffffff;
}
#tt_popup_box_content {
background-color: #0f172a;
}
.tt_accordion_btn_heading {
color: #ffffff;
}
.tt_accordion_body .tt_accordion_ullist {
background-color: #ffffff0d;
}
.tt_popup_close_x {
color: #ffffff;
}
.tt_accordion_body_text {
color: #fffc;
}
.tt_menu_tags_wrapper {
color: #ffffff;
}
.tt_popup_menu_img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.tt_menu_img {
transition: all 0.3s;
}
.tt_single_menu_wrapper:hover .tt_menu_img {
transform: scale(1.05);
border-radius:15px;
}
.tt_accordion_btn_heading.tt_accordion_wrapper:after{
filter: invert(1);
}
.tt_popup_menu_description_p{
font-weight: 400;
}
/* Popup CSS End */
.tt_col_2.tt_img_above .tt_menu_img {
height: 250px;
}
.tt_col_1.tt_img_above .tt_menu_img {
height: 350px;
}
.tt_menu_main_wrapper.tt_col_1 {
max-width:848px;
}
.tt_col_3.tt_img_above .tt_menu_img {
height: 200px;
}
.tt_template_type {
text-align: center;
font-weight: bold;
text-transform: capitalize;
color:#ffffff;
}
.tt_main_shortcode_wrapper {
width: 100%;
}
.tt_menu_img_wrapper.rounded {
border-radius: 100%;
}
.round_edges .tt_menu_img_wrapper.rectangle {
border-radius: 12px;
}
.tt_menu_img_hide{
text-align: center;
}
.tt_accordion_wrapper:focus,
.tt_link_single_menu_wrapper:focus {
outline-width: 0px !important;
}
.tt_single_menu_wrapper {
box-sizing: border-box;
width: 100%;
padding: 14px;
transition:all 0.3s;
cursor: pointer;
height: 100%;
}
.tt_img_above .tt_menu_heading_meta_wrapper {
text-align: center;
}
.tt_popup_menu_tags_wrapper {
font-weight: 600;
color: #ffffff;
line-height: 1em;
font-size: 12px;
}
.tt_title_price_wrapper {
display: flex;
justify-content: space-between;
gap: 4px;
flex-direction: column;
}
.tt_main_shortcode_wrapper {
background-image: linear-gradient(to bottom right, #0f172a, #1e293b, #0f172a);
padding: 15px 10px;
}
.template_title_main{
color:#ffffff;
}
.tt_img_aside .tt_menu_img_wrapper {
aspect-ratio: 1 / 1;
}
.tt_menu_price_wrapper {
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
white-space: nowrap;
}
.tt_menu_main_wrapper {
max-width: 1200px;
margin-inline: auto;
padding-block: 15px;
}
.tt_menu_heading {
font-weight: 600;
font-size: 20px;
line-height: 1.2em;
margin-block: 0px;
transition: all 0.3s;
}
.tt_menu_group_heading{
font-size: 30px;
line-height:1.2em;
padding-block: 0px 8px;
margin-block: 32px 24px;
font-weight:600;
}
.tt_menu_description {
color: #7e6f67;
font-size: 14px;
line-height: 1.4em;
font-weight: 400;
color: hsl(0deg 0% 100% / 90%);
}
.text-center{
text-align: center;
}
.tt_pb_03 {
padding-bottom: 1rem !important;
}
.tt_pt_02 {
padding-top: .5rem !important;
}
.tt_mb_02 {
margin-bottom: 0.3rem !important;
}
.tt_mb_01 {
margin-bottom: .25rem !important;
}
.tt_mt_00{
margin-top: 0px !important;
}
.tt_mb_00{
margin-bottom: 0px !important;
}
.tt_menu_img_wrapper.rounded {
aspect-ratio: 1 / 1;
}
.tt_menu_items_wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 24px 30px;
}
.tt_col_1 .tt_menu_items_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.tt_col_2 .tt_menu_items_wrapper {
grid-template-columns: repeat(2, 1fr);
}
.tt_col_3 .tt_menu_items_wrapper {
grid-template-columns: repeat(3, 1fr);
}
.tt_img_aside .tt_single_menu_wrapper {
display: grid;
grid-template-columns: 128px 1fr;
gap: 12px;
}
.tt_menu_img_wrapper img {
object-fit: cover;
}
.tt_menu_img_wrapper {
position: relative;
overflow: hidden;
}
.tt_img_above .tt_title_price_wrapper{
margin-top: 15px;
}
.tt_hide_menu_price .tt_title_price_wrapper {
grid-template-columns: 1fr;
}
.tt_single_menu_wrapper:hover {
background-color: rgb(255 255 255 / 10%) !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.tt_img_aside .tt_menu_img_wrapper.rounded img {
border-radius: 100% !important;
aspect-ratio: 1 / 1;
object-fit: cover;
height: auto;
}
.tt_img_aside .tt_menu_img_wrapper img {
aspect-ratio: 1 / 1;
}
.round_edges .tt_menu_img_wrapper img {
border-radius: 6px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.tt_img_aside .tt_single_menu_wrapper.tt_hide_menu_content {
grid-template-columns: 1fr;
}
.tt_hide_menu_content .tt_menu_heading_meta_wrapper {
display: none;
}
img{
max-width:100%;
width: 100%;
}
.tt_col_1 .tt_single_menu_wrapper {
gap: 16px;
padding: 16px;
}
.tt_col_1 .tt_single_menu_wrapper.round_edges .tt_menu_img_wrapper img {
border-radius: 8px;
}
.tt_img_above .tt_menu_img_wrapper.rounded,
.tt_img_above .tt_hide_menu_content .tt_menu_img_wrapper.rounded,
.tt_img_aside .tt_hide_menu_content .tt_menu_img_wrapper.rounded {
aspect-ratio: 1 / 1 !important;
width: clamp(150px, 20vw, 200px);
margin-inline:auto;
}
.tt_img_above .round_edges .tt_menu_img_wrapper img.rounded-circle {
border-radius: 100%;
aspect-ratio: 1 / 1;
height: auto;
}
.tt_hide_menu_content .tt_menu_img_wrapper.rectangle img{
aspect-ratio: 2 / 1;
}
img.tt_menu_img.rounded-circle {
aspect-ratio: 1 / 1 !important;
border-radius: 100%;
}
.tt_hide_menu_content .tt_menu_img_wrapper.rectangle {
aspect-ratio: 2 / 1;
}
.tt_link_single_menu_wrapper {
text-decoration: none !important;
}
.tt_menu_heading {
color: #ffffff;
}
.tt_menu_price_wrapper {
color: #ffffff;
}
.tt_menu_group_heading {
color: #ffffff;
}
@media (max-width:980px){
.tt_col_3.tt_img_aside .tt_menu_items_wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width:768px){
.tt_col_3 .tt_menu_items_wrapper {
grid-template-columns: repeat(2, 1fr);
}
.tt_col_3.tt_img_aside .tt_menu_items_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.tt_col_2.tt_img_aside .tt_menu_items_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.tt_col_2.tt_img_above .tt_menu_img {
height: 200px;
}
.tt_col_1.tt_img_above .tt_menu_img {
height: 220px;
}
.tt_col_3.tt_img_above .tt_menu_img {
height: 200px;
}
}
@media (max-width:575px){
.tt_col_2 .tt_menu_items_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.tt_col_3 .tt_menu_items_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.tt_col_2.tt_img_above .tt_menu_img {
height: 180px;
}
.tt_col_1.tt_img_above .tt_menu_img {
height: 180px;
}
.tt_col_3.tt_img_above .tt_menu_img {
height: 180px;
}
}
@media (max-width:390px){
.tt_menu_heading {
font-size: 16px !important;
}
.tt_menu_price_wrapper {
font-size: 16px !important;
}
.tt_menu_group_heading{
font-size:20px !important;
}
.tt_popup_menu_tags_wrapper {
font-size: 10px;
}
}
@media (min-width:767px) and (max-width:800px){
.tt_img_above .tt_menu_img_wrapper.rounded, .tt_img_above .tt_hide_menu_content .tt_menu_img_wrapper.rounded, .tt_img_aside .tt_hide_menu_content .tt_menu_img_wrapper.rounded{
width: 150px;
}
}