/*
Theme Name: Frost Child
Template: frost
Version: 1.0
*/

@font-face {
	font-family: 'Helvetica';
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica'), url('fonts/Helvetica.woff') format('woff');
}
@font-face {
	font-family: 'Helvetica-Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica'), url('fonts/Helvetica-Bold.woff') format('woff');
}
@font-face {
	font-family: 'helvetica';
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica Light'), url('fonts/helvetica-light-587ebe5a59211.woff') format('woff');
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	scroll-padding-top: 125px;
	font-size: 100%;
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	scroll-padding-top: 125px;
}
h1 {
	margin: .67em 0
}
a {
	background-color: transparent;
	text-decoration: underline;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
body,
button,
input,
optgroup,
select,
textarea {
	font-family: 'Helvetica';
	line-height: 1.5;
	font-weight: 300
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both
}
h1.site-title {
	text-transform: uppercase;
	font-size: 38.4px;
	font-size: 2.4rem;
	font-weight: 600;
	text-shadow: 0 0 6px #fff
}
h3 {
	font-size: 20.8px;
	font-size: 1.3rem
}
body.dark-theme .site-branding .site-utility .header--utility button.light {
	background-color: #000;
	border-color: #000;
	color: #fff
}
body.dark-theme .site-content {
	background-color: #fff
}
body.dark-theme .hero-desc {
	color: #fff;
}

body.dark-theme .hero-block h1 {
    color: #fff;
}
body.dark-theme .hero-block {
    background-color: #505050!important;
}

body.dark-theme a {
	color: #fff;
}

img {
	height: auto;
	max-width: 100%;
}
.tab-content {
	padding: 1.5rem;
	border: 1px solid #b7b7b7
}
/***=========HEADER CSS START*/
.row-header {
	width: 100%;
	margin: 0px auto;
	max-width: 1200px;
}
.row-header .hero-logo {
	display: inline-block;
}
.hero-block .card-display {
	margin: 0px auto;
	max-width: 1200px;
	padding-top: 20px;
	padding-right: 0px;
	/*justify-content: space-between;*/
}
.hero-block h1 {
	font-size: 4.05rem;
	line-height: 95px;
	font-family: 'Helvetica-Bold';
}
.hero-vco.second {
	padding: 12px 15px 4px 15px;
}
.hero-vco.second .row-header h1 {
	/*line-height: 40px;
	padding-top: 34px;*/
	font-size: 2.05rem;
}
.hero-title-wel p {
	font-size: 1.56rem;
	line-height: 40px;
	font-family: 'helvetica';
}
/*.card-display {
	padding-bottom: 54px;
}*/
.hero-card {
	text-align: center;
    float:right;
}
.hero-card-link {
	position: relative;
	display: inline-block;
}
.hero-card .hero-card-link:after {
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	content: " ";
	height: 100%;
	filter: blur(8px);
	position: absolute;
	border-radius: 70px;
	background-color: rgba(255, 255, 255, 0.5);
}
.row-gray {
	width: 100%;
	text-align: right;
	display: inline-block;
}
.site-branding .row .col.text-right {
	margin: 0px auto;
	max-width: 1270px;
	padding: 3px 70px 1px 70px;
}
.container:after,
.container:before {
	content: "";
	clear: both;
}
#font-size-label,
#contrast-label {
	font-size: 0.875rem;
	padding-right: 5px;
	display: inline-block;
	font-family: 'helvetica';
}
.header--contrast-switcher {
	margin-left: 10px;
}
.row-gray button#btnDecreaseFontSize {
	color: #FFF;
	background-color: #797979;
}
.row-gray button#btnLightTheme {
	color: #1e1c1c;
	background-color: #afafaf;
}
.row-gray button {
	top: -3px;
	border: none;
	font-size: 20px;
	min-width: 30px;
	margin-left: 2px;
	min-height: 28px;
	font-weight: bold;
	border-radius: 5px;
	border-color: #000;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 1px 8px 0px 8px;
	font-family: 'Helvetica-Bold';
}
/***=========HEADER CSS CLOSE*/ /***=========FOOTER CSS START*/
html body footer strong {
	font-weight: bold;
}
.footer-contact {
	display: flex;
	flex-direction: column;
}
.footer-contact strong {
	width: 80px;
	float: left;
}
.footer-contact a {
	text-decoration: underline;
}
/***=========FOOTER CSS CLOSE*/  /***=========ONE PAGE CSS START*/
h2.wp-block-heading {
	font-size: 2.062rem;
	font-family: 'Helvetica-Bold';
}
.wp-block-column p,
.wp-block-list {
	font-size: 1.25rem;
	margin-top: 5px;
	line-height: 29px;
	font-family: 'helvetica';
}
/***=========ONE PAGE CSS CLOSE*/
.card .card-body {
	padding: 0 0 0 1.25rem
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
	color: #111
}
a:active,
a:focus,
a:hover {
	color: #191970
}
a:active,
a:hover {
	outline: 0
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
#content[tabindex="-1"]:focus {
	outline: 0
}
[class*=hint--][data-hint]:after {
	letter-spacing: normal;
	text-shadow: none;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}
.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
	clear: both
}
.site {
	overflow: hidden
}
.site-content {
	min-height: 50vh
}
.page-home .site-content {
	background: 0 0
}
@media screen and (max-width:990px) {
	.hero-block h1 {
		line-height: 60px;
	}
	.row-gray {
		text-align: center;
	}
	html body .footer-container {
		gap: 20px;
	}
	.footer-contact {
		max-width: 340px;
		margin: 0px auto;
		text-align: left;
	}
	.sticky-spacer{ display:none !important; }
	.hero-vco.second.fixed-me{ position:inherit !important; }
}
@media screen and (max-width:767px) {
	html body .hero-logo img {
		margin-bottom: 0px;
		padding-left: 0px !important;
	}
	.hero-desc {
		max-width: none;
	}
	.hero-block h1 {
		text-align: center;
	}
	.card-display {
		padding-bottom: 0px;
	}
	.site-branding .row .col.text-right {
		padding: 12px 10px 8px 10px;
	}
	.site-branding .site-utility .col {
		text-align: center !important;
	}
	.header--contrast-switcher {
		margin-top: 10px;
		margin-left: 0px;
	}
	html body .site-branding .site-utility .header--utility p {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	html body .footer-container {
		gap: 10px;
	}

}
@media screen and (max-width:568px) {
	html body .footer-links ul {
		display: inline-block;
	}
	.footer-links li:not(:last-child)::after {
		margin: 0px 5px;
	}
}
@media screen and (max-width:576px) {
	.hide-sm {
		display: none
	}
}
@media screen and (max-width:768px) {
	.hide-md {
		display: none
	}
}
@media screen and (max-width:992px) {
	.hide-lg {
		display: none
	}
}
@media screen and (min-width:992px) {
	.entry-header.hide-lg {
		display: none
	}
	.container {
		padding-left: 0;
		padding-right: 0
	}
}
@media screen and (min-width:992px) {
	.site-header .site-branding.container-fluid {
		background-color: #fff
	}
}
.site-menu {
	min-height: 67px
}
.site-branding {
	width: 100%;

}
.site-branding.container-fluid {
	padding-left: 0;
	padding-right: 0
}
.site-branding .row {
	-webkit-box-align: center;
}
@media screen and (min-width:992px) {
	.site-branding .gradient-border {
		height: 20px;
		background: #e9e9e9;
		background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), color-stop(90%, #fefefe));
		background: linear-gradient(to bottom, #e9e9e9 0, #fefefe 90%);
		opacity: 1;
		margin-bottom: 0
	}
	.site-branding .red-border {
		border-bottom: 5px solid #cb2c30
	}
}
@media screen and (min-width:768px) {
	.site-branding h1 {
		margin-bottom: 2rem;
	}
	.hero-vco.second .row-header{
		display: flex;
		align-items: end;
		justify-content: flex-start;
	}
	.hero-vco.second .row-header .hero-logo{ margin-right:30px; }

}
.site-branding .site-utility {
	min-height: 34px;
	background-color: #f2f2f2;
}
.site-branding .site-utility .header--utility {
	display: inline-block;
	vertical-align: text-bottom;
	position: relative
}
@media screen and (min-width:768px) {
	.site-branding .site-utility .header--utility {
		margin-top: -5px
	}
}
@media (min-width:730px) {
	.site-branding .site-utility .header--utility:first-of-type a:first-of-type:after {
		position: absolute;
		top: 64%;
		content: '|';
		font-size: 14.4px;
		font-size: .9rem;
		color: #000
	}
}
.site-branding .site-utility .header--utility p {
	color: #383838;
	font-size: 1.25rem;
	margin-top: .5rem;
	margin-bottom: 0;
	padding-right: .25rem;
	display: inline-block;
	font-weight: 600;
	font-family: 'Helvetica-Bold';
}
.site-branding .site-utility .header--utility button.btn-decrease {
	font-size: 12.8px;
	font-size: .8rem;
	letter-spacing: -2.1px
}
.site-branding .site-utility .header--utility button.btn-increase {
	padding: .1em
}
.site-branding .site-utility .header--utility button.light {
	background-color: #fff;
	border-color: #fff;
	color: #000
}
.site-branding .site-utility .header--font-resize {
	text-align: center
}
.site-branding .site-utility .header--country {
	padding-right: 1rem;
	line-height: 1.8rem
}
@media screen and (min-width:768px) {
	.site-branding .site-utility .header--country {
		min-width: 145px
	}
}
.site-branding .country {
	font-size: 11.2px;
	font-size: .7rem;
	display: inline-block
}
.site-branding .country.site-5 {
	display: none
}
.site-branding .country img {
	margin-right: .2rem;
	margin-bottom: .1rem;
	width: 18px
}
.site-branding .lang-dd {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: 2.4rem
}
@media screen and (min-width:992px) {
	.site-branding .lang-dd {
		-webkit-box-pack: end;
		justify-content: flex-end;
		margin-bottom: 0
	}
}
.site-branding .custom-logo-link {
	margin-left: 15px
}
.site-branding .main-logo {
	background-color: #fff;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 2rem
}
.site-branding .main-logo img {
	max-height: 75px
}
@media screen and (min-width:992px) {
	.site-branding .main-logo img {
		max-height: 52px
	}
}
@media screen and (min-width:768px) {
	.card-display {
		width: 100%;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		padding-left: 0;
	}
	.flip-container:hover .flipper .front {
		-webkit-transform: scale(1.5);
		transform: scale(1.3)
	}
	.flip-container {
		margin-top: 0px;
	}
}
@media screen and (min-width:992px) {
	.flip-container:hover .flipper .front {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}
@media screen and (min-width:768px) {
	.card-display .card-front-back {
		margin: 0 20px;
		-webkit-perspective: 1000px;
		perspective: 1000px
	}
	.flip-container:hover .flipper .front {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}
.flip-container {
	perspective: 1000px
}
.flip-container.hero-card {
    margin-bottom: 30px;
}
.back,
.flip-container,
.front {
	height: 180px
}
.flipper {
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
	-webkit-animation: flipCard 1s linear;
	animation: flipCard 1s linear;
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.back,
.front {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0
}
.site-footer .border-top-white {
	margin-top: 20px;
	padding: 15px 0;
	border-top: 1px solid #fff
}
.site-footer .copyright {
	font-size: .8rem;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Helvetica-Bold';
}
.site-footer a {
	line-height: 1.6;
	text-decoration: underline
}
.site-footer a:hover,
.site-footer a:active {
	color: #fff
}
.site-footer .cc-logo {
	width: 80px;
	float: left;
	padding-right: 15px
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 10px;
	background: #000;
	color: #fff;
	font-weight: 900;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .3em 0.5em .4em;
}
button:focus,
button:focus-visible {
	outline: 3px solid #005fcc !important;
	outline-offset: 3px;
	background-color: #fff;
	color: #000;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	border-color: #000
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #000
}
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
	outline: 0
}
button.disabled {
	opacity: 50%;
	cursor: not-allowed
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}
.infinity-end.neverending .site-footer {
	display: block
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}
.custom-logo-link {
	display: inline-block
}
.gradient-border.container-fluid {
	display: none;
}
footer a:visited {
	font-size: 0.875rem;
	font-weight: 600;
	color: #fff !important;
}
.footer-cardco-logo-text {
	font-style: italic;
	margin-bottom: 15px;
	margin-left: 10px;
}
footer a:hover {
	color: #00d455 !important;
}
@media (max-width:384px) {
	.col-4.left.new_head_links.header--utility {
		padding-right: 0px !important;
	}
	.header--font-resize.header--utility.mr-3 {
		margin-right: 0px !important;
	}
	.site-branding .col.text-right {
		padding-left: 0px !important;
		margin-left: 0px !important;
	}
	.hero-block {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
@media (max-width:767px) {
	.flipper,
	button.flip-button {
		width: 100% !important;
	}
	.front {
		position: relative !important;
		width: 100% !important;
	}
	html body .flip-container,
	img.card-back-swap.card-en {
		width: 100% !important;
	}
}
.new_head_links {
	padding-top: 5px !important;
}
.terms-template .site-branding .site-utility .header--utility:first-of-type a {
	margin-left: 5px !important;
}
.terms-template .site-branding .site-utility .header--utility:first-of-type a:first-of-type {

	margin-left: 5px !important;
}
@media (max-width: 424px) {
	.terms-template .site-branding .col.text-right {
		padding-left: 0px !important;
		margin-left: 0px !important;
	}
}
/* ===============================  FOOTER ================================ */
.site-footer {
	color: #ffffff;
	margin-top: 25px;
}
.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0px 15px 0px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-brand {
	display: flex;
	gap: 16px;
	align-items: center;
}
.footer-logo img {
	width: 371px;
	height: auto;
}
.footer-brand-text h4 {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
}
.footer-brand-text p {
	margin: 4px 0 0;
	font-size: 13px;
	opacity: 0.85;
}
.footer-contact p,
.footer-address p {
	margin: 6px 0;
	font-size: 0.75rem;
	line-height: 1.6;
	font-weight: 100;
	letter-spacing: 2px;
	font-style: normal;
}
.footer-contact a {
	color: #ffffff;
}
.footer-contact a:hover {
	text-decoration: underline;
}
.footer-bottom {
	max-width: 1200px;
	margin: 0 auto;
	padding: 25px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	letter-spacing: 1px;
}
.footer-bottom p {
	margin: 0;
}
.footer-links {
	display: flex;
	gap: 18px;
}
.footer-links a {
	color: #ffffff;
	text-decoration: underline;
}
.footer-links a:hover {
	opacity: 1;
}
/* ===============================   RESPONSIVE ================================ */
@media (max-width: 992px) {
	.footer-container {
		flex-direction: column;
		text-align: center;
	}
	.footer-brand {
		justify-content: center;
	}
	.footer-bottom {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}
}
body.dark-theme {
	background-color: #000;
	color: #fff;
}

body.dark-theme .textcolor{
    color:#000!important;
}
body.dark-theme .site-header,
body.dark-theme .site-footer {
	background-color: #111 !important;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem !important;
}
h4 {
	font-size: 1.5rem !important;
}
h5 {
	font-size: 1.25rem !important;
}
h6 {
	font-size: 1rem !important;
}
.footer-contact {
	color: #fff !important;
}
.footer-contact a {
	font-weight: 400;
}
.footer-address a {
	font-weight: 400;
}
.footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/*display: flex;*/
	gap: 10px;
}
.footer-links li {
	position:relative;
	display:inline-block;
}
.footer-links li:not(:last-child)::after {
	top:0px;
	content:"|";
	margin-left: 10px;
	color: #fff;
	font-size:15px;
	position: relative;
}
.footer-links a {
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 1px;
	color: #fff;
	font-family: 'Helvetica-Bold';
}
.footer-links a:hover {
	opacity: 0.8;
}
.footer-links a {
	text-underline-offset: 3px;
}

/* footer Accessible focus (best practice) */
:focus {
	outline: 2px solid transparent;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 3px solid #1a73e8;
	outline-offset: 3px;
}
a:hover,
a:focus-visible {
	color: #fff;
}
.footer-contact a:hover,
.footer-contact a:focus {
	color: #fff !important;
	text-decoration: underline;
	outline: 3px solid #1775d9;
}
.footer-links a:hover,
.footer-links a:focus {
	color: #fff !important;
	text-decoration: underline;
}
.hero-logo:focus-visible {
	outline-offset: inherit;
	display: inline-block;
}
.hero-card-link:focus-visible {
	outline-offset: 4px;
	display: inline-block;
}
a:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
}
.hero-card-link:focus-visible img,
.hero-logo:focus-visible img {
	outline: 3px solid #005fcc;
	outline-offset: 4px;
}
.skip-link:focus {
	position: fixed;
	top: 10px;
	left: 10px;
	background: #000;
	color: #fff;
	padding: 10px 15px;
	z-index: 9999;
	clip: auto;
	width: auto;
	height: auto;
	overflow: visible;
	outline: 3px solid #ffbf47;
}
.site-branding .site-utility .header--utility a {
	text-decoration: none !important;
}
.site-branding .site-utility .header--utility a:first-child p {
	padding-right: 0px;
}
.site-branding .site-utility .header--utility a:last-child p {
	padding-left: 4px;
}
@media (max-width:858px) {
	.site-branding .site-utility {
		display: block;
	}
	.site-branding .site-utility .col-4 {
		max-width: 100%;
		padding-top: 1rem;
	}
	.site-branding .site-utility .col {
		max-width: 100%;
		margin-left: 1rem;
		padding-bottom: 1rem;
		padding-top: 1rem !important;
	}
	.site-branding .site-utility .header--utility:first-of-type:after {
		display: none;
	}
}
a:hover,
a:focus {
	color: #0056b3;
	text-decoration: underline;
}
.site-branding .row {
	align-items: flex-start;
	position: relative;
}
.site-branding .site-utility .header--utility:first-of-type a:first-of-type {
	margin-left: 1rem !important;
}
.site-branding .site-utility .header--utility:first-of-type a {
	margin-left: 5px;
}
.back,
.flip-container {
	width: 100%;
	max-width: 313px;
}
.site-branding .site-utility .header--utility:first-of-type a:first-of-type:after {
	top: 37% !important;
}
@media screen and (min-width: 768px) {
	.flip-container:hover .flipper .front {
		-webkit-transform: scale(1.3);
		transform: scale(1.15) !important;
	}
}
@media (min-width:730px) {
	.site-branding .site-utility .header--utility:first-of-type a:first-of-type:after {
		position: relative;
		top: 64%;
		content: '|';
		font-size: .75rem;
		color: #000;
	}
	.terms-template .site-branding .site-utility .header--utility:first-of-type a {
		margin-left: 0px !important;
	}
}
.terms-template .site-branding .site-utility .header--utility:first-of-type a {
	margin-left: 0px;
}
.skip-link:focus {
	position: fixed;
	top: 10px;
	left: 10px;
	background: #000;
	color: #fff;
}
a:focus,
button:focus {
	outline: 3px solid #0056b3;
	outline-offset: 3px;
}
.site-header.is-sticky,
.site-header.sticky,
.sticky-header {
	position: relative !important;
	top: auto !important;
}
.hero-title-wel p {
	text-align: left !important;
	padding-top: 0px !important;
	margin: .67em 0 0;
	font-weight: 400;
	margin-top: 0 !important;

}
.card-display {
	background: none;
	height: auto;
}
@media (max-width: 767px) {
	.flip-container {
		margin-left: auto;
		margin-right: auto;
	}
}
.card-back-swap {
	display: inline;
}
.hero-vco {
	overflow: hidden;
	padding-top: 35px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
.hero-logo img {
	max-width: 86px !important;
}
.hero-logo:focus {
	outline: 3px solid #ffbf47;
}
.hero-card {
	display: inline-block;
}
.hero-card img {
	filter: drop-shadow(0 15px 40px rgba(255, 255, 255, 0.6));
}
.hero-card img {
	border-radius: 16px;
}
@media (max-width: 991px) {
	.hero-content {
		max-width: 100%;
	}
	.hero-title {
		font-size: 2.25rem;
	}
	.hero-card {
		max-width: 100%;
		margin-top: 40px;
	}
}
.hero-block h1 {
	text-align: left;
	/*padding-top: 20px;*/
	margin-top: 0;
	font-weight: 900;
	margin-bottom: 0px;
}

body.dark-theme button {
	background: #222;
	color: #fff;
	border: 1px solid #fff;
}
/*===========================================================================================RESET CSS CLOSE	*/
/*===========================================================================================PHONE SECTION CSS START	*/
main.wp-block-group-is-layout-flow {
	margin: 0px auto;
	max-width: 1230px;
	padding: 0px 15px;
}
.page-extra-image {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
    padding-top: 50px;
}

@media (min-width:1081px) {
	.site-branding .hero-card{ margin-right:140px; }
	}
@media (min-width:991px) {
	html body .hero-vco.second.fixed-me {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 10;
		width: 100%;
	}

}
@media (min-width:1081px) {
	.hero-desc {
		max-width: 700px;
	}
	.row-header {
		display: flex;
		justify-content: flex-start;
	}
	.row-header .hero-logo {
		margin-right: 30px;
	}
	.hero-content, .home .hero-card{ width:69%; }
	.hero-content{ margin-right:2%; }
	.home .hero-card{ margin-left:2%; }
}
@media (max-width:1080px) {
	.hero-vco {
		flex-direction: column;
		text-align: center;
		padding: 10px 20px;
	}
	.hero-title-wel p {
		line-height: 26px;
		text-align: center !important;
	}
	.hero-card{ margin-right:0px; }
	.flip-container{ height:auto; }
	.hero-content {
		text-align: center;
	}
	html body .hero-block h1 {
		line-height: 70px;
		font-size: 2rem !important;
		text-align: center;
	}
	.hero-block h1 {
		padding-top: 0px;
		margin-bottom: 15px;
	}
	.hero-content{ margin-right:0%; width:100%; }
	.hero-card{ margin-right:0px; }
	.hero-card{ margin-top:20px; }
	.hero-block .card-display{ padding-top:0px; max-width:450px; flex-direction:column; padding-bottom:0px; }
	html body .hero-title-wel p {
		font-size: 1rem;
		padding-left: 0px;
		text-align: center !important;
	}
	.flip-container{ max-width:none; }
	}
@media (max-width:990px) {
	.hero-block h1 {
		font-size: 2.2rem;
	}
	.hero-vco.second .row-header h1 {
		padding-top: 0px;
	}
	.site-branding .row .col.text-right {
		padding: 10px !important;
	}
}
@media (max-width:768px) {
.wp-block-column.is-vertically-aligned-top.has-global-padding.is-content-justification-right.is-layout-constrained.wp-container-core-column-is-layout-46071106.wp-block-column-is-layout-constrained, .accessibility-card-img, .cookie-card-img{ display:flex; padding-top:0px !important; }
	.accessibility-card-img, .cookie-card-img{ justify-content:center; }
	:where(.wp-block-columns):not(:last-child) { margin-bottom:1.75em; }
	.hero-card{ margin-left:0%; }
	.hero-card-link br{ display:none; }
	}
@media (max-width:767px) {
	.site-branding .row .col.text-right {
		display: flex;
		flex-direction: column;
	}
	.hero-block .card-display {
		padding: 0px;
	}
	.footer-contact strong{ width:75px; }
}
/*===========================================================================================RESPONSIVE CSS CLOSE	*/
/*.hero-vco.second, .hero-vc.second {
    background: #b00000;
} */
.sticky-spacer {
    display: block;
    width: 100%;
    visibility: hidden;
}
.admin-bar .hero-vco.second.fixed-me,
.admin-bar .hero-vc.second.fixed-me {
    top: 32px !important; /* inline style will get this value */
}
@media screen and (max-width: 782px) {
    .admin-bar .hero-vco.second.fixed-me,
    .admin-bar .hero-vc.second.fixed-me {
        top: 46px !important;
    }
}

#ez-toc-container a:visited {
color:#000;
}
#ez-toc-container a {
    color: #000;
    text-decoration: underline;
    font-size:1.25rem;
 }
 #ez-toc-container{
 border:0;
 background-color:#fff;
 }
 div#ez-toc-container .ez-toc-title{
     font-size: 1.65rem;
    font-weight: bold;
 }



/* bottom-block phone CTA */

main.wp-block-group-is-layout-flow{
	margin:0px auto;
	max-width:1230px;
	padding:0px 15px;
}
.wra-box-pho {
    width: 100%;
    max-width: 1200px;
    margin: auto auto;
	overflow-x: clip;
}
.box-phone{
	width:100%;
	font-size:1.25rem;
	margin:50px auto;
	line-height:29px;
	min-height:222px;
	max-width:1200px;
	position: relative;
	padding:50px;
	display: flex;
	align-items: center;
}
.box-phone .con{
	float: none;
	max-width:550px;
	padding-right: 10px;
}
.box-phone h2{
	margin:0px;
	font-size: 3.25rem;
	line-height: 3.25rem;
	padding-bottom:9px;
	text-transform: capitalize;
}
.box-phone p{
	margin-top:0px;
	padding-bottom:0px;
    line-height: 2rem;
}
.box-phone .img-QR{
	width:170px;
	height:170px;
	display:flex;
	border-radius:100%;
	align-items:center;
	justify-content:center;
}
.img-QR img {
    max-width: 120px;
}
.phone-stage {
    position: absolute;
    display: inline-block;
    max-width: 425px;
    right: -28px;
    bottom: -31px;
  	--brand-color: #be211a;
}

.layer-base {
  display: block;
  width: 100%;
  max-width: 600px;
}

/* The color overlay lives here — no extra HTML element needed */
.phone-stage::after {
  content: "";
  position: absolute;
  inset: 0;
   -webkit-mask-image: url('http://mcdonalds.vconow.com/wp-content/uploads/sites/3/2026/06/color-mask.png');
  mask-image: url('http://mcdonalds.vconow.com/wp-content/uploads/sites/3/2026/06/color-mask.png');
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  /* Brand color fills the masked shape */
  background-color: var(--brand-color);
  mix-blend-mode: color;
  left:-2px;
  top:-1px;
}

.layer-logo {
    position: absolute;
    top: 30%;
    left: 41%;
    transform: rotate(344deg);
    width: 80px;
    height: auto;
    z-index: 2;
    opacity: 0.9;
}

.dark-theme section.wra-box-pho {
    background-color: #505050 !important;
}
.dark-theme .con h2,
.dark-theme .con p {
    color: #fff !important;
}

@media (max-width: 1199px){
	.box-phone .con{
		max-width: 450px;
	}
	.box-phone .img-QR {
		left: 58%;
	}
}
@media (max-width: 1075px) {
    .box-phone {
        padding: 40px;
		flex-wrap: wrap;
    }

    .box-phone .con {
        max-width: 100%;
        padding-right: 350px; /* pushes text away from phone */
    }
	.phone-stage {
		max-width: 460px;
		right: -30px;
		bottom: -33px;
	}
}
@media (max-width: 775px) {
    .phone-stage {
        max-width: 355px;
        right: -30px;
        bottom: -25px;
    }
	.box-phone{
		margin: 0 auto;
	}
	.box-phone p {
		padding-right: 145px;
	}
    .box-phone .con {
        max-width: 100%;
        padding-right: 70px;
    }
}


@media (max-width: 600px) {
	.box-phone h2{
		font-size: 35px;
	}
	.box-phone .con {
        padding-right: 0;
    }
	.phone-stage {
		max-width: 300px;
		right: -23px;
		bottom: -22px;
    }
	.box-phone p {
        padding-right: 0px;
        padding-bottom: 25px;
    }
}
@media (max-width: 550px) {
    .box-phone {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 30px 300px 30px; /* bottom room for phone */
		text-align: center;
    }

    .box-phone .con {
        width: 100%;
        padding-right: 0 !important;
    }

    .box-phone .img-QR {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        float: none;
        width: 175px;
        height: 175px;
		margin: auto auto;
	}

    .phone-stage {
        max-width: 300px;
        right: 0;
        left: 10px;
        bottom: -22px;
        margin: auto auto;
    }
}


/* footer flax css 19june*/
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.wp-site-blocks {
    flex: 1;
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}