/*
 Theme Name:   Groppe Child
 Theme URI:    http://victorthemes/themes/groppe
 Description:  Groppe Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     groppe
 Version:      1.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  groppe-child
*/

/* Write Custom CSS */
/*body, .grop-faq-body p, .grop-faq-body {    font-size: 16px!important;    color: #222;}*/
body{  overflow-x: hidden!important;}
.single .grop-sigl_content p {color:#0a0a0a!important; /*font-size: 16px!important;*/}
.grop-sigl_content ul li{color: #0a0a0a!important; font-family: "Arvo", Arial, sans-serif!important;    font-style: normal!important; font-size: 16px!important;}
.grop-sigl_content h4 {font-weight:500!important; font-size: 24px!important;}
.grop-post_meta_resource{  margin-top: 0px!important; }
.grop-post_title_resource{ margin-top: 27px!important;}
.grop-page-with_sidbr_entry_content {    width: 67%!important;}
.grop-page-rgt_sidebar {    width: 28%!important;}
.grop-faq-body .grop-list-icon {padding-left:0!important}
.accord-list-bottom-padding li {padding-bottom:16px!important}
.accord-list-bottom-padding li:last-child {padding-bottom:0!important}
/*.home .slider-button-position {top: 50px!important;}*/
.grop-header_navigations .grop-header_sticky  {  border-bottom: 1px solid #e6e6e6!important; }
.grop-header_navigations  {  border-bottom: 1px solid #e6e6e6!important; }
.vc-hoverbox-block.vc-hoverbox-front[style] {background-image:none!important; background-color:#eee!important;}
.text-bold h4 a{font-weight:600!important;}
.text-bold {font-weight:500!important;}
.accord-title-bold h4 a { font-size:20px!important; font-weight:600!important;}
.accord-title-bold .grop-section_text h4 {    text-transform: inherit!important;}
.grop-counter_cont p{line-height: 18px !important;}
.sidebar-button-font a { font-size:16px!important; font-weight:600!important;}
.list-left-padding { padding-left: 40px!important; }
.list-left-padding-level { padding-left: 60px!important; }
.home-blog-height{height:350px!important;}
/* short the title tag in latest articles section*/
.latest-article-height {  }
/* short the title tag in latest articles section*/
.CTA-on-homepage h2, .calout-btn { text-align:center!important; }
.CTA-on-homepage p { text-align:center!important; }
.read-more-hide .grop-btn{display:none!important;}
.home-intro-height{height:530px!important;}
.grop-header_top {padding: 5px 0!important;}
.grop-nav-br{padding-top:10px!important;}
.grop-hm4srv_box {    padding: 10px 24px!important;}
.hm4srv_active .grop-hm4srv_box_single {background: #841213 !important;}
.grop-service-5fc171d3b9c52:nth-of-type(even){background: #690b0c !important;}
#grop-mainmenu > li a {font-size: 15px!important;}
.grop-logo { padding-top: 6px!important; }
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {    color: #fff!important;    background-color: #8a1c1d !important;}
.vc_gitem-zone-a .vc_gitem-row-position-top,
.vc_gitem-zone-b .vc_gitem-row-position-top {position: inherit !important;}
.vc-gitem-zone-height-mode-auto:before {padding: inherit !important;}
.grop-ftr_wigt_locn {margin-top: 40px !important;}
.grop-side-widget .grop-btn  {color: #FFF!important;}  

@media only screen and (max-width: 767px) { 
/*.weekly-blog-height .vc_gitem-col { padding-top: 0px !important;}
.title-lines h2:before, .title-lines h2:after {  width: calc(100vw - 255px)!important;}*/
.full-width:before, .full-width:after{  width: 39vw!important;}
.grop-page-with_sidbr_entry_content {    width: 100%!important;}
.grop-page-rgt_sidebar {    display: none!important;}
.weekly-blog-height	.vc_gitem_row .vc_gitem-col { padding-top: -1px !important;    padding-right: 0px !important;    padding-bottom: 0px !important;    padding-left: 0!important;}
.week-blog-hide { display:none }
.home-intro-height{height:610px!important;}
.weekly-blog-height .vc_column-inner {  padding-top: 60px !important;   padding-right: 50px !important;    padding-left: 50px !important;}
}
@media (max-width: 992px){ 
.full-width:before, .full-width:after{  width: 29vw!important;}
.full-width-2:before, .full-width-2:after{  width: 29vw!important;}
.weekly-blog-height .vc_column-inner {  padding-top: 60px !important;   padding-right: 50px !important;    padding-left: 50px !important;}
/*.weekly-blog-height .vc_gitem-col { padding-top: 0px !important;}*/
.weekly-blog-height	.vc_gitem_row .vc_gitem-col { padding-top: -1px !important;    padding-right: 0px !important;    padding-bottom: 0px !important;    padding-left: 0!important;}
}
@media only screen 
and (min-device-width : 767px) and (max-device-width : 768px) 
 {
/* .title-lines h2:before, .title-lines h2:after {  width: calc(100vw - 479px)!important;}*/
.full-width:before, .full-width:after{  width: 39vw!important;}
.full-width-2:before, .full-width-2:after{  width: 39vw!important;}
.grop-page-with_sidbr_entry_content {    width: 100%!important;}
.grop-page-rgt_sidebar {    display: none!important;}
.home-intro-height{height:610px!important;}
.weekly-blog-height.vc_gitem-col{     padding-top: 60px !important;   padding-right: 50px !important;    padding-left: 50px !important;}
.weekly-blog-height .vc_column-inner .vc_custom_1610221157909 {     padding-top: 60px !important;   padding-right: 50px !important;    padding-left: 50px !important;}
}

@media (min-width: 1023px) and (max-device-width : 1024px) {
/* .title-lines h2:before, .title-lines h2:after {  width: calc(100vw - 479px)!important;}
.weekly-blog-height .vc_gitem-col { padding-top: 0px !important;}*/
.weekly-blog-height	.vc_gitem_row .vc_gitem-col { padding-top: -1px !important;    padding-right: 0px !important;    padding-bottom: 0px !important;    padding-left: 0!important;}
.weekly-blog-height .vc_column-inner {     padding-top: 60px !important;   padding-right: 50px !important;    padding-left: 50px !important;}
.home .slider-button-position {top: 50px!important;}
.full-width:before, .full-width:after{  width: 42vw!important;}
.full-width-2:before, .full-width-2:after{  width: 42vw!important;}
}

/* Hide banner area in posts */

.single-post .grop-banner-area,.archive .grop-banner-area,.search .grop-banner-area {display: none !important;}
.single-resource .grop-banner-area,.archive .grop-banner-area,.search .grop-banner-area {display: none !important;}
/* Hide banner area in posts */
/* Submit Resource Button */
 form .acf-button { padding: 8px 8px; margin-left: 10px; background-color:#841213; color: #ffffff!important; font-size:16px; font-family: 'Dosis'; font-weight: 500!important; border-radius:2px;}
.acf-form-submit .acf-button { padding: 8px 8px;  margin-left: 10px; background-color:#841213; color: #ffffff!important; font-size:16px; font-family: 'Dosis'; font-weight: 500!important; border-radius:2px;border:0px;}

@media only screen and (max-width: 800px) { 
/*#grop-mainmenu > li.menu-item-has-children {margin-right: 0!important;}
#grop-mainmenu > li > a {   padding: 37px 9.5px 35px!important; }
.home-intro-height{height:610px!important;}
.weekly-blog-height.vc_gitem-col{     padding-top: 60px !important;   padding-right: 50px !important;    padding-left: 50px !important;}*/
.home .slider-button-position {top: 50px!important;}
}
.acf-form-submit  .acf-button {width:100%; text-transform:uppercase; font-size:20px; font-weight:600; margin-top:20px;}
.latest-sidebar-font ul li a {font-size:18px!important; font-weight:500!important;}
/*custom title*/
.overflow-title{overflow:visible!important;}
.title-lines {  position: relative; /* child absolute */  line-height: 0.1;  /* negative offset = section padding */  padding-left: 15px!important;  padding-right:15px!important;  /* add back section padding value */}
.title-lines:before,.title-lines:after {  display: inline-block;  content: "";  position: absolute;  height: 5px;  border-top: 2px solid #841213;  top: 0;  width: 46vw;/* width: calc(100vw - 15px);*/
  overflow-x: hidden}
.title-lines h2:before {  right: 100%;  margin-right: 15px;}
.title-lines h2:after {  left: 100%;  margin-left: 15px;}
/*Related Posts*/
.relpost-block-single-text{text-align:left;}
.relpost-block-single-image{width:200px!important;} 
.relpost-block-single {padding: 15px 25px 0 0!important;}
.relpost-block-container a:last-child {padding: 15px 0 0 0!important;}
.relpost-block-single >div:first-of-type{width:160px!important; height:auto!important; padding: 0 0 0 0!important;}
.relpost-thumb-wrapper {    border-top: 1px solid #E8E8E8;     padding: 19px 0;    margin-top: 42px;}
.full-width {  position: relative; /* child absolute */  line-height: 0.1;  /* negative offset = section padding */   /* add back section padding value */}
.full-width:before, .full-width:after{  content: "";  position: absolute;  height: 5px;  border-top: 2px solid #841213;  /* fill vertically */  top: 0;  bottom: 0;  width: 47vw;  right: 100%; overflow-x:hidden; margin-right:15px;}
.full-width:after {   left: 100%; margin-left: 15px;  /* not browswer prefixed */}
.full-width-2 {  position: relative; /* child absolute */  line-height: 1;}
.full-width-2:before, .full-width-2:after{ content: "";  position: absolute;  height: 5px;  border-top: 2px solid #841213;  /* fill vertically */  top: 25px!important;  bottom: 0;  width: 47vw;  right: 100%; overflow-x:hidden; margin-right:15px;}
.full-width-2:after {   left: 100%;margin-left: 15px;  /* not browswer prefixed */}
.adjust-margin .vc_custom_heading h3{margin-top:0px!important;}
 /* List correction on internal pages */
ul.grop-list-icon,ul.grop-list-three,ul.grop-list-four {list-style:none;}
.grop-list-icon h5 {	display: list-item;/* padding-left: 10px;*/}
.grop-list-icon h5 {float: left;width: calc(100% - 25px);position: relative;padding: 0;display: list-item;}
.grop-list-icon li i {width: 25px;float: left;}
.grop-side-widget .grop-link-arrow-left p {float: left;width: calc(100% - 20px);padding: 0;margin: 0;}
.grop-side-widget .grop-link-arrow-left i {width: 20px;float: left;}
 /* List correction on internal pages */
.slider-text-bg-color{  padding: 10px!important;    background: rgb(138, 28, 29, 0.4);}
.custom-html-widget-text a {    font-size: 17px!important;}
.grop-news_pst_cont {height: auto!important;}
.dropdown-width{width: 100%!important;}

.preload {
  width: 100%;
  position: relative;
  height: 100%;
  color: white;
  font-size: inherit;
  text-rendering: auto;
  min-height: 36px;
}

.preload:after {
  content: '';
  background-image: url("./assets/img/preloader.svg");
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  animation: spinner-border 1.5s linear infinite;
  background-size: cover;
  z-index: 2;
}

.newsletter-block {
  background-color: #222222;
  color: #fff;
  padding: 16px 0;
}

.newsletter-block__text h4,
.newsletter-block__text p {
  font-family: 'Lato', sans-serif;
  text-align: left;
}

.newsletter-block__text h4 {
  font-weight: 700;
  line-height: 28px;
}

.newsletter-block__text p {
  max-width: 335px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.newsletter-block__form {
  display: flex;
  align-items: center;
}

.newsletter-block__form .dynamic-msg {
  display: block;
}

.newsletter-block__form p,
.newsletter-block__form .tnp-subscription .tnp-field-email label {
  display: none;
}

.newsletter-block__form .tnp-subscription {
  margin: 0;
  position: relative;
}

.newsletter-block__form .tnp-subscription {
  display: flex;
  flex-direction: row;
  gap: 18px;
  height: 42px;
}

.newsletter-block__form .tnp-subscription div.tnp-field {
  margin-bottom: 0;
}

.newsletter-block__form .tnp-subscription div.tnp-field input {
  height: 100%;
  display: inline-flex;
}

.newsletter-block__form .tnp-subscription div.tnp-field .tnp-email {
  width: 377px;
  margin-bottom: 0;
}

.newsletter-block__form .tnp-subscription .notification {
  position: absolute;
  bottom: -17px;
  font-size: 11px;
  color: red;
}

.newsletter-block__form .tnp-subscription input.tnp-submit {
  background: #8A1C1D;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .newsletter-block__form .tnp-subscription div.tnp-field input.tnp-email {
    width: 300px;
  }
}

@media only screen and (max-width: 768px) {
  .newsletter-block__text h4,
  .newsletter-block__text p {
    text-align: center;
  }
  .newsletter-block__text p {
    max-width: 100%;
  }

  .newsletter-block__form .tnp-subscription {
    max-width: 100%;
  }

  .newsletter-block__form .tnp-subscription {
    justify-content: center;
  }
}

@media only screen and (max-width: 375px) {
  .newsletter-block__form .tnp-subscription div.tnp-field input.tnp-email {
    width: 200px;
  }
}