/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors

Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate 
starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build 
websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, 
SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for 
cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go 
to: https://github.com/bhadaway/blankslate/issues. Thank you.

translation-ready
Version: 2024.1
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,
samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}
button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{
	-webkit-appearance:none;appearance:none;border-radius:0;
}
input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}
small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}
ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}

.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.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;word-break:normal;
}
.screen-reader-text:focus{
	background-color:#f7f7f7;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:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;
	padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;
}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline;}
.skip-link:focus{
	display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;
	z-index:100000;right:auto;
}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){
	position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html { background-color: #f7e4bc; color: #fff; }
* { position: relative; text-decoration: none; font-family: "Arial", sans-serif; }
div, h1, h2, h3, li, a, p { font-family: "Arial", sans-serif; }
article { box-sizing: border-box; padding: 25px; text-align: center; }
p a { color: #521903; }


/* shared classes */
h1 { font-size: 32px; font-weight: normal; margin: 0 auto; max-width: 1080px; display: block; }
h2 { font-size: 25px; font-weight: 500; margin: 25px auto 0 auto; max-width: 1080px; display: block; }
p { font-size: 18px; line-height: 22px; padding: 25px 0; max-width: 1080px; margin: 0 auto; display: inline-block; }
#wrapper { box-sizing: border-box; margin: 0 auto; }
.main { background-color: #f7e4bc; }
.container { box-sizing: border-box; padding: 25px; max-width: 1280px; margin: 0 auto; }
.stripes { background-image: url(img/stripes.jpg); background-repeat: repeat; }
.row { text-align: center; padding: 50px 0; box-sizing: border-box; }
.content-block { position: relative; margin: 0 auto; max-width: 1200px; padding: 20px; }
.cta { display: inline-block; border-radius: 20px; text-align: center; line-height: 26px; padding: 6px 20px; color: #ffffff; background-color: #22bbee; }
.cta {
	margin: 25px auto; display: inline-block; background-color: #099cf6; color: #ffffff; font-family: "Oswald"; font-size: 24px; padding: 7px 40px; 
	text-align: center; transition: all 0.5s ease; text-transform: uppercase; font-weight: 700;
}
.cta:hover { background-color: #19acff; }
.divider-container { height: 10px; margin-top: -5px; margin-bottom: -5px; box-sizing: border-box; z-index: 10; background-color: #555555; }
.divider-container .divider { width: 100px; height: 10px; background-color: #ff0000; margin: 0 auto; }
.divider.red { background-color: #ff0000; }
.divider.blue { background-color: #099cf6; }


/* header */
.banner { padding: 72px; box-sizing: border-box; text-align: center; overflow: hidden; background-color: #f7e4bc; }
.banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-image img { position: absolute; top: 0; left: 0; width: 100%; }
.header-content { background-color: #f7e4bc; display: inline-block; padding: 20px; }
.header-content p { display: block; text-align: center; padding: 5px; color: #000; }
.header-content p a { color: #521903; }
.logo { display: inline-block; margin: 0 auto; width: 250px; text-align: center; }
.logo img { width: 100%; }

/* menu */
.menu { background-color: #f7e4bc; text-align: center; padding: 20px 0; }
.menu ul { display: inline-block; }
.menu li { display: inline-block; padding: 10px 25px; }
.menu li a { color: #521903; text-transform: uppercase; font-size: 22px; font-family: 'Merriweather Sans', sans-serif; font-weight: 700; }
.menu li a:before {
	content: ''; width: 28px; border-width: 0 0 3px 0; border-style: solid; border-color: #521903; bottom: -5px; left: 50%; position: absolute; display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.menu ul ul {position: absolute; padding: 0; left: 0; z-index: 10; padding-top: 12px; display: none; }
.menu li li { background-color: #303822; }
.menu li li a { font-size: 85%; }
.menu li:hover ul ul {display:none;}
.menu li:hover ul { display:block; }
.menu li li:hover ul { display:block; margin-left:200px; margin-top:-35px; }
.menu li li a:before { width: 0; }


/* footer */
footer { min-height: 350px; background-color: #f7e4bc; color: #000000; padding: 50px 20px; text-align: center; }
footer .logo { width: 180px; }
.social-menu li a img { width: 32px; }
.footer-menu { display: inline-block; max-width: 200px; }
.footer-menu li { width: 100%; box-sizing: border-box; margin: 20px 0; }
.footer-menu li a { color: #ffffff; font-size: 22px; }
.legal-menu { display: inline-block; max-width: 200px; }
.legal-menu li { width: 100%; box-sizing: border-box; margin: 20px 0; }
.legal-menu li a { color: #521903; font-size: 15px; }
footer .copyright { margin-top: 20px; font-size: 15px; }


/* client-logos */
.row[name="client-logos"] ul { text-align: center; }
.row[name="client-logos"] li { display: inline-block; width: 17%; padding: 20px; }
.row[name="client-logos"] li img { width: 100%; }


/* Contact us form */
.contact-us-container .title{padding: 50px 0 20px 0; font-size: 36px;line-height: 38px;}
.contact-us-container .description{ font-size: 18px;line-height: 28px;}
.contact-us-container div.wpforms-container-full .wpforms-field-label { text-align: left;  }
.contact-us-container div.wpforms-container-full .wpforms-field-sublabel {}
.contact-us-container div.wpforms-container-full button[type="submit"],
.contact-us-container div.wpforms-container-full button[type="submit"]:hover,
.contact-us-container div.wpforms-container-full button[type="submit"]:active,
.contact-us-container div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
	background-color: #f53855;height: 60px;display: flex;justify-content: center;font-size: 20px;font-weight: 400;color: #ffffff;align-items: center;
}
.contact-us-container div.wpforms-container-full input[type="text"],
.contact-us-container div.wpforms-container-full input[type="email"] {
	height: 60px;width: 100%;background: #ffffff;border: 1px solid #dddddd;box-sizing: border-box;border-radius: 6px;padding-left: 24px;color: #334d5c;font-size: 18px;
}
.contact-us-container div.wpforms-container-full .wpforms-form textarea{max-width: 696px;height: 120px;width: 100%;border: 1px solid #DDDDDD;box-sizing: border-box;border-radius: 6px;margin-bottom: 40px;padding-left: 24px;padding-top: 18px;color: #334d5c;font-size: 18px;}



/* QR Code page */
.page-template-qr .banner-image { display: none; }
.page-template-qr .header-content .address { display: none; }
.page-template-qr .header-content .telephone { display: none; }
.page-template-qr .header-content .email { display: none; }
.page-template-qr .menu { display: none; }
.page-template-qr .footer .menu { display: block; }
.page-template-qr .footer .logo { display: none; }
.page-template-qr .footer .social-menu { display: none; }
.page-template-qr .footer .menu { display: none; }
.page-template-qr .footer .legal-menu { display: none; }
.page-template-qr .footer .copyright { margin-top: 0; color: #521903; }
.qr-code-page-list li { text-align: center; padding: 15px; }
.qr-code-page-list li a { color: #fff; font-size: 25px; }
@media screen and (max-width: 550px) {
	.page-template-qr .logo { width: 100px; }
}


/* Privacy page */









/* RESPONSIVE */

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 768px) {
	.banner-image { width: 155%; }
}
@media screen and (max-width: 550px) {
	.logo { width: 180px; }
	.banner { padding: 32px; }
	.menu li { padding: 10px 15px; }
	.menu li a { font-size: 16px; }
}
@media screen and (max-width: 480px) {
	.logo { width: 150px; }
	.banner { padding: 16px; }
	.banner-image { width: 240%; }
	.header-content p { font-size: 14px; }
}