/*
 Theme Name:     Venture
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Venture
 Author:         Ignition Collective
 Author URI:     https://www.ignitioncollective.com
 Template:       Divi
 Version:        1.0.0
*/


/* Theme customization starts here
------------------------------------------------------- */



/* ############################# */
/* default */
/* ############################# */

:root{

    /*47*/
	--fs-banner:2.4375rem;
     /*39*/	
	--fs-100:2.4375rem;
     /*33*/
	--fs-150:2.4375rem;
     /*27*/
	--fs-200:2.0625rem;
     /*23*/
	--fs-300:1.6875rem;
     /*19*/
	--fs-400:1.4375rem;
	
	--fs-lead:18px;	  

    --lh-1-2:1.2em;
    --lh-1-5:1.5em;

}


@media (min-width: 981px) {
  :root {
    /*128*/
	--fs-banner:8rem;
    /*67*/
	--fs-100:4.209rem;
    /*50*/
	--fs-150:3.157rem;
    /*37*/
	--fs-200:2.369rem;
    /*28*/
	--fs-300:1.777rem;
    /*19*/
	--fs-400:1.333rem;	  
	  
	  --fs-lead:1.333rem;	  
	  
  }
}


body p,
body div,
body span{
    font-size:16px;
	line-height:var(--lh-1-5);
	font-weight: 400;
}

body p.lead,
body div.lead,
body span.lead,
body a.lead,
body .lead{
     font-size:var(--fs-lead);
	font-weight: 400;
}

body span.text-outline{
      -webkit-text-fill-color: transparent;
        font-size:var(--fs-200);
	font-weight: bold;
}


  .text-outline_w1,
.text-outline_w2{
        -webkit-text-stroke: 1px #fff;
    }

    .text-outline_b1,
 .text-outline_b2 {
        -webkit-text-stroke: 1px #000;
    }

@media (min-width: 981px) {
   .text-outline_w2 {
        -webkit-text-stroke: 2px #fff;
    }

    .text-outline_b2 {
        -webkit-text-stroke: 2px #000;
    }
}

#et-boc div h1.banner-text,
#et-boc div h1.banner-text span{
    font-size:var(--fs-banner);
}

#et-boc div h1,
#et-boc div h1 span{
    font-size:var(--fs-100);
	line-height:var(--lh-1-2);
   
}

#et-boc div .h1-small h1,
#et-boc div .h2-big h2{
font-size:var(--fs-150);
	line-height:var(--lh-1-2);
}

#et-boc div .h1-blog h1,
#et-boc div .h1-blog {
		font-size:var(--fs-200);
	line-height:var(--lh-1-2);
	}


#et-boc div h2,
#et-boc h2 span{
font-size:var(--fs-200);
	line-height:var(--lh-1-2);
 
    
}
#et-boc div h3,
#et-boc div h3 span{
font-size:var(--fs-300);
	line-height:var(--lh-1-2);
 
    
}
#et-boc div h4,
#et-boc div h4 span,
#et-boc div span.h4{
font-size:var(--fs-400);
	line-height:var(--lh-1-2);

}




p{
	font-weight:300;
}

.flex-p{
	display: flex;
    align-content: center;
}
.flex-c{}

.f-valign{
	align-items:center;
}

.flex-f{
	flex:1;
}

.flex-d {
		flex-direction:row;
	}

.flex-col {
		flex-direction:column;
	}


@media all and (max-width: 980px) {
	.flex-d {
		flex-direction:column;
	}
}



/*venture footer*/

footer .et_builder_inner_content .et_pb_section_1_tb_footer .et_pb_column .et_pb_text{
  padding: 0px;
  margin: 0px;
  margin-bottom: 16px;
}

/* ####################################### menu */


#global-header-section .angle-edge-btn{
	
	padding: 8px 60px 8px 20px;
	margin-left: 16px;
	font-size:18px;
		display:block;
}

#global-header-section .et_pb_row_0_tb_header {
	display:flex;
	align-items:center;
}

.nav-logo svg{
	display:block;
	position:relative;
	z-index:10;
}

#global-header-section .header-row .et_pb_column{
	margin:0px;
}

.et-l--header {
    position: fixed;
    width: 100%;
    z-index: 10;
	
	    backdrop-filter: saturate(100%) blur(10px);
    background-color: rgba(0,0,0,0.5);
	box-shadow: 0 4px 8px rgba(0,0,0,0.30);

}

    html.ic-show body {
      overflow: hidden;
    }

    html.ic-show #et-main-area {
      overflow: hidden;
    }

.ic-show #page-container header.et-l.et-l--header {
         backdrop-filter: none;
}


    .ic-burger-container {
      padding: 0px !important;
    }

.ic-burger-container li {
	display: flex;
align-items: center;
justify-content: space-between;
}

    .ic-nav a {
      color: #fff;

    }

    .nav-icon div {
      width: 25px;
      height: 2px;
      background: #ffffff;
      margin: 5px;
      transition: all 0.3s ease;
      position: relative;
    }


    .ic-burger {
      width: 50px;
      height: 50px;
      display: block;
      position: relative;
      z-index: 10;
      margin: 0 0 0 auto;

      display: flex;
      align-items: center;
      justify-content: center;

      transition: 0.4s ease;
      right: 0;

    }

    html.ic-show .ic-burger {
     /* position: fixed;
      top: 40px; 
		 right: 31px; */
		
    }

li.sub-li {
 width: 100%;
}


    .ic-burger:hover .line1 {
      top: 2px;
    }

    .ic-burger:hover .line3 {
      bottom: 2px;
    }

    html.ic-show .nav-icon .line1 {
      transform: rotate(-45deg) translate(-4px, 6px);
      top: 0px;
    }

    html.ic-show .nav-icon .line2 {
      opacity: 0;
    }

    html.ic-show .nav-icon .line3 {
      transform: rotate(+45deg) translate(-4px, -6px);
      bottom: 0px;
    }


    .ic-nav ul {
      list-style: none;
    }

    .top-li,
    .sub-li {
      opacity: 0;
      font-size: 18px;
      line-height: 1.6em;
		margin: 0 auto;
		width:90%;
    }

    .sub-li {
      padding: 0 20px;
    }

    .top-li a {
      font-weight: bold;
    }

    .top-li a,
    .sub-li a {
      text-decoration: none;
      display: flex;
      align-items: center;
      padding: 0 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      box-sizing: border-box;
    }

    .top-li a:hover,
    .sub-li a:hover {
      text-decoration: none;
    }

    @keyframes navLinkFade {
      from {
        opacity: 0;
        transform: translateY(0px);
      }

      to {
        opacity: 1;
        transform: translateY(50px);
      }
    }

    .ic-second-level {
      opacity: 0;
      visibility: hidden;
      transition: all 200ms linear;
      padding: 0px;
      padding-top: 100px;
      background: #040507;
      flex-direction: column;
      right: 0px;
      bottom: 100%;
      height: 100%;
      position: fixed;
      z-index: 5;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 0px;
      padding-left: 0px;
      padding-right: 0px;
      left: 0;
      transition: 0.4s ease;
		align-items: center;

    }

    html.ic-show .ic-second-level {
      opacity: 1;
      visibility: visible;
      bottom:0%;
      padding: 50px 0 100px;
    }

    .ic-nav:before {
      content: '';
      transition: 0.2s ease;
      background-color: transparent;
    }

    html.ic-show .ic-nav:before {
      content: '';
      position: fixed;
      top: 0;
      left: auto;
      right: 0;
      bottom: 0;
      background-color: rgba(18, 18, 18, 0.7);
      z-index: 1;
      width: 100%
    }



    .ic-third-level-car,
    .ic-third-level-pro {
      opacity: 0;
      visibility: hidden;
      transition: 0.4s ease;
      padding: 0px;
      height: 0px;
    }

    .ic-third-level-car ul,
    .ic-third-level-pro ul {
      padding-left: 0px;
    }

    .ic-drop {
      justify-content: space-between;
      display: flex;
      align-items: center;
		height:44px;
    }

.ic-burger-sub-1 {
	    line-height: 0px;
}

    .ic-burger-sub-1 svg,
    .ic-burger-sub-2 svg {
      transition: 0.2s ease;
      transform: rotate(0deg);
      height: 28px;
      width: 28px;
    }

    .ic-show-sub--rotate svg {
      transform: rotate(180deg);
    }

    .ic-show-sub {
      opacity: 1;
      visibility: visible;
      height: auto;
    }

    .ic-show-sub li {
      opacity: 1;
    }

    .top-li:hover,
    .sub-li:hover {
     /* background-color: rgba(255, 255, 255, 0.1); */

    }
    

	.ic-burger-container .mobile-nav-content svg{
width: 26px;
fill: #ffffff;
transition: all 0.5s;
}

.ic-burger-container .mobile-nav-content a{
	font-weight:normal;
}



/* mobile menu */

 @media (max-width: 1146px) {
	 .ic-show .nav-logo::before {
		 content:'';
		 position:absolute;
		 height:100%;
		 width:100%;
		 background:#040507;
z-index: 6;
padding: 0px 5px 60px 5px;
margin: 0 auto;
		 top:-50px;
left: -12px;
-webkit-box-shadow: 0px 5px 25px 10px #040507;
box-shadow: 0px 5px 25px 10px #040507;
}
	 
	 .a-contact{
		 margin-top:15px;
		 margin-bottom:15px;
	 }
	 
	 .nav-social{
		 margin-top:10px;
	 }

}


    /* desktop menu */


    @media (min-width: 1146px) {

			.ic-burger-container .mobile-nav-content{
  display: none;
}
		


		
      .ic-burger {
        display: none;
      }

      .et-l--header ul.ic-second-level, .et-l--header .ic-third-level-pro ul, .et-l--header .ic-third-level-car ul {
         padding: 0px;
       }

      .ic-second-level {
        opacity: 1;
        visibility: visible;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        left: 0;
        position: relative;
        height: auto;
        overflow: inherit;
        padding: 0px;
        background: transparent;

      }


      .top-li,
      .sub-li {
        opacity: 1;
        padding: 0px;
        transition: 0.5s;
		  width:auto;
		  margin:initial;
      }

      .top-li:hover {
        background-color: transparent;
      }

      .sub-li:hover {
        /*background-color: rgba(0, 0, 0, 1);
        background-color: rgba(255, 255, 255, 0.1);*/
      }

      .top-li a {
        padding: 0 16px;
      }

      .sub-li a {
        padding: 10px 16px;
        font-size: 16px;
      }

      a.ic-burger-sub-1,
      a.ic-burger-sub-2 {
        /*  display: none; */
        padding: 0px;
        padding-right: 16px;
      }

      a.drop-link {
        padding-right: 8px;
      }

      li.has-children:hover .ic-drop~div,
      li.has-children:focus .ic-drop~div,
      li.has-children:active .ic-drop~div {
        visibility: visible;
        opacity: 1;
      }


      li.has-children:hover .ic-drop~.ic-third-level-pro,
      li.has-children:hover .ic-drop~.ic-third-level-car,
      li.has-children:active .ic-drop~.ic-third-level-pro,
      li.has-children:active.ic-drop~.ic-third-level-car,
      li.has-children:focus .ic-drop~.ic-third-level-pro,
      li.has-children:focus.ic-drop~.ic-third-level-car,
	  .ic-show-sub
		
		{
        height: auto;
        /*background-color: rgba(21, 21, 21, 0.8);*/
        
        padding: 20px 0px;
      }
		
		
		li.has-children:hover .ic-drop~.ic-third-level-pro ul,
      li.has-children:hover .ic-drop~.ic-third-level-car ul,
      li.has-children:active .ic-drop~.ic-third-level-pro ul,
      li.has-children:active.ic-drop~.ic-third-level-car ul,
      li.has-children:focus .ic-drop~.ic-third-level-pro ul,
      li.has-children:focus.ic-drop~.ic-third-level-car ul,
		.ic-show-sub ul{
			background-color: #040507;
		}
		

      li.has-children .ic-third-level-pro,
      li.has-children .ic-third-level-car {
        position: fixed;
      }

      .has-children {
        display: block;
      }

		
	
	 .anchor-nav-item:hover,
		.anchor-nav-item:focus{
		 color:#E65300;
		 text-decoration:none
	 }
		
		/* sub nav hover */
		
		
		
a.anchor-nav-subitem{
  padding: 10px 20px;
  color: #040507;
  text-decoration: none;
  overflow: hidden;
  transition: all .5s;
  display: block;
font-size: 18px; 
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 1;
}

a.anchor-nav-subitem:hover,
a.anchor-nav-subitem:focus{
  color: #040507;
    background: transparent;
	  width: 100%;
}

a.anchor-nav-subitem:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -1;
  transition: all 0.5s;
}


a.anchor-nav-subitem:before{
  width: 0%;
  height: 100%;
}

a.anchor-nav-subitem:before{
  background-color: #040507;
}

a.anchor-nav-subitem:hover:before,
a.anchor-nav-subitem:hover:focus{
  width: 100%;
}
a.anchor-nav-subitem:before{
  background-color:#E65300;
}


		
		
    
    }

.ic-second-level a{
    color:#ffffff;
}

/* ############################# */
/* reverse column */
/* ############################# */


@media all and (max-width: 980px) {
/* wrap row in a flex box */
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}

/* custom classes that will designate the order of columns in the flex box row */
.first-on-mobile {
-webkit-order: 1;
order: 1;
}

.second-on-mobile {
-webkit-order: 2;
order: 2;
}

.third-on-mobile {
-webkit-order: 3;
order: 3;
}

.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/* add margin to last column */
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}

}


/*---------------Vertically Center Column Elements---------------*/
 
.et_pb_equal_columns > .et_pb_column_5 {
margin-top:auto;
margin-bottom:auto;
}

.equalise-h .et_pb_equal_columns > .et_pb_column{
	margin-top:auto;
margin-bottom:auto;
}

/* ############################# */
/* slanted section setup */
/* ############################# */


:root {
      --width: 100vw;
      --full-width: 100vw;
      /*-----------------
        Magic Number Alert:

        the 0.09719 is calculated by this formula:
        tan(11°) / 2
        11° is the current skewY value.
        ------------------*/
      --magic-number: 0.09719;
      --skew-padding: calc(var(--width) * var(--magic-number));
      --clip-padding: calc(var(--full-width) * var(--magic-number));
	 --angle: -25deg;
	

/* was 120px */
	--height0:0px;
/* was 60px */
	--height1:0px

    }

.top-slant_z-mod {
      position: relative;
      z-index: 10;
    }

.mid-slant_z-mod {
      position: relative;
      z-index: 5;
    }

.lower-mid-slant_z-mod {
      position: relative;
      z-index: 4;
    }


	 
.et-db #et-boc .et-l .et_pb_section.top-slant, .et_pb_section.top-slant { 
       padding: var(--height1) 0 calc((var(--clip-padding) + var(--height1)) - (var(--clip-padding) - var(--skew-padding)));
    }

   .et-db #et-boc .et-l .et_pb_section.slant, .et_pb_section.slant {
      padding: calc((var(--clip-padding) + var(--height1)) - (var(--clip-padding) - var(--skew-padding))) 0 calc((var(--clip-padding) + var(--height1)) - (var(--clip-padding) - var(--skew-padding)));
    }
  
  /*  .slant-bk-image {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    } */
    .et-db #et-boc .et-l .et_pb_section.bottom-slant, .et_pb_section.bottom-slant {
      /* background-color: #ff0052; */
      padding: calc((var(--clip-padding) + var(--height1)) - (var(--clip-padding) - var(--skew-padding))) 0 var(--height1);
    }

.et-db #et-boc .et-l .et_pb_section.slant-notoppadding{
     padding: var(--height1) 0 calc(var(--skew-padding) + var(--height1));
}


@media (min-width: 1146px) {
	


	
	.et-db #et-boc .et-l .et_pb_section.top-slant, .et_pb_section.top-slant {

      padding: var(--height0) 0 calc((var(--clip-padding) + var(--height0)) - (var(--clip-padding) - var(--skew-padding)));
    }
	
	  .et-db #et-boc .et-l .et_pb_section.bottom-slant, .et_pb_section.bottom-slant {
    
      padding: calc((var(--clip-padding) + var(--height0)) - (var(--clip-padding) - var(--skew-padding))) 0 var(--height0);
    }
	
	   .et-db #et-boc .et-l .et_pb_section.slant, .et_pb_section.slant {

      padding: calc((var(--clip-padding) + var(--height0)) - (var(--clip-padding) - var(--skew-padding))) 0 calc((var(--clip-padding) + var(--height0)) - (var(--clip-padding) - var(--skew-padding)));
    }

	 .et-db #et-boc .et-l .et_pb_section.footer-slant, .et_pb_section.footer-slant {
    
      padding: calc((var(--clip-padding) + var(--height0)) - (var(--clip-padding) - var(--skew-padding))) 0 var(--height1);
    }
	
	
		   .et-db #et-boc .et-l .et_pb_section.smalltop-slant, .et_pb_section.smalltop-slant {

      padding: var(--height1) 0 calc((var(--clip-padding) + var(--height1)) - (var(--clip-padding) - var(--skew-padding)));
    }
	
		.et-db #et-boc .et-l .et_pb_section.slant-notoppadding{
     padding: var(--height0) 0 calc(var(--skew-padding) + var(--height0));
}
	
	
}


.et-db #et-boc .et-l .et_pb_section.slant, 
.et_pb_section.top-slant, 
.et_pb_section.slant, 
.et_pb_section.slant-notoppadding,
.et-db #et-boc .et-l .et_pb_section.slant-notoppadding, 
.hero-slider .et_pb_group_carousel,
.hero-slider .et_pb_group_carousel_container
{
	 -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10vw), 0% 100%);
     clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10vw), 0% 100%);
	margin-bottom: -10vw !important;
}

.slant-m-bottom{
		margin-bottom: -10vw !important;
}


/* ###################### reset forminator styles */

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button, .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button{
	padding: 20px 60px 20px 20px !important;
	border-left: 2px solid #E65300 !important;
}

.v-contact .forminator-ui#forminator-module-539.forminator-design--flat .forminator-button-upload,
.v-contact .forminator-ui#forminator-module-539.forminator-design--flat .forminator-button-submit,
.v-contact .forminator-ui#forminator-module-1021.forminator-design--flat .forminator-button-upload,
.v-contact .forminator-ui#forminator-module-1021.forminator-design--flat .forminator-button-submit,
.v-contact .forminator-ui#forminator-module-372.forminator-design--flat .forminator-button-submit {
	color:initial;
	background-color: initial;
}

.v-contact .forminator-ui#forminator-module-539.forminator-design--flat .forminator-button-upload:hover,
.v-contact .forminator-ui#forminator-module-539.forminator-design--flat .forminator-button-submit:hover,
.v-contact .forminator-ui#forminator-module-1021.forminator-design--flat .forminator-button-upload:hover,
.v-contact .forminator-ui#forminator-module-1021.forminator-design--flat .forminator-button-submit:hover,
.v-contact .forminator-ui#forminator-module-372.forminator-design--flat .forminator-button-submit:hover {
   color:initial;
	background-color: initial;
}

/* align checkbox */
.forminator-checkbox__wrapper{
	display:flex;
}

.forminator-checkbox__wrapper .forminator-checkbox__label{
	margin-left: 16px;
}

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:hover, .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:active, .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:focus, .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:hover{
	
	box-shadow: none !important;
}

/* ###################### cta css */


button,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a{
	
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none
}

.forminator-button-upload,
a.angle-edge-btn,
button.angle-edge-btn,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a{
  padding: 20px 60px 20px 20px;
  color: #040507;
  text-decoration: none;
  border-left: 2px solid;
  position: relative;
  overflow: hidden;
  transition: all .5s;
  display: inline-block;
  font-size: 21px;
  font-weight: bold;
}

.forminator-button-upload:hover,
a.angle-edge-btn:hover,
button.angle-edge-btn:hover,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:hover,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:hover,
.forminator-button-upload:focus,
a.angle-edge-btn:focus,
button.angle-edge-btn:focus,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:focus,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:focus{
  color: #040507;
	  box-shadow:none;
}

.forminator-button-upload:before, .forminator-button-upload:after,
a.angle-edge-btn:before, a.angle-edge-btn:after,
button.angle-edge-btn:before, button.angle-edge-btn:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:before,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:before,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:after{
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  z-index: -1;
  transform: skewX(var(--angle));
  transition: all 0.5s;
}

.forminator-button-upload:before,
a.angle-edge-btn:before,
button.angle-edge-btn:before,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:before,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:before{
  height: calc(100% - 4px);
  width: 100%;
  border-right: 2px solid;
  border-top: 2px solid;
  border-bottom: 2px solid;
}

.forminator-button-upload:after,
a.angle-edge-btn:after,
button.angle-edge-btn:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:after{
  width: 0%;
  height: 100%;
}

.forminator-button-upload:after,
a.angle-edge-btn:after,
button.angle-edge-btn:after{
  background-color: #040507;
}

.forminator-button-upload:hover:after,
a.angle-edge-btn:hover:after,
button.angle-edge-btn:hover:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:hover:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:hover:after,

.forminator-button-upload:focus:after,
a.angle-edge-btn:focus:after,
button.angle-edge-btn:focus:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:focus:after,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:focus:after

{
  width: calc(100% + 1px);
}

/* btn variables */

a.border-color__ora_wh_text,
button.border-color__ora_wh_text{
  color: #ffffff;
}

.forminator-button-upload, .forminator-button-upload:before,
a.border-color__ora, a.border-color__ora:before,
button.border-color__ora, button.border-color__ora:before{
  border-color:#E65300;
}

a.border-color__bla, a.border-color__bla:before,
button.border-color__bla, button.border-color__bla:before{
  border-color:#040507;
}

.forminator-button-upload:after,
a.border-color__ora:after,
button.border-color__ora:after{
  background-color:#E65300;
}

a.border-color__bla:hover,
button.border-color__bla:hover{
  color:#ffffff;
}

/* ################## normal link hover */

.anchor {
  transition: all .5s;
	display:inline-block;
	position: relative;
}

.anchor:after{
    content:'';
    position: relative;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: transparent;
    display: block;
    content: '';
    position: absolute;
    transition: all .5s;
	  border-width: 0 0 0 4px;
  }



.anchor:hover:after {
border-color: #E65300;
  }
.anchor:hover {
    padding-left:10px; 
  }


/* ################## testimonial */


.testimonial-border{

	padding:20px;
border: 2px solid #D6D9DB;
}

.test-from{
	margin-top:10px;
}

.test-from span{
	color: #E65300;
}

.quote-title{
	display: flex;
	align-items: center;
	margin-bottom:16px;
}

.quote-title .quote{
	padding-right:10px;
}

@media (min-width: 1146px) {

	
	
.testimonial-border{
padding: 20px 160px 20px 20px;
border-left: 2px solid #D6D9DB;
	border-bottom:none;
	border-top:none;
	border-right:none;
  position: relative;
  overflow: hidden;
display: inline-block;
	
}

.testimonial-border:before{
  content: '';
  position: absolute;
  top: 0;
  left: -8%;
  width: 100%;
  height: calc(100% - 4px);
  z-index: -1;
  transform: skewX(-25deg);
  transition: all 0.5s;
  border-right: 2px solid #D6D9DB;
  border-top: 2px solid #D6D9DB;
  border-bottom: 2px solid #D6D9DB;

}
	
}

.desktop_middle-inside .swiper-buttton-container{
	transform: initial;
left: initial;
top: -88px;
}

.tesimonial--section .dica_divi_carousel_0.dica_divi_carousel .swiper-button-next, 
.tesimonial--section .dica_divi_carousel_0.dica_divi_carousel .swiper-button-prev {
	/* background-color: transparent !important; 
	border: solid 1px #D6D9DB; */
}


/* ############################# blog */


.blog-area article{
	overflow:hidden;
}



/* ########################### blog ratio */

/*blog image aspect ratio portrait 3:4*/

.pa-blog-image-3-4 .entry-featured-image-url {
  padding-top: 133.33%;
  display: block;
}

.pa-blog-image-3-4 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* #################################### all blog clickable */

/*add a neceassry position to the blog posts*/

.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}


/* ###################################### hover on blog */





.et_pb_posts .et_pb_post:hover .entry-featured-image-url:before,
.et_pb_blog_grid .et_pb_post:hover .et_pb_image_container a:before, 
.et_pb_posts .et_pb_post:hover .et_pb_image_container a:before, 
.et_pb_blurb_content:hover .et_pb_main_blurb_image a img:before
{
	background: rgb(29,37,44);
background: linear-gradient(0deg, rgba(29,37,44,1) 0%, rgba(29,37,44,0.6964986678265056) 100%);
	transition: all 0.5s;
	  opacity: 1;


}


.et_pb_posts .et_pb_post:hover .pa-blog-text,
.et_pb_blog_grid .et_pb_post:hover .pa-blog-text,
.et_pb_posts .et_pb_post:hover .pa-blog-text,
.et_pb_blurb_content:hover .pa-blog-text,
.et_pb_posts .et_pb_post:hover .post-content,
.et_pb_blog_grid .et_pb_post:hover .post-content,
.et_pb_posts .et_pb_post:hover .post-content,
.et_pb_blurb_content:hover .post-content
{
	bottom:0%;

}

.et_pb_posts .et_pb_post .pa-blog-text .outer-post-content,
.et_pb_blog_grid .et_pb_post .pa-blog-text .outer-post-content,
.et_pb_posts .et_pb_post .pa-blog-text .outer-post-content,
.et_pb_blurb_content .pa-blog-text .outer-post-content,
.et_pb_posts .et_pb_post .post-content .outer-post-content,
.et_pb_blog_grid .et_pb_post .post-content .outer-post-content,
.et_pb_posts .et_pb_post .post-content .outer-post-content,
.et_pb_blurb_content .post-content .outer-post-content
{
	 height: 62px;
	transition: all 0.5s ease-in-out;
overflow: hidden;
}


.et_pb_posts .et_pb_post:hover .pa-blog-text .outer-post-content,
.et_pb_blog_grid .et_pb_post:hover .pa-blog-text .outer-post-content,
.et_pb_posts .et_pb_post:hover .pa-blog-text .outer-post-content,
.et_pb_blurb_content:hover .pa-blog-text .outer-post-content,
.et_pb_posts .et_pb_post:hover .post-content .outer-post-content,
.et_pb_blog_grid .et_pb_post:hover .post-content .outer-post-content,
.et_pb_posts .et_pb_post:hover .post-content .outer-post-content,
.et_pb_blurb_content:hover .post-content .outer-post-content
{
	 height: 300px; 

}









/* ################################# overlay text over blog image */

/*change the mouse cursor into a pointer*/

.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}

/*move wrapped title, meta, and text up over the image*/

.pa-blog-text {
	position: absolute;
	/*t op: 83%;*/
	left: 50%;
	/* transform: translate(-50%, -50%); */
	width: 100%;
	padding: 30px;
	z-index: 1;
	transition: all 0.5s;
	
bottom: 0%;
transform: translateX(-50%);
}


/*keep the moved items positioned with their parent items*/

.et_pb_blog_grid article {
	position: relative;
}


/*remove spacing around entire blog post*/

.et_pb_blog_grid .et_pb_post {
	padding: 0px;
}


/*remove negative margins on blog featured image*/

.et_pb_image_container {
	margin: 0;
}


/*remove the margin below the featured image frame*/

.et_pb_post .entry-featured-image-url {
	margin: 0;
	transition: all 0.5s;
}

.blog-extend .et_pb_post .entry-featured-image-url::after, .blog-extend .et_pb_post .entry-featured-image-url::before,
.et_pb_blog_grid .entry-featured-image-url::after, .et_pb_blog_grid .entry-featured-image-url::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
		top: 0;
	z-index: 1;
	transition: all 0.5s;
	background: rgb(29,37,44);
}

.blog-extend .et_pb_post .entry-featured-image-url::after,
.et_pb_blog_grid .entry-featured-image-url::after {
background: linear-gradient(0deg, rgba(29,37,44,1) 0%, rgba(29,37,44,0) 100%);
	top: 0;
	z-index: 1;
	transition: all 0.5s;
}

.blog-extend .et_pb_post .entry-featured-image-url::before,
.et_pb_blog_grid .entry-featured-image-url::before {
background: linear-gradient(0deg, rgba(29,37,44,1) 0%, rgba(29,37,44,0.6964986678265056) 100%);
	opacity:0;
}



/* news page alt highlight color*/
.et_pb_section .news .et_pb_blog_0 .et_pb_post .entry-title a, .et_pb_section .news .et_pb_blog_0 .et_pb_post .post-content *{
	color:#040507 !important;
}

.news .et_pb_posts .et_pb_post:hover .entry-featured-image-url:before,
.news .et_pb_blog_grid .et_pb_post:hover .et_pb_image_container a:before, 
.news .et_pb_posts .et_pb_post:hover .et_pb_image_container a:before, 
.news .et_pb_blurb_content:hover .et_pb_main_blurb_image a img:before
{
background: rgb(246,246,247);
background: linear-gradient(0deg, rgba(246,246,247,1) 0%, rgba(246,246,247,0.6964986678265056) 100%);
}


.news .et_pb_blog_grid .entry-featured-image-url::after, .news .et_pb_blog_grid .entry-featured-image-url::before 
{
background: rgb(246,246,247);
}


.news .et_pb_blog_grid .entry-featured-image-url::after 
{
background: linear-gradient(0deg, rgba(246,246,247,1) 0%, rgba(246,246,247,0) 100%);	
}

.news .et_pb_blog_grid .entry-featured-image-url::before 
{
background: linear-gradient(0deg, rgba(246,246,247,1) 0%, rgba(246,246,247,0.6964986678265056) 100%);
}


/* ######################### blog extended styles */

.el-read-more-link .more-link{
	color:#E65300;
	font-weight:bold;
	font-size:16px;
}

.blog-extend .et_pb_column_2_3 .et_pb_post_extra.el_dbe_block_extended .post-media, .et_pb_column_2_3 .et_pb_post_extra.el_dbe_block_extended .post-media-container{
  height: auto;
}



.blog-extend .et_pb_post .entry-featured-image-url{
  padding-top: 133.33%;
display: block;
  position: relative;
}



.blog-extend .et_pb_post_extra.el_dbe_block_extended .post-media img{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}


.blog-extend .et_pb_post_extra.el_dbe_block_extended.image-top .post-content{
  position: absolute;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 30px;
z-index: 1;
transition: all 0.5s;
bottom: 0%;
transform: translateX(-50%);
  
}

.blog-extend  .et_pb_post_extra .post-content {
background: #fff;
background: transparent;
}


/* ########################## full width section */ 

@media (max-width: 980px) { 
.text-img-fw .et_pb_column.et_pb_column_empty{
	display:block;
	padding-top: 56.25%;
}
}


/* ########################## */

.contact-block{
	padding: 30px;
	border:1px solid #D6D9DB;
}

.contact-block-divide{
	margin: 20px 0;
	border-top:1px solid #E65300;
}

.contact-block p {
	margin-bottom:0px;
		padding-bottom:0px;
	color:#040507;
	font-weight: 400;
	font-size:18px;
}

.contact-block .threew {
	color:#e11f26;
}

/* ########################## contact */

#main-content{
	position: relative;
	z-index: 2;
}


/* keeps accordian icon visable and rotates */



.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
    content: "";
    display: block;
    transform: rotate(45deg);
}

.et_pb_toggle_title::before {
    transition: all .4s ease-in-out;
}


/* ########################## footer */

 footer .et_pb_section_1_tb_footer a, footer .et_pb_section_1_tb_footer p,
 footer .contact-footer a, footer .contact-footer p
{
	color:#ffffff;
}

footer .social
{
	margin-top:16px;
}

footer .social svg {
	width:44px;
	padding-right:16px;
	fill:#ffffff;
	transition:all 0.5s;
}

footer .social svg:hover {
	fill:#E65300;
}

.fbox2, .fbox3, .fbox4 {
    display: flex;
    flex-direction: column;
}

.fgrid2{
	display: grid;
grid-template-columns:3.5fr 2fr;
	 column-gap: 90px;
	 row-gap: 30px;
}


.fgrid1{
	display: grid;
grid-template-columns:1fr 1fr;
	 column-gap: 30px;
	 row-gap: 30px;
}

.fbox1{
	grid-column-start: 1;
  grid-column-end: 3;
}

.fbox4{
	grid-column-start: 1;
  grid-column-end: 3;
}

@media (min-width: 875px) { 
.fgrid1{
	display: grid;
grid-template-columns:1fr 1fr 2fr;
	 column-gap: 30px;
}

.fbox1{
	grid-column-start: 1;
  grid-column-end: 5;
}
	
	.fbox4{
	grid-column-start: 3;
  grid-column-end: 4;
}
}

@media (min-width: 1146px) { 
.fgrid1{
grid-template-columns: 1.5fr 1fr 1fr 2fr;

}
	
	.fbox1{
	grid-column-start: 1;
  grid-column-end: 2;
}
		.fbox4{
	grid-column-start: 4;
  grid-column-end: 5;
}
}




/* ######################################### Floor plan */


.map-bkground{
	background-color: #040507;
opacity: 1;
background-image:  linear-gradient(#1D252C 1px,
transparent 1px), linear-gradient(to right, #1D252C 1px, #040507 1px);
background-size: 64px 64px;
}

.parent {
display: grid;
grid-template-columns: repeat(22, 1fr);
grid-template-rows: repeat(13, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 6px solid rgba(230,83,0,1);
}

.div1 { grid-area: 9 / 1 / 14 / 7; }
.div2 { grid-area: 9 / 1 / 11 / 5; }
.div3 { grid-area: 1 / 1 / 9 / 7; }
.div4 { grid-area: 5 / 7 / 14 / 19; }
.div5 { grid-area: 1 / 7 / 7 / 12; }
.div6 { grid-area: 1 / 12 / 5 / 18; }
.div7 { grid-area: 1 / 18 / 5 / 23; }
.div8 { grid-area: 5 / 19 / 10 / 23; }
.div9 { grid-area: 10 / 19 / 14 / 23; }
.div10 { grid-area: 10 / 14 / 14 / 19; }

.parent .room{
  border-color: rgba(230,83,0,1);
  border-width: 2px;
  background-color: #040507;
  opacity: 1;
  background-image: radial-gradient(#1D252C 1.5px, #040507 1.5px);
  background-size: 32px 32px;
  position: relative;
	text-align: center;

}

.parent .room .text{
	color:#ffffff;
	display:none;

}

.div1, .div3, .div2, .div5, .div6{
  border-right-style: solid;
}

.div3, .div2, .div5, .div6, .div7 {
  border-bottom-style: solid;
}


.div9, .div10{
  border-top-style: solid;
}

.div8, .div9, .div10{
  border-left-style: solid;
}

.parent .room a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  font-size: 18px;
  font-weight: bold;
  background-color:rgba(0,0,0,0);
  transition: all 0.5s;

}

.parent .room a span{
	position:absolute;
}

/* .parent .room button#i{
justify-content: flex-start;
padding-left: 30px;
} */

.parent .room a#a{
padding-top: 50px;
} 

.parent .room a#d{
padding-bottom: 60px;
} 

.parent .room a:hover{
  cursor: pointer;
  color: #fff;
  background-color:rgba(0,0,0,0.6);
  background-image: url('/wp-content/uploads/2021/11/grill-r-op.png');
  background-size: 20px 20px;
	
	  background-color: #040507;
opacity: 1;
background: repeating-linear-gradient( 45deg, #1D252C, #1D252C 10px, #040507 10px, #040507 25px );
	
	
}

.parent .room a:hover .text{
  color: #fff;
}


/* plus icon */


  
    .plush,
    .plusv {
      background-color: #ffffff;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .plush {
      height: 2px;
      margin: auto 10px;
    }

    .plusv {
      width: 2px;
      margin: 10px auto;
    }

    .parent .room .spot {
      display: flex;
      align-items: center;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #000000;
      cursor: pointer;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      animation: pulse 2s infinite;
		position: relative;
    }


    .parent .room .spot:focus,
    .parent .room .spot:hover {
      animation: pulsef 2s infinite;
      background: #ffffff;
    }

    .parent .room .spot:focus .plush,
    .parent .room .spot:focus .plusv,
    .parent .room .spot:hover .plush,
    .parent .room .spot:hover .plusv {
      background-color: #000000;
    }


    @-webkit-keyframes pulse {
      0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
      }

      70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
      }

      100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      }
    }

    @keyframes pulse {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
      }

      70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
      }

      100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      }
    }

    @-webkit-keyframes pulsef {
      0% {
        -webkit-box-shadow: 0 0 0 0 rgba(173, 132, 64, 0.4);
      }

      70% {
        -webkit-box-shadow: 0 0 0 10px rgba(173, 132, 64, 0);
      }

      100% {
        -webkit-box-shadow: 0 0 0 0 rgba(173, 132, 64, 0);
      }
    }

    @keyframes pulsef {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(173, 132, 64, 0.4);
        box-shadow: 0 0 0 0 rgba(173, 132, 64, 0.4);
      }

      70% {
        -moz-box-shadow: 0 0 0 10px rgba(173, 132, 64, 0);
        box-shadow: 0 0 0 10px rgba(173, 132, 64, 0);
      }

      100% {
        -moz-box-shadow: 0 0 0 0 rgba(173, 132, 64, 0);
        box-shadow: 0 0 0 0 rgba(173, 132, 64, 0);
      }
    }


@media (min-width: 1146px) {
	.parent .room .spot{
		display:none;
	}
	
	.parent .room .text{
	display:block;
    text-align: center;
}
	
	.parent .room a{
	padding: 20px;
}
	.parent .room a#a{
padding-top: 80px;
} 

.parent .room a#d{
padding-bottom: 90px;
} 
	
}




.parent div.door{
  position: absolute;
	background: black;
}

.parent div.chassisDoor{
      height: 20px;
      width: 2px;
      right: -2px;
      top: 25%;

}

.parent div.chassisShutter1{
  height: 5px;
width: 5.5vw;
  bottom: -4px;
  left: 15%;
  border: solid 1px rgba(230,83,0,1);

}

.parent div.chassisShutter2{
  height: 5px;
width: 5.5vw;
  bottom: -4px;
  right: 15%;
  border: solid 1px rgba(230,83,0,1);
}

.parent div.benchDoor{
      height: 2px;
       width: 2vw;
      bottom: -2px;
      left: 10%;

}

.parent div.machineDoor1{
  height: 6px;
  width: 2vw;
  top: -6px;
  right: 40%;
}

.parent div.machineDoor2{
  height: 6px;
  width: 2vw;
  bottom: -6px;
  right: 40%;

}

.parent div.engineShutter{
  height: 30px;
  width: 5px;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  border: solid 1px rgba(230,83,0,1);
}

.parent div.receptionDoor{
      height: 20px;
      width: 2px;
      left: -2px;
      top: 50%;
}

.parent div.receptionEntrance{
  height: 6px;
    width: 2vw;
  bottom: -6px;
  left: 20%;
}

.parent div.designDoor{
      height: 2px;
        width: 2vw;
      top: -2px;
      left: 20%;

}

.parent div.mainDoor{
      height: 6px;
        width: 2vw;
      bottom: -6px;
      right: 70%;

}

.parent div.mainStores{
      height: 6px;
        width: 2vw;
      bottom: -6px;
      right: 53%;

}


.parent div.chassisShutter3{
  height: 6px;
width: 6vw;
bottom: -6px;
left: 6%;
border: solid 1px rgba(230,83,0,1);

}

.parent div.chassisShutter4{
  height: 6px;
  width: 6vw;
  bottom: -6px;
  right: 13%;
  border: solid 1px rgba(230,83,0,1);
}



.parent div.mainInspec{
      height: 6px;
        width: 2vw;
      bottom: -6px;
      left: 5vw;
}

@media (min-width: 1146px) {
  .parent div.engineShutter{
    height: 80px;
  }

  .parent div.receptionDoor{
        height: 40px;
  }

  .parent div.chassisDoor{
        height: 40px;
  }
  
  
}


/* ########################### category list on news style */

li.cat-item{
	list-style: none;
}

li.cat-item a{
	color: #BC4800;
}


/* pagination style */
.wp-pagenavi a, .wp-pagenavi span{
padding:0px;
    margin:0px
}


.wp-pagenavi{
       display:flex;
       gap:4px;
       align-items: center;
       flex-direction: row;
       justify-content: flex-end;
}

.wp-pagenavi .page.smaller,
.wp-pagenavi .page,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
            display: flex;
    aspect-ratio: 1 / 1;
    margin: 0px;
    background: transparent;
    width: 40px;
    align-items: center;
    justify-content: center;
       border: 1px solid #E6531C!important;
      
}

.current{
          display: flex;
    aspect-ratio: 1 / 1;
    margin: 0px;
    background: #E6531C;
    width: 40px;
    align-items: center;
    justify-content: center;
}

.wp-pagenavi {
    border-top: none;
   
}

.wp-pagenavi a:hover,
.wp-pagenavi .page.smaller:hover{
  color: #000000 !important;
background: #E65300;
}

.wp-pagenavi span.pages{
	margin-right:10px;
}

/* ######################  */
  
.et_pb_post_extra.el_dbe_block_extended{
	border:none;
	border-radius:0px;
}

.et_pb_post_extra.el_dbe_block_extended:hover .post-media{
	-webkit-transform: none;
	transform: none;
}

.orange-text a{
	color:#BC4800;
}


.alt-block-margin .custom_row:last-child .et_pb_column:last-child{
	margin-bottom:0px;
}
.alt-block-margin .et_pb_row .et_pb_column .et_pb_module:last-child{
	margin-bottom:30px;
}


/* ################## */

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    max-width: 1440px;
    width: 85%;
    padding: 10px 0;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
    justify-content: space-between;
    padding: 0;
}


/* scroll distance */
a.scroll-anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}



/* 2026 edit */


    /* =========================
   Blog Cards (full CSS)
   - Hover effects only on desktop/hover-capable devices
   - Mobile/tablet shows overlay fully (no hover needed)
   ========================= */

.blog-cards .card{
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
}

/* Media wrapper (image area) */
.blog-cards .media{
  position: absolute;
  inset: 0;
  overflow: hidden;
}

/* If you have an <img> or other element inside .media */
.blog-cards .media > *{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  position: relative;
  z-index: 0;
}

/* Gradient overlay on the image */
.blog-cards .media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(29, 37, 44, 1) 50%,
    rgba(29, 37, 44, 0) 100%
  );
  opacity: 0.7;
  transition: opacity 350ms ease;
  pointer-events: none;
  z-index: 1;
}

/* Sliding overlay panel */
.blog-cards .overlay{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  padding: 18px;
  backdrop-filter: blur(4px);

  /* JS sets --collapsedHeight per card */
  transform: translateY(calc(100% - var(--collapsedHeight, 80px)));
  transition: transform 260ms ease;
  will-change: transform;

  z-index: 20;
}

/* Title */
.blog-cards .title{
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

/* Description */
.blog-cards .desc{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.35;

  opacity: 0;
  transform: translateY(6px);
  transition: opacity 200ms ease, transform 200ms ease;
}

/* Clamp description paragraphs (optional) */
.blog-cards .desc p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* number of lines */
  overflow: hidden;
}

/* Link */
.blog-cards .link p{
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  
}

/* =========================
   Hover effects ONLY on desktop / hover-capable devices
   ========================= */
@media (hover: hover) and (pointer: fine){

 
  .blog-cards .card:hover .overlay,
  .blog-cards .card.is-hovered .overlay{
    transform: translateY(0);
  }

  .blog-cards .card:hover .desc,
  .blog-cards .card.is-hovered .desc{
    opacity: 1;
    transform: translateY(0);
  }

  .blog-cards .card:hover .media::after{
    opacity: 1;
  }
  
  
}
  
  
  


@media (min-width: 981px){
/* make first grid item span 2 columns */
.blog-cards-feature > :first-child{
  grid-column: span 2;
}

/* KEY: force featured to the SAME HEIGHT as a 1-col 3/4 card */
.blog-cards-feature > :first-child .card{
  aspect-ratio: auto; /* stop fighting with ratio */
  height: calc(((100% - 30px) / 1) * (4 / 3));

  }
	
	
.blog-cards-feature > div:only-child .card{
    aspect-ratio: 3 / 2;
}
	

}
  

/* =========================
   Mobile/tablet: always open (no hover needed)
   Adjust breakpoint to match your Divi breakpoint if needed
   ========================= */
@media (max-width: 980px){
  .blog-cards .card .overlay{
    transform: translateY(0) !important;
  }

  .blog-cards .card .desc{
    opacity: 1 !important;
    transform: translateY(0) !important;
    display:none;
  }

  /* Optional: keep gradient strong on mobile since no hover */
  .blog-cards .card .media::after{
     opacity: 0.7;
  }
  .blog-cards .card:hover .media::after{
    opacity: 0.7;
  }
  
   .blog-cards .card{
        aspect-ratio: 16/9;
  }
 
}

  
  /* horizontal blog card on desktop */

.blog-cards.mod-horizontal .card {
    aspect-ratio: 16 / 9;
}

  
    
  /* hero slider */
  
  
.layered {
  display: grid;
  align-items: center;
}

.layered > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
  
   /* make background fit screen */

/* 1) Overlay container */
.hero-slider.layered{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;        /* key: grid has an actual track */
  justify-items: stretch;
  align-items: stretch;
}

/* 2) Stack both layers */
.hero-slider.layered > *{
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

/* 3) Let text create the height */
.hero-slider.layered > .et_pb_group_0{
  z-index: 10;
  position: relative;
  padding: clamp(40px, 6vw, 110px) 0;  /* this is what creates height */
}

/* 4) Force the carousel layer to stretch to the grid area */
.hero-slider.layered .et_pb_group_carousel,
.hero-slider.layered .et_pb_group_carousel_container,
.hero-slider.layered .et_pb_group_carousel_track,
.hero-slider.layered .et_pb_group_carousel_slide,
.hero-slider.layered .et_pb_group_carousel_slide > .et_pb_group{
  width: 100%;
  height: 100%;
  min-height: 100%;
}

/* 5) Make sure the background has a box to paint on */
.hero-slider .et_pb_group_carousel_slide > .et_pb_group{
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

  .hero-slider{
    margin-bottom:-10vw !important;
    z-index:10
}

 .hero-slider .et_pb_group_carousel_container:after {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0;
      background-repeat: no-repeat !important;
    background-image: linear-gradient(180deg, rgba(29, 37, 44, 0.7) 0%, rgba(29, 37, 44, 0.3) 100% 100%);

    
}

/* prevents extra space on page 2 of pagination */

.et_pb_row.remove-min-height{
    min-height:auto;
}

/* make slants show correctly on blog */


.et_pb_section.blog-sect-1{
    margin-bottom:0px !important;
}
.et_pb_section.blog-sect-2{
 
}
.et_pb_section.blog-sect-3{   
}

/* left side slant cta */

@media (min-width: 700px){
a.angle-edge-btn.slant-first{
        padding: 20px 20px 20px 60px;
        border-left: none;
    border-right:solid #E65300 2px;
	    left: -20px;
}

a.slant-first:before{
      left: 20px;
        border-left: 2px #E65300 solid;
}

a.slant-first:after{   
       left: 20px;
}
}

/* white border cta */

a.border-color__wh, a.border-color__wh:before,
button.border-color__wh, button.border-color__wh:before{
  border-color:#ffffff;
  color:#fff
}

 a.angle-edge-btn.border-color__wh:after{
   background:#ffffff;
 }

 a.angle-edge-btn.border-color__wh:hover {
    color: #000000;;
}

@media (min-width: 700px){
a.angle-edge-btn.slant-first.border-color__wh{
	    border-right: solid #ffffff 2px;
}
}

/* news post corrections */


.news-container .post-section .et_pb_section{
    margin:0px;
    padding:0px;
     width:100% !important;
}

.news-container .post-section .et_pb_row{
      margin:0px;
    padding:0px;
     width:100% !important;
}


/* extra nav css */


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.ic-second-level[hidden],
.ic-third-level-car[hidden] {
  display: none !important;
}

.ic-burger,
.ic-burger-sub-1 {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.ic-burger-sub-1.ic-show-sub--rotate {
  transform: rotate(180deg);
}

.ic-burger:focus-visible,
.ic-burger-sub-1:focus-visible,
.anchor-nav-item:focus-visible,
.anchor-nav-subitem:focus-visible,
.nav-logo:focus-visible {
  outline: 2px solid #e65300;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .top-li,
  .ic-burger-sub-1,
  .ic-third-level-car {
    animation: none !important;
    transition: none !important;
  }
}

.ic-burger,
.ic-burger-sub-1 {
  appearance: none;
  -webkit-appearance: none;
}


/* cta */

a.angle-edge-btn span,
a.angle-edge-btn span p{
    font-size:21px;
    font-weight:bold
}

/* insta buttons */

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a{
	  border-radius:0px;
}




#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn, 
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a{
  width:100%;
  max-width:350px;
}



#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn span,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn span{
  color:#ffffff;
  font-weight:bold;
  font-size:21px;
   transition:color 350ms ease;
  
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:after
{
  background-color: #E65300;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn,
#sb_instagram.sbi_palette_custom_1 div#sbi_load button.sbi_load_btn:before{
   border-color: #E65300;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:after
{
  background-color: #ffffff;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:before{
   border-color: #ffffff;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a svg path{
  fill:#ffffff;
      transition:fill 350ms ease;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a svg{
  fill:#ffffff;
  width:24px;
  height:24px;

}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:hover span,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:focus span{
  color:#000000;

}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:hover svg path,
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:focus svg path{
  fill:#000000;
}

@media (min-width: 700px){
#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a{
        padding: 20px 20px 20px 60px;
        border-left: none;
        border-right:solid #fff 2px;
        left: -20px;
        display:flex;
        align-items: center;
        justify-content: center;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:before{
      left: 20px;
        border-left: 2px #ffffff solid;
}

#sb_instagram.sbi_palette_custom_1 div#sbi_load .sbi_follow_btn a:after{   
       left: 20px;
}
}

/* keep images the same ratio */

.project-row span.et_pb_image_wrap {
    position:relative;
      width:100% !important;
    aspect-ratio:4/3;
}

.project-row span.et_pb_image_wrap img {
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
}


/* chip css */

.mini-project-chips {
    display:flex;
    gap:8px;
	    flex-wrap: wrap;
}

.mini-project-chip {
    background:#fff;
    padding:2px 6px;
    border-radius:8px;
    color:#000;
    transition: all ease 350ms;
      border:2px solid transparent
}


.mini-project-chip:hover, .mini-project-chip:focus{
  background:#000;
    color:#fff;
    border-color:#e6531c;
}



/* footer colour */

footer.et-l.et-l--footer .bottom-slant a,
footer.et-l.et-l--footer .bottom-slant p,
footer.et-l.et-l--footer .bottom-slant span

 {
 color: #fff
 
 }


footer.et-l.et-l--footer {
        z-index: 1;
    position: relative;
}