/*
Theme Name: Cioa Bella Mansfield
Description: Cioa Bella Mansfield Built Using The Uncode Foundation
Template: uncode
Version: 1.0.0
*/

/* Ciao Bella Mansfield */
a.custom-link.btn.border-width-0.ciao_trans_button {
    border: 1px solid #c8a974 !important;
    color: #c8a974 !important;
    background-color: rgb(255 255 255 / 0%) !important;
	border-radius: 0px !important;
	letter-spacing: 1px !important;
	transition: color 400ms ease-in-out, background-color 400ms ease-in-out, border-color 400ms ease-in-out;
}
a.custom-link.btn.border-width-0.ciao_trans_button:hover {
    border-color: rgb(255 255 255) !important;
	border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
.style-dark input[type="submit"] {
	background: transparent !important;
}
.mobile-menu-button::after {
	content: "MENU";
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 2px;
    padding-left: 16px;
    top: 5.5px;
    position: relative;
}
.uncode-gmaps-widget address {
	font-size: 16px !important;
}


#page-header .uncont {
	padding-top: 40px !important;
} 
.vmenu-left .menu-container .row-inner * {
    text-align: center;
}
.menu-item i.fa.fa-angle-right.fa-dropdown {
	display: none !important;
}
.menu-overlay .vmenu-container {
	overflow: auto !important;
}
.ciao_hero_con .uncont {
	max-width: 960px;
}
.ciao_home_title {
	margin-top: 5px;
}
.ciao_home_title h1 {
	font-family: Lora !important;
    margin-top: 0px;
}

span.ciao_pre_h1 {
	font-family: Lora !important;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 5px 9px;
    border-bottom: 2px solid #c8a974;
}
.ciao_h2_heading .text-top-reduced p {
	font-family: Lora !important;
    letter-spacing: 1.5px;
    color: #c8a974;
}
.ciao_h3_heading .text-top-reduced p {
    font-size: 12px;
    margin-top: 5px;
	letter-spacing: 1px;
    color: #c8a974;
}
.ciao_responsive_height .ciao_h2_heading {
	margin-top: 0px !important;
}

.ciao_border_top_pad .row.limit-width.row-parent {
	padding-top: 0px !important
}
.ciao_video_play_but .btn-color-xsdn.btn-outline:not(.btn-hover-nobg):hover, .btn-color-xsdn.btn-outline:not(.btn-hover-nobg):focus, btn-color-xsdn.btn-outline:active {
	background-color: rgba(255,255,255,0.25) !important;
}
.ciao_contact_text {
	margin-top: 16px !important;
}
.ciao_contact_text p {
	letter-spacing: 1.5px;
}
.header-wrapper .header-scrolldown i {
    font-size: 70px !important;
}
.header-scrolldown {
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation: bounce 3s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  5.55556% {
    transform: translateY(0);
  }
  11.11111% {
    transform: translateY(0);
  }
  22.22222% {
    transform: translateY(-15px);
  }
  27.77778% {
    transform: translateY(0);
  }
  33.33333% {
    transform: translateY(-15px);
  }
  44.44444% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.ciao_email_fix {
	border-color: rgba(255, 255, 255, 0.25) ;
	border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-width: 1px;
	display: block;
    font-size: 14px;
    line-height: initial;
    padding: 10px 15px 10px 15px;
    border-style: solid;
    border-radius: 2px;
    font-weight: normal;	
}
.style-dark input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus {
	border-right: 1px solid #c8a974 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #c8a974 !important;
}
/* Ciao Bella Mansfield - Food Menu */

.ciao_menu_section_head_pad {
	border: 1px solid #c8a974;
    padding: 10px !important;
}

.ciao_menu_items_title p, .ciao_menu_items_price p {
	color: #c8a974;
    font-size: 16px;
	letter-spacing: 0.7px;
}
.ciao_menu_items_des {
	margin-top: 2px !important;
}
.ciao_menu_items_price {
	margin-top: 5px !important;
}
.ciao_menu_items_line:after {
    content: '\25CF\25CF\25CF\25CF\25CF\25CF\25CF';
    color: #ffffff;
    font-size: 7px;
    letter-spacing: 7px;
}
.ciao_menu_items_line_gold:after {
    content: '\25CF\25CF\25CF\25CF\25CF\25CF\25CF';
    color: #c8a974;
    font-size: 7px;
    letter-spacing: 7px;
}

/* Ciao Bella Mansfield - Footer */

input.wpcf7-form-control.wpcf7-submit.btn.btn_ciao_outline {
    border: 1px solid #ffffff !important;
	background: transparent;
	letter-spacing: 1px !important;
	border-radius: 0px!important;
	transition: color 400ms ease-in-out, background-color 400ms ease-in-out, border-color 400ms ease-in-out;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn_ciao_outline:hover {
	border: 1px solid #c8a974 !important;
	color: #c8a974 !important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
	padding: 13px 15px 13px 15px;
    border-right: none !important;
    border: 1px solid #ffffff;
	border-radius: 0px!important;
	font-weight: 400 !important;
    font-family: Montserrat !important;
    letter-spacing: 1px;
    font-size: 12px;
}
.ciao_sub_footer_txt {
	margin-top: 20px !important;
}
.ciao_sub_footer_txt p {
	font-size: 12px !important;
}
ul.ciao_sub_footer_list {
	margin-top: 10px !important;
    padding: 0px !important;
}
li.ciao_sub_footer_links {
    display: inline-block;
    margin-right: 25px;
}
.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 12px !important;
}
.ciao_accept {
	margin-top: 10px;
}
input[type=checkbox]:checked:before {
	line-height: 1.9em !important;
    font-size: 10px !important;
    color: #c8a974 !important;
}.ciao_accept input[type=checkbox] {
	width: 18px;
    height: 18px;
	margin-top: -2px;
	border-radius: 0px !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    font-size: 12px !important;
    padding: 10px 0px !important;
    border: 1px solid #c8a974 !important;
    margin: 25px 0px !important;
}
span.footer_c {
    color: rgba(255,255,255,0.25);
}

/* Ciao Bella Mansfield - Responsive Extras */

@media (max-width:1025px) and (min-width:769px) {
	.ciao_responsive_height .wpb_row.row-inner {
		height: 600px !important;
	}
}
@media (max-width: 959px) {
.header-wrapper .header-scrolldown {
    display: block;
}
	p {
		font-size: 18px;
		letter-spacing: 0.5px
	}
	.ciao_menu_items_title p, .ciao_menu_items_price p {
		font-size: 24px;
	}
	h2.lora.h2 {
		font-size: 42px !important;
	}
	h3.lora.h3 {
		font-size: 32px !important;
	}
	.ciao_home_title h1 {
		font-size: 58px !important;
	}
	a.custom-link.btn.border-width-0.ciao_trans_button {
		font-size: 18px;
	}
	.nav-tabs > li > a span {
    font-size: 18px;
	}
	.ciao_h3_heading .text-top-reduced p {
		font-size: 14px;
	}
	.wpb_column.pos-top.pos-center.align_left.column_parent.col-lg-6.remove_mobile_fix.tablet-hidden.mobile-hidden.single-internal-gutter {
    display: none !important;
}
	.wpb_column.pos-top.pos-center.align_left.column_parent.col-lg-6.ciao_tablet_height.single-internal-gutter .uncoltable {
		min-height: 440px !important; 
	}
	
}
@media (max-width: 600px) {
	.ciao_home_title h1 {
    font-size: 48px !important;
}
	h2.lora.h2 {
    font-size: 38px !important;
}
	p {
    font-size: 15px;
    letter-spacing: 0px;
}
	.menu-container .logo-container {
    padding: 27px 36px 27px 20px !important;
}
	.mobile-menu-button::after {
		display: none !important;
	}
	.navbar-brand > * {
    height: 38px !important;
}
	.mobile-menu-button {
		padding-top: 17px !important;
	}
	.ciao_menu_items_title p, .ciao_menu_items_price p {
    font-size: 20px !important;
    line-height: 22px !important;
}
	span.ciao_pre_h1 {
		line-height: 36px;
	}
		.wpb_column.pos-top.pos-center.align_left.column_parent.col-lg-6.ciao_tablet_height.single-internal-gutter .uncoltable {
		min-height: 280px !important; 
	}
	input, input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.ciao_email_fix {
		font-size: 12px !important;
	}
	.header-scrolldown.style-dark {
	    left: 46% !important;
	}
}