@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
	/*-----colors-----*/
	--color-1: #be1405;
	--color-2: #f6f6f6;
	--color-3: #ffffff;
	--color-4: #2b2b2b;
	--color-5: #2b2b2b;

	--color-1-opacity: #be140555;
	--color-2-opacity: #f6f6f655;
	--color-3-opacity: #ffffff55;
	--color-4-opacity: #2b2b2b55;
	--color-5-opacity: #2b2b2b55;

	--color-1-opacity-darker: #be140599;
	--color-2-opacity-darker: #f6f6f699;
	--color-3-opacity-darker: #ffffff99;
	--color-4-opacity-darker: #2b2b2b99;
	--color-5-opacity-darker: #2b2b2b99;

	/*-----body-----*/
	--page-background: var(--color-3);
	--text: var(--color-4);
	--text-font: "Noto Sans", Sans-serif;
	--headers: var(--color-4);
	--headers-hover: var(--color-2);
	--big-headers-font: "Rubik", serif;
	--small-headers-font: "Rubik", serif;

	/*-----links-----*/
	--nav: var(--color-3);
	--nav-hover: var(--color-1);
	--nav-font: var(--text-font);
	--links: var(--color-1);
	--links-hover: var(--color-4);

	/*-----main colors-----*/
	--main-accent: var(--color-1);
	--main-accent-text: var(--color-3);
	--main-accent-text-hover: var(--color-2);
	--main-accent-title: var(--color-3);
	--main-accent-border: var(--color-2);

	/*-----secondary colors-----*/
	--secondary-accent: var(--color-3);
	--secondary-accent-text: var(--color-1);
	--secondary-accent-text-hover: var(--color-1);
	--secondary-accent-title: var(--color-3);
	--secondary-accent-border: var(--color-2);

	/*-----footer colors-----*/
	--footer: var(--color-5);
	--footer-text: var(--color-3);
	--footer-text-hover: var(--color-1);
	--footer-title: var(--color-3);

	/*-----buttons-----*/
	--btn-font-size: 0.75rem;
	--btn-border-radius: 0px;
	--btn-hover-bg: var(--color-2);
	--btn-hover-text: var(--color-1);
	--btn-hover-border: var(--color-2);
	--btn-main-bg: var(--color-1);
	--btn-main-text: var(--color-3);
	--btn-main-border: var(--color-1);

	/*-----reviews colors-----*/
	--reviews: var(--color-3);
	--reviews-stars: var(--color-3);
	--reviews-text: var(--color-4);
	--reviews-title: var(--color-4);
	--reviews-border: var(--color-5);

	/*-----Calendar-----*/
	--calendar-month-border: var(--color-1);
	--calendar-month-bg: var(--color-3);
	--calendar-month-day: var(--color-1);
	--calendar-month-highlight: var(--color-2-opacity);
	--calendar-month-number: var(--color-1);

	/*-----Offcanvas Close/Open Buttons-----*/
	--sandwich-button: var(--color-3);
	--x-button: var(--color-3);

	/*-----Forms-----*/
	--form-text: var(--color-4);
	--form-input-border: var(--color-4-opacity);
	--form-input-border-focused: var(--color-1);
	--form-input-text: var(--color-4);
	--form-input-text-background: var(--color-3);
	--form-input-text-focused: var(--color-4);
	--form-input-text-focused-background: var(--color-3);
	--form-checkbox: var(--color-1);
	--form-checkbox-focus-dropshadow: var(--color-1-opacity);

	/*-----Modals-----*/
	--modal-x-button: var(--color-4);
	--modal-x-button-hover: var(--color-4);
	--modal-text: var(--color-4);
	--modal-bg: var(--color-3);

	/*-----Scroll Bar-----*/
	--scrollbar-bg: var(--color-3);
	--scrollbar-thumb: var(--color-1);

	--topbar-color: var(--color-3);
	--topbar-bg: var(--color-4-opacity);
	--topbar-internal-bg: var(--color-1);
	--topbar-border-color: var(--color-1);
}

/*-----Colors-----*/
.accent-1 {
	background-color: var(--color-1);
	color: var(--color-3);
	--btn-font-size: 0.75rem;
	--btn-border-radius: 0px;
	--btn-hover-bg: var(--color-2);
	--btn-hover-text: var(--color-1);
	--btn-hover-border: var(--color-2);
	--btn-main-bg: var(--color-4);
	--btn-main-text: var(--color-3);
	--btn-main-border: var(--color-4);
	--headers: var(--color-3);
	--text: var(--color-3);
	--links: var(--color-1);
	--links-hover: var(--color-2);
}

.accent-2 {
	background-color: var(--color-2);
	color: var(--color-1);
	--btn-font-size: 0.75rem;
	--btn-border-radius: 0px;
	--btn-hover-bg: var(--color-4);
	--btn-hover-text: var(--color-3);
	--btn-hover-border: var(--color-4);
	--btn-main-bg: var(--color-1);
	--btn-main-text: var(--color-3);
	--btn-main-border: var(--color-1);
	--headers: var(--color-1);
	--text: var(--color-4);
	--links: var(--color-1);
	--links-hover: var(--color-2);
}

html{scrollbar-color:var(--scrollbar-bg) var(--scrollbar-thumb);--scrollbarBG:var(--scrollbar-bg);--thumbBG:var(--scrollbar-thumb)}body::-webkit-scrollbar{width:15px}body{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:100px;border:3px solid var(--scrollbarBG)}h1,.h1,h2,.h2{font-family:var(--big-headers-font);color:var(--headers);text-transform:capitalize}h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:var(--small-headers-font);color:var(--headers);text-transform:uppercase}p,body,li,table{color:var(--text);-webkit-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;font-family:var(--nav-font)}.text-font{font-family:var(--text-font)}.headers-font{font-family:var(--big-headers-font);}a{color:var(--links);text-decoration:none}a:hover,a:focus,a:active{color:var(--links-hover)}.nav-link:focus,.nav-link:hover{color:var(--nav-hover)}.nav-link{color:var(--nav);font-family:var(--small-headers-font);font-weight:600}#footer{color:var(--footer-text);background-color:var(--footer)}#footer h1,#footer .h1,#footer h2,#footer .h2,#footer h3,#footer .h3,#footer h4,#footer .h4,#footer h5,#footer .h5,#footer h6,#footer .h6{color:var(--footer-title)}#footer p,#footer body,#footer li,#footer a{color:var(--footer-text)}#footer a:hover,#footer a:active,#footer a:focus{color:var(--footer-text-hover)}@-webkit-keyframes offset{from{-webkit-box-shadow:.3em .3em 0 0 var(--btn-main-border),-.3em -.3em var(--btn-main-border),inset .3em .3em 0 0 transparent!important;box-shadow:.3em .3em 0 0 var(--btn-main-border),-.3em -.3em var(--btn-main-border),inset .3em .3em 0 0 transparent!important}to{-webkit-box-shadow:0em 0em 0 0 var(--btn-hover-border),0em 0em var(--btn-hover-border),inset 0em 0em 0 0 transparent!important;box-shadow:0em 0em 0 0 var(--btn-hover-border),0em 0em var(--btn-hover-border),inset 0em 0em 0 0 transparent!important}}@keyframes offset{from{-webkit-box-shadow:.3em .3em 0 0 var(--btn-main-border),-.3em -.3em var(--btn-main-border),inset .3em .3em 0 0 transparent!important;box-shadow:.3em .3em 0 0 var(--btn-main-border),-.3em -.3em var(--btn-main-border),inset .3em .3em 0 0 transparent!important}to{-webkit-box-shadow:0em 0em 0 0 var(--btn-hover-border),0em 0em var(--btn-hover-border),inset 0em 0em 0 0 transparent!important;box-shadow:0em 0em 0 0 var(--btn-hover-border),0em 0em var(--btn-hover-border),inset 0em 0em 0 0 transparent!important}}[class^="btn"]:not(.btn-close,.sidebar-toggle),button#header-arrows,.subscribe-button,.portfolio-shuffle a,div.form-group.d-grid.gap-2>button,.cta-button{background:var(--btn-main-bg)!important;color:var(--btn-main-text)!important;border-radius:var(--btn-border-radius)!important;-webkit-box-shadow:var(--btn-main-shadow)!important;box-shadow:.3em .3em 0 0 var(--btn-main-border),-.3em -.3em var(--btn-main-border),inset .3em .3em 0 0 transparent!important;text-decoration:none!important;font-family:var(--small-headers-font)!important;border:4px solid transparent!important;-webkit-animation:0.5s offset!important;animation:0.5s offset!important;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-top:5px}[class^="btn"]:not(.btn-close,.sidebar-toggle):hover,[class^="btn"]:not(.btn-close,.sidebar-toggle):active,button#header-arrows:hover,button#header-arrows:active,.subscribe-button:hover,.subscribe-button:active,.portfolio-shuffle a:hover,.portfolio-shuffle a:active,div.form-group.d-grid.gap-2>button:hover,div.form-group.d-grid.gap-2>button:active,.cta-button:hover,.cta-button:active{background:var(--btn-hover-bg)!important;color:var(--btn-hover-text)!important;text-decoration:none!important;border:3px solid var(--btn-hover-border)!important;-webkit-box-shadow:0em 0em 0 0 var(--btn-hover-border),0em 0em var(--btn-hover-border),inset 0em 0em 0 0 transparent!important;box-shadow:0em 0em 0 0 var(--btn-hover-border),0em 0em var(--btn-hover-border),inset 0em 0em 0 0 transparent!important;-webkit-animation:0.5s offset!important;animation:0.5s offset!important;margin-top:7px}.spillover *{margin:auto}.spillover{background-color:var(--color-5);padding:9px 0 9px 0;text-align:center}.copyright{background-color:var(--color-1);padding-top:.5rem;padding-bottom:.5rem}.copyright p,.copyright a{font-size:1rem!important;color:var(--color-3);margin-bottom:10px}@media (max-width:767px){.copyright p,.copyright a{font-size:0.75rem!important;text-align:center}}.copyright a:hover,.copyright a:active,.copyright a:focus{color:var(--color-2)!important}