/*!
Theme Name: clickFoundry
Theme URI: http://underscores.me/
Author: Christian Sanchez
Author URI: http://clickfoundry.co
Description: a custom theme developed for clickfoundry.co by clickfoundry.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clickfoundry
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

clickFoundry is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url("css/bootstrap.css");
@import url("css/slick.css");
@import url('https://use.typekit.net/lag2paz.css');
body{
	background-color:#ffffff;
	color:#000000;
	transition:All 1s ease;
}
body.color-change{
	background-color:#000000;
	color:#ffffff;

}
div#qre{
	background:none!important;
}
main {
	display: block;
	overflow-x: hidden;
}
.cornty{
	position: fixed;
	z-index: -1;
	height:100vh;
	width:100vw;
	top:0px;
	left:0px;
}
.cornty>.w-100>.container-xl{
	border-right:1px solid black;
	border-left:1px solid black;
	height: 100vh;
}

.rightline{
	height:100%;
	width:1px;
	background-color:black;
	position: absolute;
	top:0;
	right: calc(1.5rem/2);
}
.leftline{
	height:100%;
	width:1px;
	background-color:black;
	position: absolute;
	top:0;
	left:calc(1.5rem/2);
}
.sent{
	width: 100%;
	position: relative;
}
.middleline{
	height:100%;
	width:1px;
	background-color:black;
	position: absolute;
	top:0;
	left:50%;
}
.middleline.small{
	height:100px!important;
}
.box-one{
	margin-top:calc(-3rem - 140px);
	width:40%;
	height:300px;
	background-color:red;
	display: inline-block;
}
.box-two{
	margin-top:calc(-3rem - 140px);
	width:25%;
	height:300px;
	background-color:blue;
	display: inline-block;
}
.throughline{
	width:100vw;
	height: 1px;
	background-color: black;
	position:absolute;
	bottom:0px;
	left:0vw;
}
.cta-buttons{
	display: flex;
	width:100%;
}
.cta-buttons>a{
	display:block;
}
.cta-buttons>a:first-child{
	margin-right:10px;
}
.inner-unit{
	position:relative;
	min-height:225px;
}
#handsOn{
	position:absolute;
	top:-100px;
	height:400px;
	opacity: 1;
  transition: opacity 0.5s ease-in;
}
.hm-head-img{
	position:absolute;
	bottom:25%;
	left:50%;
	transform:translate(-50%,50%);
	width:300px;
	height:auto;
	z-index: 2;
}
.left-hand{
	position: absolute;
	right:0;
	bottom:30px;
	transform:scaleX(-1);
}
.righty-right{
	position: absolute;
	right:calc(var(--bs-gutter-x)/2);
	top:0px;
}
.bott-border{
	height: 1px;
	width: calc(100% + var(--bs-gutter-x));
	margin-left: calc(var(--bs-gutter-x)/-2);
	background-color: black;
	margin-bottom:30px;
}
/*--HEADERS--*/
h1{
	font-family: "Anton",sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .1rem;
	font-size: calc(1.5rem + 2vw);
  line-height: calc(2.2rem + 2vw);
	padding-bottom:.5rem;
}
.des-anim{
	height: calc(1.8rem + 2vw);
    width: auto;
    display: inline-block;
}
.mobile-marg{
	margin-top:2px;
}
.quick-modal{
	display:none;
	position: fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index: 1;
	height:100vh;
	width:100vw;
	background-color: rgba(0,0,0,0.3);
	overflow: hidden;
}
.quickModal{
	display:none;
	position: fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index: 1;
	height:100vh;
	width:100vw;
	background-color: rgba(0,0,0,0.3);
	overflow: hidden;
}
.priro>p{
min-height: 90px;
padding-bottom:0px;
margin-bottom:0px;
}
.priro>h3{
color:black;
	}
	.priro>{
		min-height: 90px;
		}
.quickModal.toggled{
	display: block;
}
.locked-up{
	z-index: 0;
  overflow-y: hidden;
	position: fixed;
	width:100%;}
	hr {
		margin: 1rem 0;
		color: black;
		border: 0;
		border-top: 2px solid;
		opacity: 1;
	}
	
.quick-form{
position: absolute;
bottom:0;
z-index: 900;
width:100%;
background-color: purple;
padding-top:2.5rem;
padding-bottom:2.5rem;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border:1px solid black;
}
.quick-modal.toggled{
	display:block;
}
.accordion-body.tiny{
	display:flex;
}
.port-img-m{
	height:150px;
	width:150px;
	display:block;
	background-size: cover;
  background-position: center;
	border:1px solid black;
	border-radius: 30px;
}

.port-text{
	display: block;
	width:calc(100% - 160px);
	padding-left:10px;
}
#marker{
	height:3rem;
	width:100%;
}
h1.entry-title{
	margin-bottom:0;
}
.wassup-rocker{
	margin-top:calc(1.1rem);
	position: relative;
	z-index: -1;
	outline:4px solid black;
}
span.stroked{
	-webkit-text-stroke:thin;
	-webkit-text-stroke-color:black;
	color:white;
	padding-left:2px;
}
h2{
	font-family: "Anton",sans-serif;
font-weight: 700;
font-style: normal;
	letter-spacing: .1rem;
	font-size:calc(1.3rem + 1vw);
}
h3{
	font-family: "Anton",sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .1rem;
	font-size:calc(1.15rem + 2vw);
}
.caro>h3{
	font-size: calc(1rem + 1vw);
	font-weight: 700;
}
h4{
	font-family: tablet-gothic, sans-serif;
font-weight: 700;
font-style: normal;
	font-size:1.15rem;
}
p{
	font-family: tablet-gothic, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: calc(.8rem + .4vw);
	padding-bottom:1rem;
}
span.built{
	font-family:"fenwick";
	font-style:normal;
	font-weight:300;
	font-size:.7rem;
}
p.lead{
	font-family: tablet-gothic, sans-serif;
font-weight: 300;
font-style: normal;
font-size:calc(1rem + .5vw);
	padding-bottom:1rem;
}
.cta{
	padding-bottom:60px;
	padding-top:30px;
}
.cta>h1{
	font-size:calc(4rem + 2vw);
	line-height:calc(4.5rem + 2vw)
}
#video-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100vw; /* Full width */
    height: 100vh; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* Modal Content/Box */
  #modal-content-v {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
	height:57%;
	position:relative;
  }
	#modal-body>iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
  /* The Close Button */
  #close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  #close-button:hover,
  #close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  /* Modal Header */
  #modal-header-v {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
  }
div#qre{
	background-color:none !important;
}
  /* Modal Body */
  #modal-body-v {
		position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  }

  /* Modal Footer */
  #modal-footer-v {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
  }
.showreel{
	position:absolute;
	top:4%;
	left:34%;
	width:40%;
	animation: showreel-anim 4s ease-in-out infinite;
}
@keyframes showreel-anim {
	0% {
     transform: translateY(0);
   }
   50% {
     transform: translateY(-5px);
   }
   100% {
     transform: translateY(0);
   }

}
.land-illustration{
	display:block;
	width:100%;
	position:relative;
}
img.briefcase{
	height:calc(1.7rem + 1vw);
}
figcaption{
font-family: 'fenwick';
font-weight: 100;
font-size: .8rem;
color: #607578;
}
/*links*/
a {
   text-decoration: none;
   line-height: 1;
	 font-weight: 700;
   position: relative;
   z-index: 0;
   display: inline-block;
   padding: 5px 5px;
   overflow: hidden;
   color: #FE6915;
   vertical-align: bottom;
   transition: color .3s ease-out;
}

a::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   transform: translateY(calc(100% - 2px));
   width: 100%;
   height: 100%;
   background-image: linear-gradient(60deg, #FE6915 0%, #FE6915 100%);
   transition: transform .25s ease-out;
}
ul.contact>li>a::before{
	left:30px;
}
a:hover {
   color: #fff;
}
ul.contact>li>a:hover>svg.xbi{
	color:#FE6915;
}
ul.contact>li>a>svg.xbi{
	color:#FE6915;
}
a:hover::before {
   transform: translateY(0);
   transition: transform .25s ease-out;
}
a.btn-primary{
    text-decoration: none;;
}
a.btn-primary {
    display:block;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 12px 48px;
    color:#000;
    border: 1px solid black;
    border-radius:30px;
    cursor: pointer;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    overflow: hidden;
    width: fit-content;
}
a.btn-primary:hover{
    color:#fff;
    transition: all 0.4s ease;
    transition-delay:0.35s;
}

a.btn-primary::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #FE6915;
    height: 15px;
    width: 15px;
    border-radius: 15px;
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
    transform-origin: center;
    transition: all .4s;
}

a.btn-primary:hover::after {
    width:52px;
    height:52px;
    left:-1px;
	top:50%;
    transform: translateY(-50%) rotate(360deg); /* Added rotate(360deg) for full spin */
    border-radius: 0; /* Turn into square */
}
a.btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;  /* Start from the left outside the button */
    height: 100%;
    width: 100%;
    background-color: #FE6915;  /* Adjust this to your desired background color */
    z-index: -2;  /* Placed behind the ::after pseudo-element */
    transition: left 0.5s ease;
}
a.btn-primary:hover::before {
    transition: left 0.5s ease 0.35s;
    left: 0;  /* Move to the right */
}
a.btn-primary
a.btn-primary.red::after {
    background-color: red;
}
a.btn-primary.red::before {
    background-color: red;
}
a.custom-logo-link::before{
	display:none;
}
.navbar>a.custom-logo-link{
	z-index: 101;
}

.tags-links > a{
	font-family:"fenwick";
}
.cat-links > a{
	font-family:"fenwick";
}
/*linkfixes to admin panel---*/
a.ab-item::before{
	width:auto;
	transform:none;
	z-index: 1;
}
ul.contact{
	list-style-type: none;
	padding-left: 0px;
	padding-top:10px;
}
ul.contact>li{
	padding-bottom:.5rem;
}
ul.contact>li>a {
    display: inline-flex;
    width: auto;
	}
ul.contact> li> a > svg{
	display: block;
margin-top: 0px;
margin-right: 10px;
}

ul.footer{
	list-style-type: none;
	padding-left: 0px;
}
ul.footer{
	list-style-type: none;
	padding-left:0px;
}
ul.footer>li{
		padding-bottom:5px;
}
ul.footer>li>a {
    display: inline-flex;
    width: auto;
	}
ul.footer> li> a > svg{
	display: block;
margin-top: 0px;
margin-right: 10px;
}
#wpadminbar #wp-admin-bar-user-info span{
	height:24px;
}
.footer-logo > a > img{
	margin-bottom:-3px;
	margin-left:-3px;
}
ul.services{padding-left:0px;}
li.service{
	list-style-type:none;
	position: relative;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left: 0px;
	border-bottom: 1px solid black;
	font-family: tablet-gothic, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(1rem + .5vw);
}
li.service.price{
	padding-bottom:5px;
	font-size:inherit;
}

ul.services.servdark>li{
	border-bottom-color: #ffe54c;
}
li.service>svg{
	display: inline-block;
height: calc(1rem + 1vw);
border: 1px solid;
background-color: #ffe54c;
border-radius: 50%;
width: calc(1rem + 1vw);
padding: 0.2rem;
margin-right: 1rem;
}
li.service.price>svg{
	height:20px;
	width:20px;
	margin-right:.5rem;

}
/*li.service::before {
	content:"";
	width:20px;
	height:20px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkyLjAyIDkyLjAyIj48ZGVmcz48c3R5bGU+LmR7c3Ryb2tlLWRhc2hhcnJheTowIDAgMTYuMTggMTYuMTg7fS5kLC5le2ZpbGw6bm9uZTtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjVweDt9LmQsLmUsLmZ7c3Ryb2tlOiMwMDA7fS5ne2ZpbGw6I2ZmZjt9LmZ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxyZWN0IGNsYXNzPSJnIiB4PSIxNS4yNCIgeT0iMTUuMjQiIHdpZHRoPSI2MS41MyIgaGVpZ2h0PSI2MS41MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5LjA2IDQ2LjAxKSByb3RhdGUoLTQ1KSIvPjxnPjxwb2x5bGluZSBjbGFzcz0iZSIgcG9pbnRzPSI4NC45MiA0MS40MSA4OS41MiA0Ni4wMSA4NC45MiA1MC42MSIvPjxsaW5lIGNsYXNzPSJkIiB4MT0iNzMuNDkiIHkxPSI2Mi4wNSIgeDI9IjU2LjMzIiB5Mj0iNzkuMiIvPjxwb2x5bGluZSBjbGFzcz0iZSIgcG9pbnRzPSI1MC42MSA4NC45MiA0Ni4wMSA4OS41MiA0MS40MSA4NC45MiIvPjxsaW5lIGNsYXNzPSJkIiB4MT0iMjkuOTciIHkxPSI3My40OSIgeDI9IjEyLjgyIiB5Mj0iNTYuMzMiLz48cG9seWxpbmUgY2xhc3M9ImUiIHBvaW50cz0iNy4xIDUwLjYxIDIuNSA0Ni4wMSA3LjEgNDEuNDEiLz48bGluZSBjbGFzcz0iZCIgeDE9IjE4LjU0IiB5MT0iMjkuOTciIHgyPSIzNS42OSIgeTI9IjEyLjgyIi8+PHBvbHlsaW5lIGNsYXNzPSJlIiBwb2ludHM9IjQxLjQxIDcuMSA0Ni4wMSAyLjUgNTAuNjEgNy4xIi8+PGxpbmUgY2xhc3M9ImQiIHgxPSI2Mi4wNSIgeTE9IjE4LjU0IiB4Mj0iNzkuMiIgeTI9IjM1LjY5Ii8+PC9nPjwvZz48Y2lyY2xlIGNsYXNzPSJmIiBjeD0iNDYuMDEiIGN5PSI0Ni4wMSIgcj0iMTQuNSIvPjxsaW5lIGNsYXNzPSJlIiB4MT0iNDYuMDEiIHkxPSI0Ni4wMSIgeDI9IjI0LjI2IiB5Mj0iNjcuNzciLz48bGluZSBjbGFzcz0iZSIgeDE9IjY3Ljc3IiB5MT0iMjUuMTQiIHgyPSI0Ni4wMSIgeTI9IjQ2LjkiLz48bGluZSBjbGFzcz0iZSIgeDE9IjY4Ljg0IiB5MT0iNjguODQiIHgyPSI0Ny4wOSIgeTI9IjQ3LjA5Ii8+PGxpbmUgY2xhc3M9ImUiIHgxPSIyNC4yNiIgeTE9IjI0LjI2IiB4Mj0iNDYuMDEiIHkyPSI0Ni4wMSIvPjwvZz48L2c+PC9zdmc+');
	background-repeat: no-repeat;
	background-position: left;
	position: absolute;
	left: -30px;
}*/

ul.footer{
	list-style-type: none;
	padding-left:0px;
}
ul.footer>li{
		padding-bottom:5px;
}

ul.footer-social{
	list-style-type: none;
	padding-left:0px;
}
.priro>ul.nav{
	justify-content: center;
	margin-left:1rem;
	margin-right:1rem;
	background-color: #FE6915;
	border:1px solid black;
	padding-top:.5rem;
	padding-bottom:.5rem;
	border-radius:5rem;
}
.priro>ul.nav>li{
	background-color: #FE6915;
	margin-left:.25rem;
	margin-right:.25rem;
}

.priro>ul.nav>li>button{
	background-color:whitesmoke;
	color:black;
	padding-left:25px;
	padding-right:25px;
	border:1px solid black;
	border-radius: 2rem;
	font-weight: 500;
}
.priro>ul.nav>li>button.active{
	background-color:#ffe54c;
	color:black;
}
.priro>.tab-content{
	margin-left:1rem;
	margin-right:1rem;
	padding:3rem 1rem 2rem 1rem;
	border-radius:3rem;
	border:1px solid black;

}
.priro>.tab-content>.tab-pane{
margin-bottom:50px;
}
.priro>.tab-content>.tab-pane>h3{
	font-weight: 700;
	}
	.priro>.tab-content>.tab-pane>p{
		font-size: calc(1.2rem + .4vw);
		}
	.priro>.tab-content>.tab-pane>ul.services>li>svg{
		background-color: whitesmoke;}
/* Navigation
--------------------------------------------- */
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
	width:75px;
	height:auto;
	
}
.custom-logo-link > img{
	width:100%;
	height:auto;
	position: relative;
	z-index: 4;
}
a.site-title{
	font-family: "Anton",sans-serif;
font-weight: 700;
font-style: normal;
	letter-spacing: .1rem;
	font-size:40px;
}
a.site-title:hover{
	color:#FE6915;
}
a.foot-title{
	font-family:"Anton",sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .1rem;
	font-size:35px;
}
a.site-title::before, a.foot-title::before{
	background-image:none!important;
}
.el3 {
  --highlighter-color: red;
  --highlighter-path: path("M202,-62C188.217,-64.702,148.528,-73.550,119.3,-78.211C90.071,-82.873,59.023,-88.031,26.628,-89.969C-5.767,-91.908,-46.984,-90.904,-75.070,-89.840C-103.156,-88.777,-116.423,-87.753,-141.889,-83.590C-167.356,-79.428,-205.198,-71.744,-227.868,-64.864C-250.538,-57.984,-264.974,-51.285,-277.907,-42.311C-290.839,-33.337,-302.215,-22.697,-305.461,-11.021C-308.707,0.654,-306.092,14.116,-297.385,27.742C-288.678,41.368,-271.468,58.288,-253.218,70.734C-234.969,83.179,-213.221,93.155,-187.886,102.414C-162.551,111.672,-133.151,119.456,-101.209,126.285C-69.268,133.114,-29.440,139.841,3.762,143.387C36.965,146.934,68.146,148.981,98.004,147.566C127.863,146.151,160.802,141.849,182.911,134.898C205.021,127.947,219.750,116.644,230.660,105.860C241.570,95.076,248.007,83.292,248.373,70.195C248.738,57.099,242.991,41.648,232.854,27.281C222.716,12.914,210.334,-1.959,187.546,-16.008C164.758,-30.058,127.627,-45.437,96.123,-57.016C64.619,-68.595,34.039,-79.363,-1.478,-85.481C-36.996,-91.6,-80.660,-94.398,-116.983,-93.728C-153.307,-93.059,-203.584,-86.586,-219.420,-81.465C-235.256,-76.343,-213.237,-66.077,-212,-63");
}
.hightlight{
	color:#FE6915;
}
.bg-grain{
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200%;
  background: transparent url('images/noise-transparent.png') repeat 0 0;
  background-repeat: repeat;
  animation: bgrain-animation .2s infinite;
  -webkit-animation-name: bgrain-animation;
  -webkit-animation-duration: .2s;
  -webkit-animation-iteration-count: infinite;
  opacity: .9;
  visibility: visible;
}
.yt-home{
	aspect-ratio: 16/9;
	width:80%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.site{
  position:relative;
  background-color:transparent;
}
@keyframes bgrain-animation {
    0% { transform: translate(0,0) }
    10% { transform: translate(-5%,-5%) }
    20% { transform: translate(-10%,5%) }
    30% { transform: translate(5%,-10%) }
    40% { transform: translate(-5%,15%) }
    50% { transform: translate(-10%,5%) }
    60% { transform: translate(15%,0) }
    70% { transform: translate(0,10%) }
    80% { transform: translate(-15%,0) }
    90% { transform: translate(10%,5%) }
    100% { transform: translate(5%,0) }
}
@-webkit-keyframes bgrain-animation {
    0% { -webkit-transform: translate(0,0) }
    10% { -webkit-transform: translate(-5%,-5%) }
    20% {-webkit-transform: translate(-10%,5%) }
    30% { -webkit-transform: translate(5%,-10%) }
    40% { -webkit-transform: translate(-5%,15%) }
    50% { -webkit-transform: translate(-10%,5%) }
    60% {-webkit-transform: translate(15%,0) }
    70% { -webkit-transform: translate(0,10%) }
    80% { -webkit-transform: translate(-15%,0) }
    90% { -webkit-transform: translate(-10%,5%) }
    100% { -webkit-transform: translate(0%,0) }
}
@media (max-width:390px) {
	a.site-title{
		display:none;
	}
	a.btn-primary{
		padding-left:10px;
		padding-right:10px;
	}
	.slamming{
		margin-top:2rem;
	}
	.showreel{
		position: absolute;
		top: unset;
		left: 35px;
		bottom: -4px;
		width: 65%;
		animation: showreel-anim 4s ease-in-out infinite;
	}
	a.btn-primary{
		font-size: 11px!important;
	}
	.accordion-body.tiny{
		display: block;
	}
	.accordion-body>.port-text{
		width:100%;
		padding-top:10px;
	}
	.accordion-body>.port-img-m{
	width:100px;
	height:100px;
	}
	.port-text>a.right{
		float:unset !important;
	}
}
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}
.is-fixed{
	position: fixed !important;
    overflow: hidden;
    width: 100%;
}
.interior-mob{
	padding-top:150px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.navbar-toggler{
  border:none;
  background-color:transparent;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:none;
}
.searched-thumbnail{
	width:100%!important;
	height:auto;
}
.hamburger{
  position:relative;
  z-index: 1000;
}
.hamburger .line{
  width: 32px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover{
  cursor: pointer;
}
.hamburger:hover >.line{
  background-color:#FE6915;
}
.cheeseburger{
	position:relative;
	z-index: 1000;
}

.cheeseburger .line{
	width: 32px;
	height: 2px;
	background-color: #000;
	display: block;
	margin: 8px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.cheeseburger:hover{
	cursor: pointer;
}
.cheeseburger:hover >.line{
	background-color:#FE6915;
}
#hamburger-6.is-active{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hamburger-6.is-active:hover .line{
  background-color:#d32e27;
}
#hamburger-6.is-active .line{
  background-color:#d32e27;
}
#hamburger-6.is-active .line:nth-child(2){
  width: 0px;
}

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#hamburger-6.is-active .line:nth-child(1){
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
}

#hamburger-6.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(90deg);
  -ms-transform: translateY(-13px) rotate(90deg);
  -o-transform: translateY(-13px) rotate(90deg);
  transform: translateY(-13px) rotate(90deg);
}
li.menu-item{
	padding-left:10px;
}

.sub-menu{
	display:none;
}
.sub-menu.toggled{
	display:block;
	position:absolute;
	top:45px;
	padding-left:0px;
}
.sub-menu>.menu-item{
	list-style-type: none;
	padding-left: 0px;
	background-color:#FE6915;
	border-bottom:1px solid white;
}
.sub-menu>.menu-item > a{
	color:white;
}
.sub-menu>.menu-item>a:hover{
	color:#ffe54c;
}
#clickMenu.collapse.navbar-collapse.toggled{
	display:none;
	position:fixed;
	height:100vh;
	width:100%;
	z-index: 3;
	background-color:black;
	top:0;
	left:0;
}
#cf-mob{
	display:none;
}
#cf-mob.toggled{
	display:block!important;
	background-color:#ffe54c;
	height:100vh!important;
	width:100%;
	position: absolute;
	z-index: 100;
	top:0px;
	left:0px;
}
.mob-menu-footer{
	position: absolute;
	bottom:50px;
}
.sched-blurb{
	display: block;
    color: #d32e27;
    position: relative;
    z-index: 8;
    margin-top: 50px;
    border-top: 2px solid #d32e27;
    padding-top: 10px;
}
.side-blurb{
	color: #d32e27;
    z-index: 8;
    position: relative;
    right: 0px;
    display: flex;
    writing-mode: vertical-lr;
	float:right;
}
.side-blurb>a{
	color:#d32e27;
}
.side-blurb>a:hover{
	color:white;
}
.side-blurb>a>svg{
	height:25px;
	width:25px;
}
.sched-blurb>p>a{
	color:#d32e27;
}
.sched-blurb>p>a:hover{
	color:white;
}
.sched-blurb>p>a::before{
	background-image: linear-gradient(60deg, #d32e27 0%, #d32e27 100%);
}
#clickMobMenu>ul#clickUl{
	font-size: 2rem;
}
#clickMobMenu>ul#clickUl>li>a{
	color:#d32e27;
}
#clickMobMenu>ul#clickUl>li>a:hover{
	color:white;
}
#clickMobMenu>ul#clickUl>li>a::before {
	background-image: linear-gradient(60deg, #d32e27 0%, #d32e27 100%);
}
.menu-item-has-children> a::after{
	 content: " \25be";
	 color:#FE6915;
}
.menu-item-has-children> a:hover::after{
	 color:#FFF;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}
.caro>.right{
	position:absolute;
	z-index: 1;
	bottom:1.5rem;
	right:1rem;
}
.slamming{margin-top:-5rem;}
.leadifng-line{
	height:2px;
	width:100vw;
	background-color:#000000;
	position: absolute;
	left:0;
	z-index: -1;
}
.side-blurb>a:before{
transform:unset;
background: none !important;
}
@media (max-width:991.98px){
	img.landimg{
		width:100%;
	}
	.slamming{
		margin-top:-2rem;
	}
}
@media (max-width:767.98px){
	div.row.first-cta-home{
		margin-bottom:calc(9rem + 9vw)!important;
	}
	#clickMenu.toggled>ul{
		margin-top:200px;
		padding-right: calc(var(--bs-gutter-x) * 0.5);
		padding-left: calc(var(--bs-gutter-x) * 0.5);
		width:100%;
		display:flex;
	}
	.land-illustration{
		display: block;
    width: 100%;
    min-height: calc(100% + 127px);
    margin-top: -126px;
    transform: translate(33px);
	}
	.mobile-marg{
		margin-top:126px;
	}
	.cta > h1{
	font-size:calc(3rem + 1vw);
	line-height:calc(3rem + 1vw)}
	.land-illustration>.landimg{
		padding-top:0px;
		width:55%;
	}
	.land-illustration>.showreel{
		position: absolute;
		left:20%;
		top:120px;
	}
	.cta{
		padding-bottom:0px;
	}
	.showreel{
		position:absolute;

	}
	#clickMenu.toggled>ul>li{
		font-size:1.5rem;
		width:calc(100% - 60px);
		padding-top:.25rem;
	}
	.sub-menu.toggled{
		display: block;
		position: relative;
		top: 0px;
		padding-left: 0px;
	}
	.caro{
		min-height: 100px!important;
	}
	.slamming{
		margin-top:1rem;
	}
}
/*slick buttons*/
button.slick-prev{
	width:30px;
	background-color:transparent;
	border:none;
	position: absolute;
	left:-30px;
}
/* Posts and pages
--------------------------------------------- */
.featured-img-click > .post-thumbnail > img{
	width:100%;
	height:auto;
	padding-top:1rem;
	padding-bottom:1rem;
}
.post,
.page {
	margin: 0;
}
.filter-note > form> div> ul{
	padding-left: 0px;
}
.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

span.cat-links{
	font-family:"anton";
	padding-right:20px;
}
span.tags-links{
	font-family:"anton";
	padding-right:20px;
}
/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 10px;
}

.widget select {
	max-width: 100%;
}
/*--sliders-----*/
.t-prev{
	width:30px;
	height:30px;
	border:1px solid black;
	left: -40px;
	border-radius:30px;
}
.t-next{
	width:30px;
	height:30px;
	border:1px solid black;
	right: -40px;
	border-radius:30px;
}
.t-next>svg{
	width:30px;
	padding-left: 5px;
	padding-right:5px;
	padding-top:7px;
	padding-bottom:7px;
	height: auto;
    position: absolute;
		left:0px;
    top: 50%;
    transform: translateY(-50%);
}
.t-prev>svg{
	width:30px;
	padding-left: 5px;
	padding-right:5px;
	padding-top:7px;
	padding-bottom:7px;
	height: auto;
		position: absolute;
		left:0px;
		top: 50%;
		transform: translateY(-50%);
}
.t-prev:hover{
	background-color: #ffe54c;}
.t-next:hover{
	background-color: #ffe54c;
}
.t-next>svg:hover{
left:2px;
}
.t-prev>svg:hover{
left:-2px;
}
.slick-arrow{
	position:absolute;
	top:50%;
}
/**--- */
.accordion.home>.accordion-item{
	background-color: transparent;
	color:black;
	border:1px solid black;
	border-radius: 0px;
}
.accordion-button:not(.collapsed){
	background-color: transparent;
	color:black;
	border:1px solid black;
	box-shadow: none;
}
.accordion-button{
	background-color: transparent;
	color:black;
	border-bottom:1px solid black;
	box-shadow: none;
	border-radius: 0px;
}
.accordion-button:focus{
	box-shadow:none;
	border-color:black;
}
.accordion-button>h3{
	font-weight: 700;
	font-size:calc(1rem + 1vw);
}
.accordion-item:last-of-type>.accordion-header>.accordion-button.collapsed{
	border-radius:0px;
}
.accordion-item:first-of-type>.accordion-header>.accordion-button.collapsed{
	border-radius:0px;
}
.accordion-item:first-of-type .accordion-button{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.smallies{
	display:block;
}
.smalst-links{
	display:none;
}
@media (max-width:366px){
	.smallies{display:none;}
	.smalst-links{
		display:block;
	}
}
/*color and layouts*/
.rel{
	position: relative;
}
.right{
	float:right;
}
.drk{
	color:black;
	background-color: #FCFDAF;
	position: relative;
}
.header-section{
	padding-top: 30px;
	padding-bottom:30px;
}
.drk::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:1px;
	background-color:black;
	width:100%;
}
.drk::after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:1px;
	background-color:black;
	width:100%;
}
.drk.caro-head::after{
	content:none;
}
.caro-header{
	padding-top: 3rem;
	padding-bottom:1.5rem;
	border-right:1px solid black;
	position:relative;
}
.caro-cont{
	border-left: 1px solid black;
}
/*grids*/
div.row.first-cta-home{
	margin-bottom:0px;
}
div.row.sec-cta-home{
	margin-top:calc(4rem + 2vw);
}
span.strng-head{
	font-weight:700;
}
.caro{
	min-height:calc(380px + 2vw);
	position:relative;
	border-right:1px solid black;
	border-bottom:1px solid black;
	color:black;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}

.caro>.port-img{
	position: absolute;
	bottom: 0;
	background-color: black;
	height:0px;
	z-index: 0;
	width: 100%;
	left: 0px;
	background-position: top;
	background-size: cover;
	border-top: 1px solid black;
	border-top-right-radius: 50px;
	transition: All .5s ease-out;
}
.caro>.port-img:hover{
	border-top-right-radius:0px;
	height:235px;
}
.port-img>a.caro-button{
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
	background-color:#ffe54c;
	border-top:1px solid black;
	width:100%;
	text-align: center;
	padding-top:15px;
	border-radius:0px;
}
.btm-sec{
	position:absolute;
	bottom:10px;
	width:calc(100% - 1.5rem);
	text-align-last:right;
}
.btm-sec>.btn-primary{
	display:inline-block;
	font-size:16px;
}
button.inspect{
	background-color:transparent;
	border:1px solid black;
	color:black;
	border-radius:30px;
	padding:8px 12px;
}
button.inspect:hover{
	background-color:#FE6915;
	color:white;
}
.inspect>svg{
	height:16px;
	width:16px;
}
.circle{
	position: absolute;
	top:1.5rem;
	right: calc(var(--bs-gutter-x) * 0.5);
	height:25px;
	width:25px;
	background-color: black;
	border-radius: 30px;
}
/*CARDS------------------------*/
.horizontal-image-card{
	display:block;
	width:100%;
}
.top-section{
	display: flex;
	width:100%;
}
.horizontal-image{
	display: block;
	width:100px;
}
.horizontal-image.img-60{
	width:60px;
}
img.horimage{
	width:100%;
}
img.landimg{
	width:80%;
	float:right;
	padding-top:40px;
}
.top-section>.text-section{
	display: block;
	width:calc(100% - 100px);
	padding-bottom:1rem;
	padding-left:10px;
	margin-top:auto;
}
.top-section>.text-section> h4{
	font-size: 1rem;
}
.top-section>.text-section> h3{
	font-size: calc(1.2rem + .5vw);
	font-weight: 700;
}
.text-section.image-60{
width:calc(100% - 60px);
}
.horizontal-image-card>.testimonial-text{
	width:100%;
	display: block;
}
.testimonial-text> p{
	padding-right: 15px;
}
@media (max-width:991.98px){
	img.landimg{
		width:100%;
	}
}
@media (min-width: 1200px) { 
	.caro > p{font-size: 1.15rem;}
 }
 @media (max-width: 576px) { 
	a.btn-primary{
		font-size: 16px;
		padding-left:30px;
	}
  }
/* search and filter
--------------------------------------------- */
.searchandfilter>div>ul>li>input{
	width:300px;
	padding:8px;
	border-radius: 0px;
	border:1px solid black;
	margin-bottom:10px;
}
.searchandfilter>div>ul>li>select{
	padding:9px 8px 9px 8px;
	border-radius: 0px;
	outline:1px solid black;
	border-right:10px;
	border-style: solid;
	border-color:transparent;
		margin-bottom:10px;
}
.searchandfilter>div>ul>li>input[type=submit]{
	padding:8px;
	width:150px;
	border-radius: 0px;
	border:1px solid black;
		margin-bottom:10px;
		background-color:#FE6915;
		color:white;
		letter-spacing: .1rem;
		font-family:"anton";
		font-style:normal;
		font-weight:400;
}
input.jk-input{
	width:100%;
	background-color:transparent;
	border-top:0;
	border-bottom:2px solid black;
	border-right:0;
	border-left:0;
	margin-bottom:20px!important;
  }
  select.jk-input{
	width:100%;
	background-color:transparent;
	border-top:0;
	border-bottom:2px solid black;
	border-right:0;
	border-left:0;
	margin-bottom:20px!important;
  }
  textarea.jk-input{
	width:100%;
	background-color:transparent;
	border:2px solid black;
	margin-bottom:20px!important;
  }
  input.jk-submit{
	float:right;
	background-color:#FE6915;
	color:white;
	width:250px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	border:2px solid #FE6915;
	border-radius:40px;
	font-family: "anton";
    font-size: 1.5rem;
	letter-spacing: .1rem;
  }
  input.jk-submit:hover{
	background-color:transparent;;
	color:black;
	border:2px solid black;
  }
.wp-block-search__label{
	letter-spacing: .1rem;
	font-family:"anton";
	font-style:normal;
	font-weight:400;
	margin-bottom:.5rem;
}
button.wp-block-search__button{
	width:100px;
	height:46px;
	border-radius: 0px;
	border:1px solid black;
		background-color:#FE6915;
		color:white;
		letter-spacing: .1rem;
		font-family:"anton";
		font-style:normal;
		font-weight:400;
}
.wp-block-latest-posts__post-title{margin-bottom:.3rem;}
/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}
/*footer-----------------------------------------*/
.site-footer{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#293462;
	color:white;
}
.ml-auto{
	margin-left:auto;
}
.mr-auto{
	margin-right:auto;
}
.uagb-container-inner-blocks-wrap>figure.wp-block-image{
	text-align-last: center;
}