


/******************************************************************************/
/************************ GLOBAL RESPONSIVE TYPESCALE  ************************/
/******************************************************************************/


   
html,body,p,.p,.body{line-height:1.6;color:var(--dark);}
@media only screen and (min-width:1200px) {:root {--scale:1.414;}html,body,p,.p,.body{font-size: 20px}}
@media only screen and (min-width:768px) and (max-width: 1199px) {:root {--scale:1.333;}html,body,p,.p,.body {font-size: 19px;}}
@media only screen and (max-width: 767px) {:root {--scale:1.25;}html,body,p,.p,.body {font-size: 18px;}}

:root {
    --size1:calc(var(--scale)*var(--scale)*var(--scale)*var(--scale)*var(--scale) * 1rem);
    --size2:calc(var(--scale)*var(--scale)*var(--scale)*var(--scale) * 1rem);
    --size3:calc(var(--scale)*var(--scale)*var(--scale) * 1rem);
    --size4:calc(var(--scale)*var(--scale) * 1rem);
    --size5:calc(var(--scale) * 1rem);
    --dark:#14080E;
    --light:#FDF7FA;
    --red:#FB023E;
    --green:#04FDC1;
    --yellow:#F0F600;
    --blue:#5FBFF9;
}


.grve-small-text, small {font-size:calc(1rem / var(--scale));text-transform:uppercase;}
h6, .grve-h6 {font-size:1rem;}
h5, .grve-h5 {font-size:var(--size5)}
h4, .grve-h4 {font-size:var(--size4)}
h3, .grve-h3 {font-size:var(--size3)}
h2, .grve-h2, #grve-portfolio-title h2.grve-title {font-size:var(--size2)}
h1, .grve-h1, #grve-theme-wrapper .grve-modal .grve-search input[type='text'],
.grve-dropcap span, p.grve-dropcap:first-letter, #grve-post-title .grve-title, #grve-portfolio-title h1.grve-title
{font-size:var(--size1)}

h6, h5, h4, h3, .grve-h6, .grve-h5, .grve-h4, .grve-h3,
#grve-theme-wrapper .grve-modal .grve-search input[type="text"],
.grve-dropcap span, p.grve-dropcap:first-letter,
.vc_tta.vc_general .vc_tta-panel-title, #grve-portfolio-title .grve-title,
#grve-main-content .vc_tta.vc_general .vc_tta-tab > a {line-height:1.25;color:var(--dark);}
h1, h2, .grve-h1, .grve-h2 {line-height:1.05;color:var(--dark);}


.grve-subtitle, .grve-subtitle p, .grve-subtitle-text {font-size:1rem;line-height:1.25}
.grve-leader-text, .grve-leader-text p, p.grve-leader-text {font-size:var(--size5)!important;line-height:1.7;}
   


/****************************************************************************/
/******************************* VNU GALLERY  *******************************/
/****************************************************************************/


/**** PROPORTION (replacing 16:9) ****/
@media only screen and (min-width:960px) {
    .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {padding-top:41.84%!important;}}
@media only screen and (max-width:959px) and (min-width:768px) {
    .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {padding-top:83.33%!important;}}
@media only screen and (max-width:767px) {
    .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {padding-top:120%!important;}}




div.vc_basic_grid.vnu-gallery .vc_gitem_row .vc_gitem-col {padding-left:2.5rem;}      /**** Content Settings ****/
div.vc_basic_grid.vnu-gallery .vc_gitem-zone-a h2,
div.vc_basic_grid.vnu-gallery .vc_gitem-zone-a {color:white;} 
div.vc_basic_grid.vnu-gallery [class*='vc_gitem-post-meta-field-vnu-project'] {
 font-size:calc(var(--scale) * 1rem);
 margin-top:26px;
 font-weight:600;
}
div.vc_basic_grid.vnu-gallery .vc_btn3-container {margin:0;}
div.vc_basic_grid.vnu-gallery .vc_gitem-zone-a .vc_btn3-container {visibility:hidden}
div.vc_basic_grid.vnu-gallery div.show-case-btn a.vc_btn3 {
 font-family:"Space Grotesk";
 padding:0;
 font-size:calc(var(--scale) * 1rem);
 background-color:unset;
 color:var(--dark);
 margin-bottom:2rem;
 margin-top:1rem;
}
div.vc_basic_grid.vnu-gallery div.show-case-btn a.vc_btn3:after {
 position:absolute;
 content:url(https://vnu-agency.com/wp-content/uploads/2023/12/regular-arrow-dark.svg);
 top:-1.3rem;
 right:-5.2rem;
 scale:40%;
}





/**********************************************************************************/
/************************************* HEADER *************************************/
/**********************************************************************************/


/* #grve-content, #grve-footer {display:none;} */
.grve-main-menu .grve-wrapper > ul > li > a,
.grve-main-menu .grve-wrapper > ul > li .grve-toggle-menu-item-wrapper a,
.grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li > a,
.grve-toggle-hiddenarea .grve-label,
.grve-main-menu .grve-wrapper > ul > li ul li.grve-goback a {font-size:1rem;text-transform:none;}
#grve-main-header  {position: absolute!important;}
#grve-header, #grve-header * {z-index: unset;} 
#grve-header > div > #grve-main-header .grve-logo  {mix-blend-mode: difference;position:fixed;z-index:9998;}
#grve-header > div > #grve-main-header .grve-logo:before,
#grve-header > div > #grve-main-header .grve-logo:after {
 content:" ";
 position:fixed;
 height:2.25rem;
 top:1.9rem;
 background-color:var(--red);
 border-radius:1.2rem;
}
#grve-header > div > #grve-main-header .grve-logo:before {width:10.30705rem;right:13.35rem;}
#grve-header > div > #grve-main-header .grve-logo:after {width:9.0535rem;right:2.8rem;}





#grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li > a {line-height:2.25rem;padding:0 2.15rem;}
#grve-main-menu > div > ul {
 z-index:9998;
 position:fixed;
 right:2.5rem;
 top:1.6rem;
}
li.menu-item {
 background-color:var(--light);
 border-radius:1.125rem;
 margin-left:1.5rem;

}
li.menu-item:hover {
 top:-.2rem;
 left:.2rem;

}

li#menu-item-16917 {background-color:black;}
li#menu-item-16917 a {color:white!important;}

#grve-main-header.grve-light #grve-main-menu .grve-wrapper > ul > li > a,
#grve-main-header.grve-light #grve-main-menu .grve-wrapper > ul > li > a:hover {color:black}







   
/******************************************************************************/
/********************************** BUTTON  ***********************************/
/******************************************************************************/

a.grve-btn {
    -webkit-transition:none;
    transition:none;
}
   
   
a.grve-btn,
#grve-theme-wrapper button[type="button"]:not(.grve-custom-btn),
#grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn),
#grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn),
#grve-theme-wrapper input[type="button"]:not(.grve-custom-btn),
#grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn),
#grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn),
.woocommerce #grve-theme-wrapper #respond input#submit,
.woocommerce #grve-theme-wrapper a.button,
.woocommerce #grve-theme-wrapper button.button,
.woocommerce #grve-theme-wrapper input.button {line-height:1;padding: 1.636rem 1.5em;}

.grve-link-text, .grve-btn, input[type='submit'], input[type='reset'], input[type='button'],
button:not(.mfp-arrow):not(.grve-search-btn), #cancel-comment-reply-link,
.grve-anchor-menu .grve-anchor-wrapper .grve-container > ul > li > a,
.grve-anchor-menu .grve-anchor-wrapper .grve-container ul.sub-menu li a,
#reply-title {
    font-family:"Public Sans"!important;
    text-transform:none;
font-weight:600!important;
}

#grve-theme-wrapper a.grve-btn.grve-btn-extralarge, #grve-theme-wrapper a.grve-btn.grve-btn-extralarge span {font-size:var(--size3)!important;}
#grve-theme-wrapper a.grve-btn.grve-btn-large, #grve-theme-wrapper a.grve-btn.grve-btn-large span {font-size:var(--size4)!important;}
#grve-theme-wrapper a.grve-btn.grve-btn-medium, #grve-theme-wrapper a.grve-btn.grve-btn-medium span {font-size:var(--size5)!important;}
#grve-theme-wrapper a.grve-btn.grve-btn-small, #grve-theme-wrapper a.grve-btn.grve-btn-small span {font-size:1rem!important;}
#grve-theme-wrapper a.grve-btn.grve-btn-extrasmall, #grve-theme-wrapper a.grve-btn.grve-btn-extrasmall span {font-size:calc(1rem / var(--scale))!important;}
.grve-extra-round {border-radius:4rem!important;}


#grve-theme-wrapper .grve-bg-primary-4, #grve-theme-wrapper .grve-bg-hover-primary-4:hover,
#grve-theme-wrapper a.grve-bg-hover-primary-4:hover,
#grve-theme-wrapper a .grve-bg-hover-primary-4:hover,
#grve-theme-wrapper a:hover .grve-bg-hover-primary-4,
.grve-filter.grve-filter-style-button.grve-filter-color-primary-4 ul li.selected {color:var(--dark)}











/*****************************************************************************/
/********************************** FOOTER  **********************************/
/*****************************************************************************/

#vnu-footer-column-1 h2 {color:#FDF7FA;}
#vnu-footer-column-2 {background-color:#FDF7FA;}
#vnu-footer small a {text-decoration:underline;text-underline-position:under;}
#vnu-footer small a:hover {text-decoration:underline;color:#F0F600;}
#vnu-footer small {color:#A5A5A5}
#vnu-footer > div > div,  #vnu-footer-column-1 {display:flex;align-items:stretch;}
#vnu-footer-column-1 .grve-element.grve-text:nth-child(2) {position:absolute;bottom:4rem;} 




/********************************************************************/
/******************************* CF7  *******************************/
/********************************************************************/

#grve-menu-form-modal .grve-modal-content  {padding: 0;}
#vnu-footer div.vnu-cf7-logo, #vnu-footer div.vnu-cf7-intro {display:none}
div.vnu-cf7-intro {margin-bottom:4rem;}
div.vnu-cf7-half {width:48%;display:inline-block;}
div.vnu-cf7-half:nth-child(odd) {float:right;}

#grve-theme-wrapper input[type="text"], #grve-theme-wrapper input[type="input"],
#grve-theme-wrapper input[type="password"], #grve-theme-wrapper input[type="number"],
#grve-theme-wrapper input[type="email"], #grve-theme-wrapper input[type="number"],
#grve-theme-wrapper input[type="url"], #grve-theme-wrapper input[type="tel"],
#grve-theme-wrapper input[type="search"], #grve-theme-wrapper input[type="date"],
#grve-theme-wrapper textarea, #grve-theme-wrapper select, #grve-theme-wrapper .select2-choice {
    font-size:var(--size5);
    padding:0 0 .7rem 0;
    font-weight:300;
    border-left:unset;
    border-right:unset;
    border-top:unset;
    border-bottom: 2px var(--dark) solid;
    margin-bottom:2.5rem;
}
#grve-theme-wrapper input[type="text"]:hover,#grve-theme-wrapper input[type="email"]:hover,
#grve-theme-wrapper textarea:hover {border-bottom-color:var(--green);}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
    font-size:calc(1rem / var(--scale));
    text-transform:uppercase;
    position:absolute;
    bottom:.5rem;
    color:var(--red)!important;
}
span.wpcf7-form-control-wrap textarea {height:5rem;max-width:100%;min-width:100%;}


                                                                                                                   /*button*/
#grve-theme-wrapper  input[type='submit'].wpcf7-submit {
    background-color:var(--green);
    font-size:1rem!important;
    transition:unset;
    color:var(--dark);
    font-size:var(--size5)!important;
    font-family:'Space Grotesk'!important;
    padding:1.5rem 2rem!important;
    border-radius:3rem;
}
#grve-theme-wrapper  input[type='submit'].wpcf7-submit:hover {background-color:var(--yellow);color:var(--dark);}


                                                                                                                    /*checkbox*/
.wpcf7-list-item.last {margin-bottom:2.5rem;}
.wpcf7-list-item {margin-left:0;}
.wpcf7-form input[type='checkbox'] + .wpcf7-list-item-label {line-height:1.7!important;padding-left:2.4rem!important;}
.wpcf7-form input[type='checkbox']:checked,
.wpcf7-form input[type='checkbox']:not(:checked),
.wpcf7-form input[type='checkbox']:checked + .wpcf7-list-item-label:before,
.wpcf7-form input[type='checkbox']:not(:checked) + .wpcf7-list-item-label:before {
 width:1.6rem;
 height:1.6rem;
 border-radius:1rem;}
.wpcf7-form input[type='checkbox']:checked + .wpcf7-list-item-label:after,
.wpcf7-form input[type='checkbox']:not(:checked) + .wpcf7-list-item-label:after {
 width:1.3rem;
 height:1.3rem;
 border-radius:.8rem;
 top:.2rem;left:.2rem;
}






/**************************************************************************/
/********************************* MODALS *********************************/
/**************************************************************************/

#grve-modal-overlay {background-color:var(--light);}




/*************************************************************************/
/********************************* OTHER *********************************/
/*************************************************************************/


@media only screen and (min-width:1200px) {.vnu-hide-d {display:none!important}}
@media only screen and (min-width:960px) and (max-width: 1199px) {.vnu-hide-h {display:none!important}}
@media only screen and (min-width:768px) and (max-width: 959px) {.vnu-hide-v {display:none!important}}
@media only screen and (max-width: 767px) {.vnu-hide-p {display:none!important}}
