/*
Theme Name: Maka Place
Theme URI: https://example.com
Description: Maka Place Theme
Author: Tea & Honey Studio
Author URI: https://teaandhoneystudio.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


.mobile-only, .mobile-only-calendar  {
	display: none!important;
}



@font-face {
    font-family: 'Pacifico';
    src: url('Pacifico.eot');
    src: local('Pacifico'), local('Pacifico'),
        url('http://makaplace.co.uk/wp-content/themes/makaplace/wp-content/themes/makaplace/fonts/Pacifico-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');


a {
	text-decoration: none!important;
}

.site-main a:focus {
	color: #FFD700!important;
	background: none!important;
}

#wpadminbar .screen-reader-shortcut  {
	display: none;
}

.site-headersdsds {
    padding-top: calc(2 * var(--global--spacing-vertical))!important;
	padding-bottom: calc(2.5 * var(--global--spacing-vertical))!important;
}

/*.site-main {
	padding-top: 0!important;
}*/

.site-header {
	background:#111111;
	z-index:9999;
	margin:0 auto;
	border-bottom:0px solid #dadada!important;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
padding-bottom: 0px!important;
	row-gap: 0!important;
	max-width: 100%!important;
}

.topbutton {
	height:25px;
	width:25px;
	position:fixed;
	right:20px;
	bottom:20px;
	Z-index:9999999;
	border: 0px #000000 solid;
	background: transparent;
	background-repeat:no-repeat;
	content: url('http://makaplace.co.uk/wp-content/themes/makaplace/images/arrow-up.svg')!important;
	color: #D3A13B;
	text-align: center;
	
	
}

.topbutton:hover {
	content: url('http://makaplace.co.uk/wp-content/themes/makaplace/images/arrow-up-hover.svg')!important;
}

.topbutton:focus {
	background: transparent!important;
}


.enquiry-form-wrapper input {
		outline: 0!important;
}


/* MENU */

.site-branding {
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: center!important;
	width: 100%;
	margin-top: 1rem!important;
}

.sub-menu-toggle:focus {
	outline: 0!important;
} 


.primary-navigation {
    position: relative;
    margin-left: auto;
	margin-right: auto;
}

sadada.primary-menu-container #primary-menu-list {
	max-width: 100%!important;
	margin-left: auto;
	margin-right: auto;
}

.menu-button-container #primary-mobile-menu {
    display: flex;
    margin-left: auto;
    padding: calc(0.5 * var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0 * var(--button--padding-horizontal))!important;
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	margin-right: -5px!important;
	}

a {
   outline: 0!important;
}

.menu-button-container #primary-mobile-menu:hover {
    color: #D3A13B!important;
	border: none!important;
	background: none!important;
	outline: 0!important;
}

.menu-button-container #primary-mobile-menu:focus {
	outline: 0!important;
}

.menu-button-container {
	border: none!important;
	outline: 0!important;
}

.primary-navigation-open .menu-button-container {
    background-color: transparent!important;
	border: none!important;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close .svg-icon {
	width: 40px!important;
	height: 40px!important;
	position: relative;
    top: -1px;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
    margin-top: 65px;
	padding-right: 95px!important;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	color: #ffffff!important;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close:hover {
	color: #97ca00!important;
}

.menu-button-container .button.button .dropdown-icon.open .svg-icon {
    width: 40px!important;
    height: 40px!important;
	position: relative!important;
    top: -1px!important;
}




/*.primary-navigation > .primary-menu-container {
    
    padding-top: 51px!important;
    padding-left: 0px!important;
    padding-right: 0px;
    padding-bottom: 25px;
	
}*/



.primary-menu-container {
	background-color: transparent!important;
	z-index: 99!important;
	
}

.primary-navigation > div > .menu-wrapper li {
z-index: 999999999999999999999!important;
}






/* this  */
.primary-navigation > div > .menu-wrapper {
    
   
	
}

.menu-wrapper {
	width: auto!important;
}


li.menu-item a, .primary-navigation .sub-menu .menu-item > a {
	text-transform: uppercase!important;
	letter-spacing: 2px!important;
	font-family: Futura,  sans-serif;	
	font-size: 0.8rem!important;
	color: #ffffff;
}

.primary-navigation .sub-menu .menu-item > a {
	color: #FFD700!important;
	padding: calc(0.65 * var(--primary-nav--padding)) var(--primary-nav--padding);
}




.primary-menu-container ul li.menu-item-home a:hover {
	
}


	
.primary-navigation .primary-menu-container > ul > .menu-item > a {
   
}
	
.primary-navigation .sub-menu .menu-item > a:hover {
	color: #D3A13B!important;
}

.primary-navigation .current-menu-item > a {
	color: #D3A13B!important;
}


li.current-menu-parent a {
	text-decoration: none!important;
	color: #a7a7a7!important;
}

.primary-navigation .sub-menu li.current-menu-item > a {
	color: #D3A13B!important;
}
	


ul#primary-menu-list > li:hover > a {
	text-decoration: none!important;
	color: #D3A13B!important;
}	

	
ul#primary-menu-list a:focus {
	text-decoration: none!important;
	background-color: transparent!important;
}	
	
/*.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    left: 120px!important;
    margin: 0;
    min-width: max-content;
    position: absolute!important;
    padding-top: 0px!important;
	top: 0;
    transition: all 0.5s ease;
    z-index: 99999999999999;
}
	
.primary-navigation .sub-menu {
	border: none!important;
	background-color: transparent!important;
}	
	
button.sub-menu-toggle {
		display: none!important;
}

.sub-menu:before {
		display: none!important;
}
		
.sub-menu li {
	background-color: transparent!important;
	display: inline-block!important;
}
	
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
	display: none!important;
}

.primary-navigation > div > .menu-wrapper li {
  	position: relative!important;
    width: auto!important; 
}
	*/
.cli_settings_button {
	display: none!important;
}	

.cli-style-v2 .cli-bar-message {
    width: 100%!important;
}
	
.cli-style-v2 {
    font-size: 10pt!important;
    line-height: 16px!important;
    font-weight: normal;
}

#cookie-law-info-bar {
	z-index: 999999999999999999;}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
    padding: 5px 20px;
}

h1.site-title {
	font-family: DIN Condensed, sans-serif!important;	
	font-size: 1.91rem!important;
	color: #cdc6c0!important;
	letter-spacing: 0.12em!important;
	font-weight: 400!important;
	}
	



h1.site-title a:before {
    
}

h1.site-title a:hover:before {


}
h1.site-title a:hover  {
	
}

h1.site-title a:focus {
	
}

.site-description-top:before {
  
}


/* BOOKING CALENDAR */


.not-mobile-only-calendar {
		
		margin-top: 60px!important;
}


.wpsbc-calendar {
	min-width: 80px!important;
	max-width: 100%!important;	
}

.wpsbc-calendar-wrapper {
	min-height: 100px!important;
	
}

.wpsbc-calendar:not(:first-child) {
    margin-left: 0.735em!important;
}

.wpsbc-heading {
	padding-bottom: 30px!important;
}

.wpsbc-container[data-columns] .wpsbc-calendars .wpsbc-calendar {
    margin-left: 0;
    margin-right: 0;
}

.wpsbc-legend {
    border: none!important;
	margin-top: 0.3em!important;
	margin-bottom: 1.5em!important;
	padding: 0!important;
}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar-wrapper {
    padding: 8px 4px 7px 4px!important;
}

.wpsbc-legend .wpsbc-legend-item-name {
    display: inline-block;
    vertical-align: middle;
	font-family: Arial, sans-serif;
	color: #969696;
	letter-spacing: 0.3px;
	font-size: 1rem;
	padding-top: 2px!important;
}

.wpsbc-legend .wpsbc-legend-item {
    margin-right: 35px;
}

.wpsbc-legend .wpsbc-legend-item-icon {
    margin-right: 10px;
	width: 17px;
	height: 17px;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header {
	padding-top: 5px!important;
	padding-bottom: 20px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar {
    border: none;
    background: transparent;
}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation, 
.wpsbc-calendar-wrapper th {
    font-family: Arial, sans-serif!important;
	color: #969696!important;
	letter-spacing: 0.3px!important;
   font-size: 1.1rem!important;
    line-height: 1.3rem!important;
	font-weight: normal!important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev, .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next {
	margin-top: -18px!important;
}




.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header {
    background: none!important;
}

.wpsbc-calendars .wpsbc-legend-item-icon {
    width: 95%;
    height: 95%;
}
.wpsbc-legend-item-icon-colorss {
	width: 95%!important;
    height: 95%!important;
}
.wpsbc-container[data-columns="3"] .wpsbc-calendars .wpsbc-calendar {
    width: calc(32.663% - 10px)!important;
}
.wpsbc-calendar:not(:first-child) {
    margin-left: calc(0.835em + 1%)!important;
}
.wpsbc-calendar-header-navigation .wpsbc-prev, .wpsbc-calendar-header-navigation .wpsbc-next {
    background: none!important;
}

.wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow  {
	border: solid #cdc6c0!important;
  border-width: 0 2px 2px 0!important;
  display: inline-block;
  padding: 3px;
 transform: rotate(-135deg)!important;
  -webkit-transform: rotate(135deg)!important;
	width: 12px!important;
	height: 12px!important;
}

.wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow:hover, .wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow:hover  {
	border-color: #97ca00!important;
}

.wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow {
	border: solid #cdc6c0!important;
  border-width: 0 2px 2px 0!important;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg)!important;
  -webkit-transform: rotate(-45deg)!important;
 width: 12px!important;
	height: 12px!important;
	
}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date.wpsbc-gap {
	display: none!important;
}

/* END OF BOOKING CALENDAR */




/*ENQUIRY FORM*/

.enquiry-form-wrapper .wp-block-columns {
	margin-bottom:5px!important;}
	
.enquiry-form-wrapper .wp-block-columns .wp-block-column > * {
	margin-bottom: 5px!important;
	margin-top: 5px!important;
}

.enquiry-form-wrapper .wp-block-columns .wp-block-column > *:first-child {
    margin-top: 5px!important;
}


.form-label, .form-label-last {
	font-family: Arial, sans-serif!important;
	color: #666666!important;
	letter-spacing: 0.3px!important;
   font-size: 1rem!important;
   vertical-align: middle!important;
	font-weight: normal!important;
	width: 110px!important;
	padding-right: 5px!important;
	display: inline-block;
}
	
.form-field {
	width: calc(100% - 120px)!important;
	display: inline-block;
}
	
/* .form-label:after {
	content: '*';
	color: #97ca00!important;
} */
	
.submit-button {
	text-align: left!important;	
	display: inline-block!important;
	width: auto!important;
	padding-top: 5px!important;
}
	
.wpcf7-form	.submit-button  input {
	background-color: transparent!important;
	border: none!important;
	font-family: DIN Condensed, sans-serif!important;	
	text-align: left!important;
	font-size: 16pt!important;
	color: #5b656f!important;
	letter-spacing: 3px!important;
	}

.wpcf7-form	.submit-button  input:hover {
	color: #97ca00!important;
}
	
.wpcf7-form input {
    font-family: Arial, sans-serif!important;
	color: #969696!important;
	letter-spacing: 0.3px!important;
   	font-size: 1rem!important;
    line-height: 1.2rem!important;
	font-weight: normal!important;
	width: 100%!important;
}

.wpcf7-form-control-wrap {
	max-width: 100% !important;
}

.wpcf7-form input {
	padding: 5px 5px!important;
	border-radius: 0!important;
	background-color: transparent!important;
	border: 1px #CCC5C0 solid!important;
	width: 100%!important;
}

.wpcf7-not-valid-tip {
    color: #97ca00!important;
    font-size: 0.6em;
    font-weight: normal;
   margin-top: -25px!important;
	position: absolute;
	right: 0!important;
	padding-right: 10px!important;
}

.wpcf7 form.invalid .wpcf7-response-output {
	border: 1px #97ca00 solid!important;
	font-family: Arial, sans-serif!important;
	color: #666666!important;
	letter-spacing: 0.3px!important;
   font-size: 1rem!important;
	text-align: center;
	max-width: 100%;
	margin-left: auto!important;
	margin-right: auto!important;
	padding: 0.1em 1em!important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0!important;
}

.wpcf7 form.sent .wpcf7-response-output {
   border: 1px #97ca00 solid!important;
	font-family: Arial, sans-serif!important;
	color: #666666!important;
	letter-spacing: 0.3px!important;
   font-size: 1rem!important;
	text-align: center;
	max-width: 100%;
	margin-left: auto!important;
	margin-right: auto!important;
	padding: 0.1em 1em!important;
}



/* FOOTER */
#footer-wrapper a:hover {
	color: #97ca00!important;
}

#footer-wrapper a:focus {
	color: #97ca00!important;
	background: none!important;
}

.widget_block {
	margin-top: 0!important;
}





/*#footer-wrapper .widget-area {
	padding-top: calc(0.5 * var(--global--spacing-vertical))!important;
}


#footer-wrapper .widget-area > * {
    margin-top: calc(0.5 * var(--global--spacing-vertical))!important;
    margin-bottom: calc(0.5 * var(--global--spacing-vertical))!important;
}*/

.wp-block-social-links .wp-social-link svg {
    width: 2em!important;
    height: 2em!important;
}

/*.wp-block-group .wp-block-group__inner-container > * {
    margin-bottom: calc(0.7 * var(--global--spacing-vertical))!important;
}

ul.wp-block-social-links  {
	margin-top: 0!important;
	}
	
ul.wp-block-social-links li {
	margin-top: 0!important;
	}
	
.wp-block-social-links .wp-social-link a {
    margin-top: -8px!important;
}
.social-icons {
	margin-top:0 !important;
}

.facebook-icon {
	content: url('http://makaplace.co.uk/wp-content/themes/makaplace/images/facebook-icon.svg')!important;
}

.facebook-icon:hover {
	content: url('http://makaplace.co.uk/wp-content/themes/makaplace/images/facebook-icon-hover.svg')!important;
}

.instagram-icon {
	content: url('http://makaplace.co.uk/wp-content/themes/makaplace/images/instagram-icon.svg')!important;
	padding-right: 30px!important;
}

.instagram-icon:hover {
	content: url('http://makaplace.co.uk/wp-content/themes/makaplace/images/instagram-icon-hover.svg')!important;
}
.instagram-icon:focus, .facebook-icon:focus {
	background: none!important;
}



.site-footer > .site-info {
	border-top: 1px solid #D3A13B;
}
*/

	
.entry-footer {
	display:none;
}






/* WOOCOMMERCE */


.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 24%!important;
  margin: 0 1% 1em 0!important;
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img {
	border: 1px #ffffff solid;
}

.woocommerce-variation-add-to-cart .quantity  input[type=number] {
	background: none!important;
	color: #ffffff!important;
	border: 1px #ffffff solid!important;
}

.single-product form.cart .quantity {
    
    margin-right: 0!important;
}

.single-product .woocommerce-variation-add-to-cart .button {
    padding-top: 0.2rem!important;
    padding-bottom: 0.2rem!important;
	margin-left: -3px!important;
	border: 1px #ffffff solid!important;
}

.woocommerce-variation-availability {
	display: none;
}