/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
:root {
	
	--viewport-height: 90vh;
	
	--margin-0: 0!important;
	--margin-1: 1em!important;
	--margin-0-5: 0.5em!important;
	--margin-1-1: 1.1em!important;
	--margin-1-2: 1.2em!important;
	--margin-1-6: 1.6em!important;
	--margin-2: 2em!important;
	
	--padding-0: 0!important;
	--padding-1: 1em!important;
	--padding-1-1: 1.1em!important;
	--padding-1-2: 1.2em!important;
	--padding-2: 2em!important;
	--padding-2-2: 2.2em!important;
	
	--height-0: 0!important;
	--height-0-5: 0.5em!important;
	--height-1: 1em!important;
	--height-1-1: 1.1em!important;
	--height-1-2: 1.2em!important;
	--height-1-5: 1.5em!important;
	--height-2: 2em!important;
	--height-2-1: 2.1em!important;
	--height-2-2: 2.2em!important;
	--height-3: 3em!important;
	--height-4: 4em!important;
	/* special img variables */
	--width-3: 3em!important;
	--width-100: 100%!important;
	--height-auto: auto!important;
	
	--size-3: 3em!important;
	
	--v-height-5: 5vh!important;
	--v-height-10: 10vh!important;
	--v-height-20: 20vh!important;
	--v-height-20: 20vh!important;
	--v-height-40: 40vh!important;
	--v-height-60: 60vh!important;
	--v-height-80: 80vh!important;
	--v-height-100: 100vh!important;
	
	--dark-moss-green: #606c38!important;
    --sienna: #7a2b00!important;
    --platinum: #e6e5e2!important;
    --timberwolf: #d0ceca!important;
    --eerie-black: #1c1c1c!important;
	
	--font-weight-light: 300!important;
	--font-weight-regular: 400!important;
	--font-weight-bold: 700!important;
	
	--heading-font-family: 'Playfair Display', serif!important;
}

#my-main-section .vc_row {
	height: calc(var(--viewport-height) - 10vh);
}

.w-tabs-section-content {padding-top: var(--padding-2)!important;}

/* shape divider */
.shape-fill-top {
    fill: #e6e5e2;
    transform-origin: center;
    transform: rotateY(0deg);
}
.shape-fill-bottom {
    fill: var(--color-footer-bg);
    transform-origin: center;
    transform: rotateY(180deg);
}

.l-section-shape svg {
    width: calc(157% + 1.3px);
    height: 98px;
    transform: translateX(-50%) rotateY(180deg);
}
.l-section-shape {
    transform: rotate(180deg);
}

h3.hb-title {margin-bottom: var(--margin-1-2);}

img.responsive {
  width: 100%;
  height: auto;
}

.footer_logo {float: left!important; margin-right: 0em!important; margin-bottom: 0em!important;}

/* Contact Page */
#mycontact {color: var(--color-content-heading)!important; font-weight: 500;}
#mycontact ul {list-style-type: none; margin-left: 1.5rem!important;}
#mycontact a {color: var(--color-content-heading)!important; font-weight: 500;}
#mycontact a:hover {color: var(--color-content-heading)!important; font-weight: 500;}
#myspecialulcontact {color: var(--color-content-heading)!important; font-weight: 500;}
#myspecialulcontact ul {list-style-type: none;}
#myspecialulcontact a {color: var(--color-content-heading)!important; font-weight: 500;}
li.phone::before {content: "\f87b"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.whatsapp::before {content: "\f40c"; margin-left: -1.3em; padding-right: 0.5em; font-family: "Font Awesome 5 Brands"; font-size: 18px;}
li.email::before {content: "\f199"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.websitelink::before, p.address::before {content: "\f0c1"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.openinghours::before {content: "\f017"; font-family: "fontawesome"; font-weight: 400; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.address::before, p.address::before {content: "\f3c5"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.coordinates::before, p.address::before {content: "\f279"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
div.myconnect i {font-size: 18px!important;}
div.myconnect li {height: 28px; vertical-align: middle;}
div.myconnect li a {margin-bottom: auto; margin-top: auto;}
a.address {color: var(--color-content-heading)!important;}
p.address {margin-left: 23px;}

/* privacy policies */
.container {column-count: 2; column-gap: 20px;}

/* information */
ul.my_own_ul {
   columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
ul.my_own_ul li {margin-right: 2.4rem;}

li::marker {border-bottom: 1px solid red!important;}

input#input_1_19::placeholder {color: #c02b0a; opacity: 1;}
input#input_1_20::placeholder {color: #c02b0a; font-weight: 400; opacity: 1;}
input#input_1_1_3::placeholder {color: #c02b0a; font-weight: 400; opacity: 1;}
input#input_1_1_6::placeholder {color: #c02b0a; font-weight: 400; opacity: 1;}
input#input_1_2::placeholder {color: #c02b0a; font-weight: 400; opacity: 1;}
select#input_1_21 {color: #c02b0a; opacity: 1;}
select#input_1_1_2 {color: #c02b0a; opacity: 1;}
#gform_1 .gform-datepicker, #gform_2 .gform-datepicker{width: 100%;}
::placeholder {font-size: 16px; opacity: 1; /* Firefox */}
:-ms-input-placeholder {font-size: 16px;}
::-ms-input-placeholder {font-size: 16px;}
.gform_wrapper.gravity-theme .gfield_required{color: var(--color-alt-content-text);}

@media (min-width: 611px) {
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), 
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){padding-right: 0;}
}
@media (max-width: 1024px) {
.w-separator.with_content.with_line {
    padding-top: 0!important;
}
}
@media (max-width: 610px) {
   .container {column-count: 1; column-gap: 20px;}
   ul.my_own_ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}}

/* img.mfp-img {
    box-sizing: border-box!important;
    margin: 0 auto!important;
    background-color: #FFFFFF!important;
    padding-top: 0.2rem!important;
    padding-left: 0.2rem!important;
    padding-right: 0.2rem!important;
    padding-bottom: 1.8rem!important;
}

.mfp-bottom-bar {
    margin-top: -24px!important;
    position: absolute!important;
    top: 100%!important;
    left: 0!important;
    width: 100%!important;
    cursor: auto!important;
}

.mfp-title {
    font-size: 0.9rem!important;
}

.mfp-title {
    text-align: center!important;
    line-height: 18px!important;
    color: var(--color-alt-content-text)!important;
    word-wrap: break-word!important;
}*/