/*
Theme Name: the7dtchild
Author: Zlik Design
Author URI: https://zlik.design/
Version: 1.0.0
Template: dt-the7
*/

/* general */
.almost-white-txt h4, .almost-white-txt h3 { color: #eee !important; }
.almost-white-txt ul li, .almost-white-txt p  { color: #eee !important; }
.mh-200 { min-height: 200px; }
h3.txt-orange { color: #e97d1f !important; }

/* menu tabs */
.menu-tabs .vc_tta-panel-body { background-color: #222 !important; }
.menu-tabs .vc_tta-panel-body .wpb_text_column { background-color: #222 !important; }
.menu-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a {
	background-color: #666;
	color: #eee;
	padding: 8px 20px;
	border-color: #666;
	border-radius: 0;
}
.menu-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
	background-color: #222;
	color: #c9a96e;
}
.menu-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a:hover { background-color: #222; }
.menu-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active>a {
	background-color: #222;
	color: #c9a96e;
}


/* menu items */
.fmenu-item { 
	max-width: 480px; 
	display: inline-block; 
	padding: 10px;
	margin: 10px 10px;
	background: #222;
	border: 1px solid #222;
}
.fmenu-item .menu-info h4 { color: #f5f0eb; }
.fmenu-item .menu-pic, .fmenu-item .menu-info, .fmenu-item .menu-price { display: inline-block; }
.fmenu-item .menu-pic { width: 135px; height: 135px; border: 0 solid #ccc;}
.fmenu-item .menu-pic img { max-width: 135px; vertical-align: top; width:100%; height:100%; object-fit:cover; }
.fmenu-item .menu-picBAD img { width: 100% height: 100%; object-fit: cover; vertical-align: top; }
.fmenu-item .menu-info { width: 250px; margin: 0 10px; vertical-align: top; color: #c9a96e; }
.fmenu-item .menu-info p { line-height: 1.2em; font-size: 14px; }
.fmenu-item .menu-price p { font-size: 16px; }
.fmenu-item .menu-price { 
	vertical-align: top; 
	color: #c9a96e; 
	font-weight: 600;
	padding: 5px 0;
	width: 100%;
}
.fmenu-item .menu-addon { 
	padding: 0;
	border-top: 1px solid #555;
	width: 100%;
}

.fmenu-item .menu-info p.item-desc { font-style: italic; color: #ccc; }
.fmenu-item .menu-info .fu-opt p { font-size: .9em; }
.fmenu-item .menu-info .fu-price { font-weight: 600; }

.menu-tabs .vc_tta-panel-body .min-212 { min-height: 200px; }
.menu-tabs .vc_tta-panel-body .min-150 { min-height: 155px; }

/* table styles for catering */

.basic-table { background: #fff; }
.basic-table .thead { font-weight: 600; }
.basic-table .thead { font-weight: 600; background: #e97d1f; color: #fff; }
.basic-table .main-title { color: #e97d1f; font-size: 22px; }
.basic-table .btitle { font-weight: 600; color: #000; }
.basic-table .dark-txt { color: #000; }

table.basic-table td, table.basic-table th {
	border: 1px solid #ccc;
}


/* these may be old ... */
h1 { color: #8a2030; }
h1.try1, .page-h1 h1 {
    display: inline-block;
    padding: 10px 20px;
    background: #8a2030;
    color: white;
    position: relative;
    bottom: 35px;
    left: 15px;
}
.txt-red h4 { color: #8b2131; }
a { text-decoration: none; }
a:hover { color: #074D61; }
.txt-white h1, .txt-white h3, .txt-white h4, .txt-white { color: white; }
.txt-upper { text-transform: uppercase; font-weight: 600; }
.text-ctr { text-align: center; }
.txt-dark { color: #111; }
.add-drop-shadow h2 { text-shadow: 0 2px 3px #333; }
.txt-larger p { font-size: 22px; line-height: 32px; }
.txt-18 p { font-size: 18px; }
.txt-black p, .txt-black ul li { color: #000; }
.txt-dark p, .txt-dark ul li { color: #000; font-weight: 500; }
.mw-590 p { max-width: 630px; margin: 0 auto; }
.mw-700 { max-width: 700px; margin: 0 auto; }
.bg1 { background: #eee; border-bottom: 1px solid #8a2030; }

/* faq toggle styles */
.vc_toggle.toggle-t1 {
	background: #ddd;
	padding: 10px;
	margin: 0 10px;
}
.vc_toggle.toggle-t2 {
	background: #666;
	padding: 10px;
	margin: 0 10px;
}
.vc_toggle.toggle-t2 .vc_toggle_title h4 { color: #fff; }
.vc_toggle.toggle-t2 .vc_toggle_content { background: #fff; padding-top: 10px;}

/* contact page styles */
.loc-info { margin: 10px 0; }
.loc-info img { display: inline-block; width: 20px; padding-right: 10px; vertical-align: middle;}
.loc-info span {display: inline-block; color: #fff; vertical-align: top; }
.loc-info span a { color: #fff; }
.loc-info span a:hover { color: #000; }


/* reorder flex for smaller screens */
/* put the class: col-order-2 on the column if it is first in the row */
@media only screen and (max-width: 777px)  {
	.vc_row .vc_col-sm-6.col-order-2 { order:2; }
	.vc_row .vc_col-sm-4.col-order-2 { order:2; }
}


/* contact form  */
.wpforms-container .wpforms-field { padding: 5px 0; }
div.wpforms-container-full .wpforms-field-label { margin-bottom: 5px; }

div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
	border-radius: 0;
	background:  #e97d1f;
}
div.wpforms-container-full button[type=submit]:hover, form .cog-form__content button[type=submit]:hover {
	background: #333; 
}

/* footer */
#footer .widget a:hover { color: #e97d1f; }


/* ----------- THIS IS OLD STYLING BELOW ... need to clean up ------------ */

.hide-me { display: none !important; }