/*
Theme Name: Doucakis
Theme URI: https://doucakis.co.za/
Author: Shot On Media
Author URI: https://www.shotonmedia.com/
Description: Created for Doucakis
Version: 1.0
Text Domain: dmc

*/
@media screen { body.admin-bar { margin-top: -32px !important; } }
@media screen and ( max-width: 782px ) { body.admin-bar { margin-top: -46px !important; } }
#wpadminbar { display: none !important;}
* {
    margin: 0px;
    padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
:root{
	--menu-bg: #cc7a00;
}
.hidden  {
	display: none;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.alignleft {
	text-align: left;
	display: block;
	margin-left: 0;
	margin-right: auto !important;
}
.alignright {
	text-align: right;
	display: block;
	margin-left: auto !important;
	margin-right: 0;
}

.full-width {
	width: 100% !important;
}

/*.list-item-dot,*/
.list-item-dot li {
	display: inline-block;
	padding-left: 10px;
	position: relative;
}
.list-item-dot li:before {
	content: '•';
	display: inline-block;
	position: absolute;
	left: 0px;
	padding-top: 2px;
}
.list-item-upper-alpha {
	list-style-type: upper-alpha !important;
	margin-left: 10%;
}
.font-size-16,
.font-size-16 * {
	font-size: 16px !important;
}
.max-width-930 {
	max-width: 930px;
}
.max-width-950 {
	max-width: 950px;
}
.max-width-955 {
	max-width: 955px;
}
.max-width-60p {
	max-width: 60% !important;
}
.max-width-80p {
	max-width: 80% !important;
}
.max-width-930, .max-width-950,.max-width-955,.max-width-80p {
	margin-left: auto;
	margin-right: auto;
}
h1.site-heading {
	position: absolute;
	width: 100%;
	max-width: 1024px;
	z-index: -1;
}
.max-width-170,
.max-width-170 img{
	max-width: 170px !important;
	height:auto;
}
#header {
	position: relative;
	z-index: 1;
}
#header,
#content,
#footer {
	width: 100%;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0px !important;
}
.elementor-section {
	overflow: hidden;
}
.menu-main-menu-container ul.menu,
.menu-footer-menu-container ul.menu {
	list-style-type: none;
	margin: 18px 0px 25px 0px;
	padding: 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
.menu-main-menu-container ul.menu > li.menu-item,
.menu-footer-menu-container ul.menu > li.menu-item {
	width: 14.5%;
	background-color: var(--menu-bg);
	text-align: center;
	border-top: 3.5px solid #fff;
	border-left: 2.5px solid #fff;
	border-right: 2.4px solid #fff;
	border-bottom: 1.8px solid #fff;
	color: #fff;
	min-width: 119.8px;
	text-decoration: none;
	transition: all 0.1s linear;
	margin-right: 5px;
}
.menu-main-menu-container ul.menu > li.menu-item:hover,
.menu-footer-menu-container ul.menu > li.menu-item:hover {
	background-color: #993300;
}
.menu-main-menu-container ul.menu > li.menu-item a,
.menu-footer-menu-container ul.menu > li.menu-item a {
	color: #fff;
	font-size: 17px;
	font-weight: bolder;
	display: block;
	padding: 11.5px;
}

body.home footer .footer-nav {
	display: none;
}
.elem-button .elementor-button {
	padding: 10px 12px 12px 12px !important;
}
.elem-button .elementor-button a {
}
.elem-button .elementor-button-text {
	font-size: 0.8rem;
}
.font-red-14 {
	font-size: 14px;
	color: #a5310e;
	margin-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}
.text-red {
	color: #993300;
	font-weight: bolder;
	line-height: 1.3;
}
.text-black {
	color: #000000;
}
.contact-bottom {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}

.contact-bottom a {
	color: #000;
}
/* boomark us button */
.fav {
	text-align: center;
	padding-bottom: 30px;
}
.fav a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #993300;
	text-align: center;
	width: 130px;
	padding: 10px 14px 10px 14px;
	border-radius: 4px;
	transition: all 0.1s linear;
}
.fav a:hover {
    background-color: #ddcb2b;
    text-decoration: none;
    color: #000;
}

.heading-image .elementor-heading-title {
	opacity: 0;
}

@media(min-width: 1024px){
	#header,
	#content,
	#footer {
		width: 1024px;
		margin: 0px auto;
	}	
	.heading-image .elementor-widget-container {
		height: 85px;
	}
}

#mobilemenu_container {
	position: fixed;
	max-height: 100vh;
	overflow: scroll;
	z-index: 99999;
}
#mobilemenu-close a.elementor-button,
#mobilemenu_button a.elementor-button {
	cursor: pointer;
}
#mobilemenu-close .elementor-button-content-wrapper .elementor-button-icon > .e-font-icon-svg  {
	min-width: 18px;
	min-height: 18px;
}
.mobile-menu { 
	width: 100%;
}
.mobile-menu ul.menu {
	list-style-type: none;
}
.mobile-menu ul.menu > li.menu-item {
	width: calc(48% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}
.font-size-16-16-11 {
	font-size: 16px;
}
.font-size-14-14-14 {
	font-size: 14px;
}
.font-size-18-18-18 {
	font-size: 18px;
}
.font-size-16-16-11 {
	font-size: 16px;
}
.font-size-16-16-13 {
	font-size: 16px;
}
.font-size-20-20-16 {
	font-size: 20px;
}
.font-size-19-19-14 {
	font-size: 19.2px;
}


@media(max-width: 767px){
	
	body {
		font-size: 16px;
	}
	.font-red-14 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.contact-bottom {
		font-size: 14.4px;
		font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	}
		
	
	.page-header > .elementor-container > .elementor-column:first-child {
		width: 45%;
	}
	.page-header > .elementor-container > .elementor-column:last-child {
		width: 53%;
	}
	.page-header > .elementor-container > .elementor-column .elementor-widget-text-editor .elementor-widget-container {
		padding: 10px;
	}
	.elementor-inner-section .elementor-inner-column .elementor-widget-text-editor {
		margin:10px 0px;
	}
	.font-size-20-20-16 {
		font-size: 20px;
	}
	.font-size-16-16-11 {
		font-size: 16px;
	}
	.font-size-16-16-13 {
		font-size: 16px;
	}
	.font-size-19-19-14 {
		font-size: 19.2px;
	}
	.inner-no-wrap > .elementor-container { /* to put barmenu button next to image */
		flex-flow: nowrap;
	}
}

@media(max-width: 467px){
	.page-header {
		width: calc(100% - 20px) !important;
		margin-left: 10px;
	}
	.max-width-955,
	.max-width-950 {
		margin-left: 10px;
		margin-right: 10px;
	}
	.page-header > .elementor-container > .elementor-column {
		width: 100% !important;
	}
	.page-header > .elementor-container > .elementor-column .elementor-widget-image {
		max-width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.menu-main-menu-container ul.menu > li.menu-item {
		width: calc(48% - 20px);
		margin: 1px 10px;
	}
	.font-size-16-16-11 {
		font-size: 11px;
	}
	.font-size-16-16-13 {
		font-size: 13px;
	}
	.font-size-20-20-16 {
		font-size: 16px;
	}
	.font-size-19-19-14 {
		font-size: 14.4px;
	}
}