/*
 Theme Name:   Vivid Designs BootScore Child
 Theme URI:    https://vividdesigns.net
 Description:  BootScore 5 child theme for Vivid Designs — converted from Roots/Bootstrap 3
 Author:       Vivid Designs
 Author URI:   https://vividdesigns.net
 Template:     bootscore
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  vividdesigns-bootscore
 Tags:         bootstrap-5, child-theme
*/

/* =============================================================
   Import parent theme styles first (handled via functions.php wp_enqueue)
   This file is for child-only overrides only.
   ============================================================= */
 @media (min-width: 1200px) {
  .container {
    max-width: 1140px !important;
  }
   .page-template-template-portfolio .container-800 {
    max-width: 800px !important;
	margin-left:auto;
	margin-right:auto
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
  float: left;
}
.col-xs-24 {
  width: 100%;
}
.col-xs-23 {
  width: 95.83333333%;
}
.col-xs-22 {
  width: 91.66666667%;
}
.col-xs-21 {
  width: 87.5%;
}
.col-xs-20 {
  width: 83.33333333%;
}
.col-xs-19 {
  width: 79.16666667%;
}
.col-xs-18 {
  width: 75%;
}
.col-xs-17 {
  width: 70.83333333%;
}
.col-xs-16 {
  width: 66.66666667%;
}
.col-xs-15 {
  width: 62.5%;
}
.col-xs-14 {
  width: 58.33333333%;
}
.col-xs-13 {
  width: 54.16666667%;
}
.col-xs-12 {
  width: 50%;
}
.col-xs-11 {
  width: 45.83333333%;
}
.col-xs-10 {
  width: 41.66666667%;
}
.col-xs-9 {
  width: 37.5%;
}
.col-xs-8 {
  width: 33.33333333%;
}
.col-xs-7 {
  width: 29.16666667%;
}
.col-xs-6 {
  width: 25%;
}
.col-xs-5 {
  width: 20.83333333%;
}
.col-xs-4 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 12.5%;
}
.col-xs-2 {
  width: 8.33333333%;
}
.col-xs-1 {
  width: 4.16666667%;
}
/*.col-xs-pull-24 {
  right: 100%;
}
.col-xs-pull-23 {
  right: 95.83333333%;
}
.col-xs-pull-22 {
  right: 91.66666667%;
}
.col-xs-pull-21 {
  right: 87.5%;
}
.col-xs-pull-20 {
  right: 83.33333333%;
}
.col-xs-pull-19 {
  right: 79.16666667%;
}
.col-xs-pull-18 {
  right: 75%;
}
.col-xs-pull-17 {
  right: 70.83333333%;
}
.col-xs-pull-16 {
  right: 66.66666667%;
}
.col-xs-pull-15 {
  right: 62.5%;
}
.col-xs-pull-14 {
  right: 58.33333333%;
}
.col-xs-pull-13 {
  right: 54.16666667%;
}
.col-xs-pull-12 {
  right: 50%;
}
.col-xs-pull-11 {
  right: 45.83333333%;
}
.col-xs-pull-10 {
  right: 41.66666667%;
}
.col-xs-pull-9 {
  right: 37.5%;
}
.col-xs-pull-8 {
  right: 33.33333333%;
}
.col-xs-pull-7 {
  right: 29.16666667%;
}
.col-xs-pull-6 {
  right: 25%;
}
.col-xs-pull-5 {
  right: 20.83333333%;
}
.col-xs-pull-4 {
  right: 16.66666667%;
}
.col-xs-pull-3 {
  right: 12.5%;
}
.col-xs-pull-2 {
  right: 8.33333333%;
}
.col-xs-pull-1 {
  right: 4.16666667%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-24 {
  left: 100%;
}
.col-xs-push-23 {
  left: 95.83333333%;
}
.col-xs-push-22 {
  left: 91.66666667%;
}
.col-xs-push-21 {
  left: 87.5%;
}
.col-xs-push-20 {
  left: 83.33333333%;
}
.col-xs-push-19 {
  left: 79.16666667%;
}
.col-xs-push-18 {
  left: 75%;
}
.col-xs-push-17 {
  left: 70.83333333%;
}
.col-xs-push-16 {
  left: 66.66666667%;
}
.col-xs-push-15 {
  left: 62.5%;
}
.col-xs-push-14 {
  left: 58.33333333%;
}
.col-xs-push-13 {
  left: 54.16666667%;
}
.col-xs-push-12 {
  left: 50%;
}
.col-xs-push-11 {
  left: 45.83333333%;
}
.col-xs-push-10 {
  left: 41.66666667%;
}
.col-xs-push-9 {
  left: 37.5%;
}
.col-xs-push-8 {
  left: 33.33333333%;
}
.col-xs-push-7 {
  left: 29.16666667%;
}
.col-xs-push-6 {
  left: 25%;
}
.col-xs-push-5 {
  left: 20.83333333%;
}
.col-xs-push-4 {
  left: 16.66666667%;
}
.col-xs-push-3 {
  left: 12.5%;
}
.col-xs-push-2 {
  left: 8.33333333%;
}
.col-xs-push-1 {
  left: 4.16666667%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-24 {
  margin-left: 100%;
}
.col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.col-xs-offset-21 {
  margin-left: 87.5%;
}
.col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.col-xs-offset-18 {
  margin-left: 75%;
}
.col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.col-xs-offset-15 {
  margin-left: 62.5%;
}
.col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.col-xs-offset-12 {
  margin-left: 50%;
}
.col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.col-xs-offset-9 {
  margin-left: 37.5%;
}
.col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.col-xs-offset-6 {
  margin-left: 25%;
}
.col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 12.5%;
}
.col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}*/
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 {
    float: left;
  }
  .col-sm-24 {
    width: 100%;
  }
  .col-sm-23 {
    width: 95.83333333%;
  }
  .col-sm-22 {
    width: 91.66666667%;
  }
  .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-20 {
    width: 83.33333333%;
  }
  .col-sm-19 {
    width: 79.16666667%;
  }
  .col-sm-18 {
    width: 75%;
  }
  .col-sm-17 {
    width: 70.83333333%;
  }
  .col-sm-16 {
    width: 66.66666667%;
  }
  .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-14 {
    width: 58.33333333%;
  }
  .col-sm-13 {
    width: 54.16666667%;
  }
  .col-sm-12 {
    width: 50%;
  }
  .col-sm-11 {
    width: 45.83333333% !important;
  }
  .col-sm-10 {
    width: 41.66666667% !important;
  }
  .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-8 {
    width: 33.33333333%;
  }
  .col-sm-7 {
    width: 29.16666667%;
  }
  .col-sm-6 {
    width: 25%;
  }
  .col-sm-5 {
    width: 20.83333333%;
  }
  .col-sm-4 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-2 {
    width: 8.33333333%;
  }
  .col-sm-1 {
    width: 4.16666667%;
  }
/*  .col-sm-pull-24 {
    right: 100%;
  }
  .col-sm-pull-23 {
    right: 95.83333333%;
  }
  .col-sm-pull-22 {
    right: 91.66666667%;
  }
  .col-sm-pull-21 {
    right: 87.5%;
  }
  .col-sm-pull-20 {
    right: 83.33333333%;
  }
  .col-sm-pull-19 {
    right: 79.16666667%;
  }
  .col-sm-pull-18 {
    right: 75%;
  }
  .col-sm-pull-17 {
    right: 70.83333333%;
  }
  .col-sm-pull-16 {
    right: 66.66666667%;
  }
  .col-sm-pull-15 {
    right: 62.5%;
  }
  .col-sm-pull-14 {
    right: 58.33333333%;
  }
  .col-sm-pull-13 {
    right: 54.16666667%;
  }
  .col-sm-pull-12 {
    right: 50%;
  }
  .col-sm-pull-11 {
    right: 45.83333333%;
  }
  .col-sm-pull-10 {
    right: 41.66666667%;
  }
  .col-sm-pull-9 {
    right: 37.5%;
  }
  .col-sm-pull-8 {
    right: 33.33333333%;
  }
  .col-sm-pull-7 {
    right: 29.16666667%;
  }
  .col-sm-pull-6 {
    right: 25%;
  }
  .col-sm-pull-5 {
    right: 20.83333333%;
  }
  .col-sm-pull-4 {
    right: 16.66666667%;
  }
  .col-sm-pull-3 {
    right: 12.5%;
  }
  .col-sm-pull-2 {
    right: 8.33333333%;
  }
  .col-sm-pull-1 {
    right: 4.16666667%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-24 {
    left: 100%;
  }
  .col-sm-push-23 {
    left: 95.83333333%;
  }
  .col-sm-push-22 {
    left: 91.66666667%;
  }
  .col-sm-push-21 {
    left: 87.5%;
  }
  .col-sm-push-20 {
    left: 83.33333333%;
  }
  .col-sm-push-19 {
    left: 79.16666667%;
  }
  .col-sm-push-18 {
    left: 75%;
  }
  .col-sm-push-17 {
    left: 70.83333333%;
  }
  .col-sm-push-16 {
    left: 66.66666667%;
  }
  .col-sm-push-15 {
    left: 62.5%;
  }
  .col-sm-push-14 {
    left: 58.33333333%;
  }
  .col-sm-push-13 {
    left: 54.16666667%;
  }
  .col-sm-push-12 {
    left: 50%;
  }
  .col-sm-push-11 {
    left: 45.83333333%;
  }
  .col-sm-push-10 {
    left: 41.66666667%;
  }
  .col-sm-push-9 {
    left: 37.5%;
  }
  .col-sm-push-8 {
    left: 33.33333333%;
  }
  .col-sm-push-7 {
    left: 29.16666667%;
  }
  .col-sm-push-6 {
    left: 25%;
  }
  .col-sm-push-5 {
    left: 20.83333333%;
  }
  .col-sm-push-4 {
    left: 16.66666667%;
  }
  .col-sm-push-3 {
    left: 12.5%;
  }
  .col-sm-push-2 {
    left: 8.33333333%;
  }
  .col-sm-push-1 {
    left: 4.16666667%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-24 {
    margin-left: 100%;
  }
  .col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-sm-offset-18 {
    margin-left: 75%;
  }
  .col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-sm-offset-12 {
    margin-left: 50%;
  }
  .col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-sm-offset-6 {
    margin-left: 25%;
  }
  .col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }*/
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
    float: left;
  }
  .col-md-24 {
    width: 100%;
  }
  .col-md-23 {
    width: 95.83333333%;
  }
  .col-md-22 {
    width: 91.66666667%;
  }
  .col-md-21 {
    width: 87.5%;
  }
  .col-md-20 {
    width: 83.33333333%;
  }
  .col-md-19 {
    width: 79.16666667%;
  }
  .col-md-18 {
    width: 75%;
  }
  .col-md-17 {
    width: 70.83333333%;
  }
  .col-md-16 {
    width: 66.66666667%;
  }
  .col-md-15 {
    width: 62.5%;
  }
  .col-md-14 {
    width: 58.33333333%;
  }
  .col-md-13 {
    width: 54.16666667%;
  }
  .col-md-12 {
    width: 50%;
  }
  .col-md-11 {
    width: 45.83333333%;
  }
  .col-md-10 {
    width: 41.66666667%;
  }
  .col-md-9 {
    width: 37.5%;
  }
  .col-md-8 {
    width: 33.33333333%;
  }
  .col-md-7 {
    width: 29.16666667%;
  }
  .col-md-6 {
    width: 25%;
  }
  .col-md-5 {
    width: 20.83333333%;
  }
  .col-md-4 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 12.5%;
  }
  .col-md-2 {
    width: 8.33333333%;
  }
  .col-md-1 {
    width: 4.16666667%;
  }
  .col-md-pull-24 {
    right: 100%;
  }
  .col-md-pull-23 {
    right: 95.83333333%;
  }
  .col-md-pull-22 {
    right: 91.66666667%;
  }
  .col-md-pull-21 {
    right: 87.5%;
  }
  .col-md-pull-20 {
    right: 83.33333333%;
  }
  .col-md-pull-19 {
    right: 79.16666667%;
  }
  .col-md-pull-18 {
    right: 75%;
  }
  .col-md-pull-17 {
    right: 70.83333333%;
  }
  .col-md-pull-16 {
    right: 66.66666667%;
  }
  .col-md-pull-15 {
    right: 62.5%;
  }
  .col-md-pull-14 {
    right: 58.33333333%;
  }
  .col-md-pull-13 {
    right: 54.16666667%;
  }
  .col-md-pull-12 {
    right: 50%;
  }
  .col-md-pull-11 {
    right: 45.83333333%;
  }
  .col-md-pull-10 {
    right: 41.66666667%;
  }
  .col-md-pull-9 {
    right: 37.5%;
  }
  .col-md-pull-8 {
    right: 33.33333333%;
  }
  .col-md-pull-7 {
    right: 29.16666667%;
  }
  .col-md-pull-6 {
    right: 25%;
  }
  .col-md-pull-5 {
    right: 20.83333333%;
  }
  .col-md-pull-4 {
    right: 16.66666667%;
  }
  .col-md-pull-3 {
    right: 12.5%;
  }
  .col-md-pull-2 {
    right: 8.33333333%;
  }
  .col-md-pull-1 {
    right: 4.16666667%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-24 {
    left: 100%;
  }
  .col-md-push-23 {
    left: 95.83333333%;
  }
  .col-md-push-22 {
    left: 91.66666667%;
  }
  .col-md-push-21 {
    left: 87.5%;
  }
  .col-md-push-20 {
    left: 83.33333333%;
  }
  .col-md-push-19 {
    left: 79.16666667%;
  }
  .col-md-push-18 {
    left: 75%;
  }
  .col-md-push-17 {
    left: 70.83333333%;
  }
  .col-md-push-16 {
    left: 66.66666667%;
  }
  .col-md-push-15 {
    left: 62.5%;
  }
  .col-md-push-14 {
    left: 58.33333333%;
  }
  .col-md-push-13 {
    left: 54.16666667%;
  }
  .col-md-push-12 {
    left: 50%;
  }
  .col-md-push-11 {
    left: 45.83333333%;
  }
  .col-md-push-10 {
    left: 41.66666667%;
  }
  .col-md-push-9 {
    left: 37.5%;
  }
  .col-md-push-8 {
    left: 33.33333333%;
  }
  .col-md-push-7 {
    left: 29.16666667%;
  }
  .col-md-push-6 {
    left: 25%;
  }
  .col-md-push-5 {
    left: 20.83333333%;
  }
  .col-md-push-4 {
    left: 16.66666667%;
  }
  .col-md-push-3 {
    left: 12.5%;
  }
  .col-md-push-2 {
    left: 8.33333333%;
  }
  .col-md-push-1 {
    left: 4.16666667%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-24 {
    margin-left: 100%;
  }
  .col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-md-offset-18 {
    margin-left: 75%;
  }
  .col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-md-offset-12 {
    margin-left: 50%;
  }
  .col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-md-offset-6 {
    margin-left: 25%;
  }
  .col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
    float: left;
  }
  .col-lg-24 {
    width: 100%;
  }
  .col-lg-23 {
    width: 95.83333333%;
  }
  .col-lg-22 {
    width: 91.66666667%;
  }
  .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-20 {
    width: 83.33333333%;
  }
  .col-lg-19 {
    width: 79.16666667%;
  }
  .col-lg-18 {
    width: 75%;
  }
  .col-lg-17 {
    width: 70.83333333%;
  }
  .col-lg-16 {
    width: 66.66666667%;
  }
  .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-14 {
    width: 58.33333333%;
  }
  .col-lg-13 {
    width: 54.16666667%;
  }
  .col-lg-12 {
    width: 50%;
  }
  .col-lg-11 {
    width: 45.83333333%;
  }
  .col-lg-10 {
    width: 41.66666667%;
  }
  .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-8 {
    width: 33.33333333%;
  }
  .col-lg-7 {
    width: 29.16666667%;
  }
  .col-lg-6 {
    width: 25%;
  }
  .col-lg-5 {
    width: 20.83333333%;
  }
  .col-lg-4 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-2 {
    width: 8.33333333%;
  }
  .col-lg-1 {
    width: 4.16666667%;
  }
    .offset-lg-2 {
    margin-left: 8.33333333%;
  }

 /* .col-lg-pull-24 {
    right: 100%;
  }
  .col-lg-pull-23 {
    right: 95.83333333%;
  }
  .col-lg-pull-22 {
    right: 91.66666667%;
  }
  .col-lg-pull-21 {
    right: 87.5%;
  }
  .col-lg-pull-20 {
    right: 83.33333333%;
  }
  .col-lg-pull-19 {
    right: 79.16666667%;
  }
  .col-lg-pull-18 {
    right: 75%;
  }
  .col-lg-pull-17 {
    right: 70.83333333%;
  }
  .col-lg-pull-16 {
    right: 66.66666667%;
  }
  .col-lg-pull-15 {
    right: 62.5%;
  }
  .col-lg-pull-14 {
    right: 58.33333333%;
  }
  .col-lg-pull-13 {
    right: 54.16666667%;
  }
  .col-lg-pull-12 {
    right: 50%;
  }
  .col-lg-pull-11 {
    right: 45.83333333%;
  }
  .col-lg-pull-10 {
    right: 41.66666667%;
  }
  .col-lg-pull-9 {
    right: 37.5%;
  }
  .col-lg-pull-8 {
    right: 33.33333333%;
  }
  .col-lg-pull-7 {
    right: 29.16666667%;
  }
  .col-lg-pull-6 {
    right: 25%;
  }
  .col-lg-pull-5 {
    right: 20.83333333%;
  }
  .col-lg-pull-4 {
    right: 16.66666667%;
  }
  .col-lg-pull-3 {
    right: 12.5%;
  }
  .col-lg-pull-2 {
    right: 8.33333333%;
  }
  .col-lg-pull-1 {
    right: 4.16666667%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-24 {
    left: 100%;
  }
  .col-lg-push-23 {
    left: 95.83333333%;
  }
  .col-lg-push-22 {
    left: 91.66666667%;
  }
  .col-lg-push-21 {
    left: 87.5%;
  }
  .col-lg-push-20 {
    left: 83.33333333%;
  }
  .col-lg-push-19 {
    left: 79.16666667%;
  }
  .col-lg-push-18 {
    left: 75%;
  }
  .col-lg-push-17 {
    left: 70.83333333%;
  }
  .col-lg-push-16 {
    left: 66.66666667%;
  }
  .col-lg-push-15 {
    left: 62.5%;
  }
  .col-lg-push-14 {
    left: 58.33333333%;
  }
  .col-lg-push-13 {
    left: 54.16666667%;
  }
  .col-lg-push-12 {
    left: 50%;
  }
  .col-lg-push-11 {
    left: 45.83333333%;
  }
  .col-lg-push-10 {
    left: 41.66666667%;
  }
  .col-lg-push-9 {
    left: 37.5%;
  }
  .col-lg-push-8 {
    left: 33.33333333%;
  }
  .col-lg-push-7 {
    left: 29.16666667%;
  }
  .col-lg-push-6 {
    left: 25%;
  }
  .col-lg-push-5 {
    left: 20.83333333%;
  }
  .col-lg-push-4 {
    left: 16.66666667%;
  }
  .col-lg-push-3 {
    left: 12.5%;
  }
  .col-lg-push-2 {
    left: 8.33333333%;
  }
  .col-lg-push-1 {
    left: 4.16666667%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-24 {
    margin-left: 100%;
  }
  .col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-lg-offset-18 {
    margin-left: 75%;
  }
  .col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-lg-offset-12 {
    margin-left: 50%;
  }
  .col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-lg-offset-6 {
    margin-left: 25%;
  }
  .col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }*/
}

/* ---------------------------------------------------------------
   # Root Variables — Brand Colors
--------------------------------------------------------------- */
:root {
  --vd-blue:   #0040FF;
  --vd-red:    #f00;
  --vd-green:  #009966;
  --vd-yellow: #fc0;
  --vd-dark:   #000;
  --vd-light:  #f2f2f2;
}

/* ---------------------------------------------------------------
   # Global Link Overrides
--------------------------------------------------------------- */
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

/* ---------------------------------------------------------------
   # Logo Bar
--------------------------------------------------------------- */
.logo {
  width: 100%;
  /*max-height: 1705px;*/
  margin: 0 0 20px;
  padding: 10px 0;
  background: var(--vd-dark);
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
.logo img {
  max-width: 100%;
  height: auto;
}
.home          .logo { border-top: 1px solid var(--vd-blue);   border-bottom: 1px solid var(--vd-blue); }
.page-id-28    .logo { border-top: 2px solid var(--vd-red);    border-bottom: 2px solid var(--vd-red); }
.page-id-178   .logo { border-top: 2px solid var(--vd-green);  border-bottom: 2px solid var(--vd-green); }
.page-id-106   .logo,
.page-id-136   .logo { border-top: 1px solid var(--vd-yellow); border-bottom: 1px solid var(--vd-yellow); }

/* ---------------------------------------------------------------
   # Navbar Active States (Bootstrap 5 uses .active not .active > a)
--------------------------------------------------------------- */
header{background-color:#fff}

.navbar{min-height:50px;text-align:center}
.navbar-nav .nav-link.active,
.navbar-nav .nav-item.active .nav-link {
  padding-top: 15px;
  padding-bottom: 15px;
}
/*#menu-primary-navigation{
  width: 100%;
  text-align: center;
}*/
@media (min-width: 1200px) {
  #masthead .container-800 {
    max-width: 800px !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.navbar {
  --bs-navbar-padding-y: 15px !important;
}
.navbar-nav {
  --bs-nav-link-padding-y: 15px !important;
}
.navbar a{font-weight:bold}
.navbar a:hover,.navbar a:active{text-decoration:none}

.home          .navbar-nav .nav-link.active { color: #fff; background-color: var(--vd-blue); }
.page-id-28    .navbar-nav .nav-link.active { color: #fff; background-color: var(--vd-red); }
.page-id-178   .navbar-nav .nav-link.active { color: #fff; background-color: var(--vd-green); }

/* Menu item underline accents */
li#menu-item-7      { border-bottom: 5px solid transparent}
li#menu-item-7:hover,li#menu-item-7.current-menu-item,li#menu-item-7.current-menu-item:hover   { border-bottom: 5px solid var(--vd-blue); }
li#menu-item-36         { border-bottom: 5px solid transparent}
li#menu-item-36:hover,li#menu-item-36.current-menu-item,li#menu-item-36.current-menu-item:hover       { border-bottom: 5px solid var(--vd-red); }
li#menu-item-183      { border-bottom: 5px solid transparent}
li#menu-item-183:hover,li#menu-item-183.current-menu-item,li#menu-item-183.current-menu-item:hover {border-bottom: 5px solid var(--vd-green); }
li#menu-item-214       { border-bottom: 5px solid transparent}
li#menu-item-214:hover { border-bottom: 5px solid var(--vd-yellow); }

/* ---------------------------------------------------------------
   # Page-specific link colors
--------------------------------------------------------------- */
.home         main a { color: var(--vd-blue);  font-weight: bold; border-bottom: 2px solid transparent; }
.home         main a:hover { text-decoration: none; border-bottom: 2px solid var(--vd-blue); }
.page-id-28   main a,
.page-id-40   main a { color: var(--vd-green); font-weight: bold; border-bottom: 2px solid transparent; }
.page-id-28   main a:hover,
.page-id-40   main a:hover { text-decoration: none; border-bottom: 2px solid var(--vd-green); }
.page-id-106  main a { color: var(--vd-yellow); font-weight: bold; border-bottom: 2px solid transparent; }
.page-id-106  main a:hover { text-decoration: none; border-bottom: 2px solid var(--vd-yellow); }

.home .btn {
  color:#fff !important;
  border-radius: 0 !important;
  background-color: var(--vd-blue);
  border-color:: var(--vd-blue);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-id-28 .btn {
  color:#fff !important;
  border-radius: 0 !important;
  background-color: var(--vd-red);
  border-color:: var(--vd-red);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-id-178 .btn {
  color:#fff !important;
  border-radius: 0 !important;
  background-color: var(--vd-green);
  border-color:: var(--vd-green);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary {
  --bs-btn-hover-bg: #000 !important;
  --bs-btn-hover-border-color: #fff !important;
  --bs-btn-active-bg: #000 !important;
  --bs-btn-active-border-color: #fff !important;
}
/* ---------------------------------------------------------------
   # H2 Decorators
--------------------------------------------------------------- */
.page-id-28  h2, .page-id-40  h2 { border-top: 2px solid var(--vd-green);  text-shadow: 0 1px 0 #396; }
.page-id-106 h2, .page-id-136 h2 { border-top: 2px solid var(--vd-yellow); text-shadow: 0 1px 0 var(--vd-yellow); }
.page-id-100 h2 { border-top: 2px solid var(--vd-blue); text-shadow: 0 1px 0 var(--vd-blue); font-size: 28px; }

/* ---------------------------------------------------------------
   # Footer
--------------------------------------------------------------- */
#page-container { position: relative; min-height: 100vh; }
#content-wrap   { padding-bottom: 110px; }

#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #000;
  color: #f2f2f2;
  padding: 9px 10px 6px 0;
}
.bg-body-tertiary {
  --bs-bg-opacity: 0 !important;
  background-color: #000 !important;
}
#footer .container {
  left: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 770px;
  font-size: 12px;
}
.home        #footer { border-top: 2px solid var(--vd-blue);  box-shadow: 0 0 10px rgba(0,0,0,.8); }
.page-id-178 #footer { border-top: 2px solid var(--vd-green); box-shadow: 0 0 10px rgba(0,0,0,.8); }
.page-id-28  #footer { border-top: 2px solid var(--vd-red);   box-shadow: 0 0 10px rgba(0,0,0,.8); }

#footer a,
#footer a:hover    { text-decoration: none; }
#footer a:hover    { border-bottom: 1px solid var(--vd-light); }
.home        #footer a { color: var(--vd-blue); }
.page-id-28  #footer a { color: var(--vd-red); }
.page-id-178 #footer a { color: var(--vd-green); }

/* ---------------------------------------------------------------
   # Portfolio
--------------------------------------------------------------- */
.box {
  height: 186px;
  background: transparent;
}
.box img {
  border: 1px solid #039;
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
.box img:hover {
  border: 1px solid #f00;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.soliloquy-container .soliloquy-pager {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top:423px;
  bottom: 10px;
  height: 14px;
}
/* Portfolio detail nav */
ul.details {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  width: 210px;
  list-style: none;
}
ul.details li {
  width: 70px;
  text-align: center;
  float: left;
  margin: 5px 0 15px;
}
ul.details li img                { width: 30px; }
ul.details li.prev img:hover     { width: 28px; margin: 1px 0 0 1px; background: #ff0; }
ul.details li.close img:hover    { width: 28px; margin: 1px 0 0 1px; background: var(--vd-red); }
ul.details li.next img:hover     { width: 28px; margin: 1px 0 0 1px; background: var(--vd-blue); }

/* Portfolio toggle panels */
#_1,#_2,#_3,#_4,#_5,#_6,#_7,#_8,#_9,#_10,
#_11,#_12,#_13,#_14,#_15,#_16,#_17,#_18,#_19,#_20,
#_21,#_22,#_23,#_24,#_25,#_26,#_27,#_28,#_29,#_30 {
  width: 100%;
  overflow: hidden;
  height: 620px;
  background-color: var(--vd-dark);
  padding: 10px;
  margin: 10px 0 20px;
  display: none;
  border-top: 1px solid var(--vd-red);
  border-bottom: 1px solid var(--vd-red);
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
.page-id-100 .toggleDiv { color: #fff; }

.space{height:15px}
/* ---------------------------------------------------------------
   # Section Heading Lines
--------------------------------------------------------------- */
p.lines-green {
  color: #000;
  font-size: 22px;
  font-weight: normal;
  text-shadow: none;
  padding-top: 10px;
  margin-bottom: 25px;
  border-bottom: 2px solid var(--vd-green);
  width: 100%;
}
p.lines-red {
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  text-shadow: none;
  padding-top: 10px;
  margin-bottom: 25px;
  border-bottom: 2px solid var(--vd-red);
  width: 100%;
}
p.lines-red a {
  float: right;
  font-size: 80%;
  color: var(--vd-red);
  padding: 4px 10px 6px 10px;
  text-decoration:none
}
p.lines-red a:hover { color: #fff; background-color: var(--vd-red); text-decoration: none; }

/* ---------------------------------------------------------------
   # FlexSlider (retained for portfolio page)
--------------------------------------------------------------- */
@font-face {
  font-family: 'flexslider-icon';
  src: url('/wp-content/themes/vividdesigns-bootscore/assets/fonts/flexslider-icon.eot');
  src: url('/wp-content/themes/vividdesigns-bootscore/assets/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/themes/vividdesigns-bootscore/assets/fonts/flexslider-icon.woff') format('woff'),
       url('/wp-content/themes/vividdesigns-bootscore/assets/fonts/flexslider-icon.ttf') format('truetype'),
       url('/wp-content/themes/vividdesigns-bootscore/assets/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.flexslider                     { margin: 0 auto; padding: 0; background: #000; border: 0; position: relative; zoom: 1; }
.flexslider .slides > li        { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img         { max-width: 100%; display: block; border: 1px solid #555; margin-left: auto; margin-right: auto; }
.flex-pauseplay span            { text-transform: capitalize; }
.flex-viewport                  { max-height: 2000px; transition: all 1s ease; }
.loading .flex-viewport         { max-height: 300px; }
.slides:after                   { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.no-js .slides > li:first-child { display: block; }

.flex-control-nav               { width: 100%; position: absolute; bottom: 5px; text-align: center; }
.flex-control-nav li            { margin: 0 6px; display: inline-block; }
.flex-control-paging li a       { width: 11px; height: 11px; display: block; background: #555; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #ff0; }
.flex-control-paging li a.flex-active { background: #039; cursor: default; }

/* ---------------------------------------------------------------
   # Gravity Forms overrides
--------------------------------------------------------------- */
.sp_goose .gfield_label,
.sp_goose .ginput_complex label       { text-transform: none !important; font-size: 14px !important; }
.sp_goose input,
.sp_goose input[type="text"],
.sp_goose input[type="email"],
.sp_goose input[type="url"],
.sp_goose input[type="password"],
.sp_goose input[type="search"],
.sp_goose select,
.sp_goose textarea                    { border-radius: 0 !important; }
.sp_goose input:focus,
.sp_goose select:focus,
.sp_goose textarea:focus              { box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,.3) !important; }
.gf_stylespro .percentbar_green       { background-color: var(--vd-green) !important; }
.gf_stylespro .validation_error       { color: var(--vd-red) !important; }
.sp_goose .gfield_error input,
.sp_goose .gfield_error select,
.sp_goose .gfield_error textarea      { background-color: #efefef !important; border-color: var(--vd-red) !important; }
.gf_stylespro .gfield .validation_message,
.gf_stylespro .gfield_description.validation_message { color: var(--vd-red) !important; }
.gfield_required                      { color: var(--vd-green); font-weight: bold; }

/* ---------------------------------------------------------------
   # Mailster
--------------------------------------------------------------- */
#module-selector .inner ul li a.mailster-btn { color: #000 !important; }

/* ---------------------------------------------------------------
   # Responsive — Bootstrap 5 uses d-none / d-sm-block etc.
   # These legacy affix helpers are kept for backwards compat.
--------------------------------------------------------------- */
@media (max-width: 576px) {
  #_1,#_2,#_3,#_4,#_5,#_6,#_7,#_8,#_9,#_10,
  #_11,#_12,#_13,#_14,#_15,#_16,#_17,#_18,#_19,#_20,
  #_21,#_22,#_23,#_24,#_25,#_26,#_27,#_28,#_29,#_30 { height: 600px; }
  p.lines-red2 {
    color: var(--vd-red);
    font-size: 28px;
    font-weight: normal;
    text-shadow: none;
    padding-top: 10px;
    margin-bottom: 25px;
    border-bottom: 2px solid var(--vd-red);
    width: 100%;
  }
  .affix { position: relative; }
}
@media (min-width: 768px)  { .affix { position: fixed; } }
@media (min-width: 860px)  {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}
@media (min-width: 992px)  {
  .col-sm-5     { padding-left: 30px; }
  img.affix     { margin-left: 0; }
  .portfolio    { margin-left: 0px; }
}
@media (min-width: 1200px) {
  .col-sm-10    { margin-left: -20px; }
  img.affix     { margin: 50px 0 0 130px; }
}

@media (max-width:767px) {
.hidden-xs {
	display: none !important
}
.visible-xs {
	display: block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
	display: none !important
}
.visible-sm {
	display: block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
	display: none !important
}
.visible-md {
	display: block !important
}
}
@media (min-width:1200px) {
.hidden-lg {
	display: none !important
}
.visible-lg {
	display: block !important
}
}