/*
Theme Name: Blanka
Theme URI: https://cabomarketing.com/
Author: Cabo Marketing
Author URI: http://cabomarketing.com/
Description: 2020 version
Version: 2020.1
*/

:root {
	--color1:#959c51;
	--color2:#773;
	--color3:#BB7;
	--color4:#777;
	--color5:black;
	--color6:white;
}

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}body{line-height:1}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}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{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

html                        { scroll-behavior:smooth; }
a,a:hover,a *,a:hover *		{ transition:all 0.5s ease; text-decoration:none; }
body						{ font:16px/1.6 sans-serif; }
h1,h2,h3                    { font-family:'Kingston'; font-weight:normal;}
h1							{ font-size:36px; margin-bottom:20px; }
h2							{ font-size:24px; margin-bottom:20px; }
h3							{ font-size:20px; margin-bottom:20px; }
h4							{ font-size:18px; margin-bottom:20px; }
b,strong					{ font-weight:bold; }
figcaption					{ font-size:13px; }
i,em						{ color:inherit; font-style:italic; }
u							{ text-decoration:underline; }
s							{ text-decoration:line-through; }
small						{ font-size:80%; }
p							{ margin-bottom:20px; }
ol							{ list-style:decimal; margin:0 0 20px 18px; }
ul							{ list-style:disc; margin:0 0 20px 17px; }
#header						{ background:white; border-bottom:2px rgba(0,0,0,0.05) solid; padding:30px 0; }
 body.home #header			{ border-bottom:none; }
#logo						{ background:url(ccsj.svg) no-repeat; display:inline-block; width:123px; height:100px; text-indent:-9999px; }
#logo:hover					{ transform:scale(1.05); }
#menu						{ margin:10px 0 0 0; text-align:right; transform:translateY(10px); }
#menu li					{ display:inline-block; text-align:left; vertical-align:top !important; position:relative; list-style:none; }
#menu a						{ color:var(--color2); display:inline-block; font:bold 16px 'Arpona'; letter-spacing:1px; padding:20px 10px; text-transform:uppercase}
#menu a:hover				{ color:#333; }
#menu li:hover .sub-menu	{ display:block; visibility:visible; opacity:1; transition:all 0.3s ease; }
.sub-menu					{ background:var(--color1); position:absolute; top:100%; left:0; z-index:999; visibility:hidden; opacity:0; transition:all 0.3s ease; }
.sub-menu li				{ display:block; }
.sub-menu li a				{ padding:15px 15px 15px 20px !important; color:white; text-decoration:none; width:180px; }
.sub-menu li:hover			{ background-color:var(color2); }
.sub-menu li:first-child	{ border-top:none; }
#content a                  { color:var(--color1); }
#footer						{ background:var(--color1); color:white; font-size:12px; margin:0; padding:120px 0; text-align:center; text-transform:uppercase; }
#footer a					{ color:white; }
#footer a:hover				{ color:white; opacity:0.7; }
#footer .btn				{ border:1px rgba(255,255,255, 0.4) solid; border-radius:50px; display:inline-block; margin-bottom:5px; padding:10px 16px 9px 16px; }
#footer .btn:hover			{ border:1px white solid; opacity:1; }
#footer .mail span			{ transform:translatey(-1px); }
.sec						{ width:90%; max-width:900px; margin:0 auto; @media(min-width:768px) { text-align:justify; } }
.txt						{ width:90%; max-width:700px; margin:0 auto; @media(min-width:768px) { text-align:justify; } }
.wide						{ width:90%; max-width:1200px; margin:0 auto; @media(min-width:768px) { text-align:justify; } }
.sketch figure				{ width:90%; max-width:1200px; }
.sketch img					{ border-radius:10px; display:block; width:100%; height:auto; }
.stretch					{ clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%); opacity:0; transition:all 0s ease; }
.stretch img				{ transform:scale(1.1); }
.stretch.go					{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity:1; transition:all 2s ease; }
.stretch.go img				{ transform:scale(1); transition:all 1.5s ease; }
.has-color-1-color			{ color:#C2A575; }
.has-color-2-color			{ color:#C77851; }
.has-color-3-color			{ color:#72A57F; }
.has-color-4-color			{ color:#809DAC; }
.has-color-5-color			{ color:#525352; }
.has-color-6-color			{ color:#F2E8D1; }
.has-color-1-background-color { background-color:#C2A575; }
.has-color-2-background-color { background-color:#C77851; }
.has-color-3-background-color { background-color:#72A57F; }
.has-color-4-background-color { background-color:#809DAC; }
.has-color-5-background-color { background-color:#525352; }
.has-color-6-background-color { background-color:#F2E8D1; }
.contact					{ border-bottom:1px rgba(255,255,255,0.35) solid; border-top:1px rgba(255,255,255,0.35) solid; padding:40px 0; }
.contact h3					{ color:white; font-size:24px; }
.plans img					{ border-radius:10px; }
.rounded img				{ border-radius:10px; }
.uk-lightbox				{ background-color:rgba(255,255,255,0.75); }
.uk-slideshow a				{ color:white !important; }
.uk-slideshow-items			{ border-radius:10px; }
.wp-block-button a			{ background:var(--color1); border-radius:5px; color:white !important; font:16px 'Arpona'; }
.wp-block-button a:hover	{ background:var(--color2); }

/* Home */

body.home #menu-item-182	{ display:none; }
.splash						{ width:100%; height:calc(100dvh - 160px); overflow:hidden; position:relative; clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);
							  transition:0.5s all ease; @media(max-width:767px) { height:60vh; transition:0.5s all ease; }
	& img					{ display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.1); -webkit-transform:scale(1.1); transform-origin:50% 50%; -webkit-transform-origin:50% 50%; filter:blur(5px); -webkit-filter:blur(5px); }
	& .text					{ background:#CABD87; background:linear-gradient(0deg, #CABD87, #979B5B00); padding:80px 0 20px 0; position:absolute; left:0; bottom:0; width:100%; z-index:100; overflow:hidden; }
	& .text h1				{ color:white; font-family:'Kingston'; font-size:7vw; text-align:center; text-shadow:0px 3px 3px rgba(0,0,0,0.3); width:100%; @media(max-width:767px) { font-size:46px; } }
}
.intro						{ width:80%; max-width:920px; margin:100px auto; text-align:center; @media(max-width:767px) { margin:40px auto; }
	& p						{ font:22px / 1.6 'Arpona', sans-serif; @media(max-width:767px) { font-size:18px; } }
}
.subtitle					{ width:80%; max-width:920px; margin:30px auto; text-align:center; @media(max-width:767px) { margin:40px auto; }
	& p						{ font:22px / 1.6 'Arpona', sans-serif; @media(max-width:767px) { font-size:18px; } }
}
.link-grid					{
	& .large a				{ background-size:110%; clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%); opacity:0; }
	& a						{ aspect-ratio:5/3; background-position:center center; background-size:100%; border-radius:10px; clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); display:block; position:relative; transition:all 1s ease !important; }
	& a:hover				{ background-size:115%; transition:all 10s ease !important; }
	& .small a:hover		{ background-size:130%; }
	& a span				{ background-color:rgba(150,155,80,0); border-radius:10px; display:block; width:100%; height:100%; }
	& a:hover span			{ background-color:rgba(150,155,80,0.65); }
	& h3					{ background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); border-radius:0 0 10px 10px; color:white; font:22px 'Arpona'; letter-spacing:2px; margin:0; padding:20px 0; position:absolute; bottom:0; left:0; text-align:center; text-transform:uppercase; width:100%; }
}
.featured					{ background:#F8F8E8; margin:120px 0; padding:120px 0;
	& p						{ margin:0 auto 20px auto; width:90%; max-width:650px; @media(min-width:768px) { text-align:justify; } }
	& p.features			{ color:var(--color1); font:22px 'Arpona'; line-height:36px; margin:40px auto; max-width:840px; text-align:center; @media(max-width:767px) { font-size:18px; } }
}
.gallery img				{ border-radius:10px; }
.minigal					{ @media(max-width:767px) { width:80%; } }
.minigal img				{ border-radius:5px; }

/* Pages */

.super						{ aspect-ratio:3/1; background-position:center center; background-size:cover; display:block; overflow:hidden; padding:70px 0 55px 0; position:relative; transition:all 0.3 ease;
	@media(max-width:767px) { aspect-ratio:2/1; padding:45px 0 30px 0; transition:all 0.3 ease; }
	@media(min-width:1440px) { aspect-ratio:4/1; }
}
.super h1					{ color:white; font-size:clamp(42px, 5vw, 9vw); margin:0; padding-top:1vw; position:absolute; left:0; bottom:0; text-align:center; text-shadow:0px 3px 3px rgba(0, 0, 0, 0.3); width:100%; }

/* Responsive */

@media only screen and (max-width: 767px) {

	#header					{  }
	#logo					{ width:100px; height:80px; }
	#menu					{ background:var(--color2); opacity:.95; padding:20px 0; position:absolute; top:132px; left:19px; transform:none; width:calc(100% - 40px); display:none; z-index:1000;}
	#menu.show				{ display:block; }
	.admin-bar #menu		{ top:178px; }
	#menu li				{ display:block; list-style:none; text-align:center; }
	#menu li + li			{ margin:0; }
	#menu a					{ color:white; font-size:14px; line-height:36px; padding:10px 20px; text-transform:uppercase; }
	#menu a:hover			{ color:white; opacity:0.7; }
	.menu					{ margin:0; }
	.menu-toggle			{ display:inline-block; cursor:pointer; position:absolute; right:30px; top:50px; }
	.admin-bar .menu-toggle	{ margin:0; top:96px; }
	.bar1, .bar2, .bar3		{ background-color:var(--color1); border-radius:2px; margin:7px 0; transition:0.3s; width:28px; height:2px; }
	.change .bar1			{ transform:rotate(45deg) translate(5px, 8px); }
	.change .bar2			{ opacity:0; }
	.change .bar3			{ transform:rotate(-45deg) translate(5px, -8px); }

}

@font-face {
	font-family:'Kingston';
	src:url('fonts/kingston-pro.woff2') format('woff2'),
		url('fonts/kingston-pro.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'Arpona';
	src:url('fonts/arpona_light.woff2') format('woff2'),
		url('fonts/arpona_light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}