/*
Theme Name: Vacuum Glazing UK 
Author: Jeff guest
Version: 1.0.0;
Author URI: www.jeffguest.co.uk
Description: Wordpress Theme using bootstrap as the main CSS framework.
*/

/*
Colors
Green: #429EA1
Grey: #808080;
Red: #cd2d39
Black: #000;
*/

/* Style the language switcher dropdown menu */
.nav-item.dropdown .dropdown-menu {
  min-width: 60px;            /* just wide enough for the flags */
  background-color: rgba(0,0,0,0.5);  /* black with 50% opacity */
  padding: 0.25rem 0;         /* smaller vertical padding */
  border: none;               /* remove border */
  color: #fff;
}

/* Remove default dropdown menu item padding for compact flags */
.nav-item.dropdown .dropdown-item {
  padding: 0.15rem 0.4rem;
  text-align: center;         /* center flags */
  color: #fff;
}

/* Optional: on hover, slightly lighten the background */
.nav-item.dropdown .dropdown-item:hover {
  background-color: rgba(255,255,255,0.1);
  color: #fff;
}

/* Align flag images nicely */
.nav-item.dropdown .dropdown-item img {
  display: block;
  margin: 0 auto;
}


.hero-overlay {
  position: relative;
  z-index: 1;
}

.hero-overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust darkness here */
  z-index: -1;
  border-radius: inherit;
}

.icon-wrapper {
  background-color: #179c9b;
  padding: 12px;
  border-radius: 8px;
  display: inline-block;
}

.icon-img {
  width: 24px;
  height: 24px;
}

.bg-green .card {  background-color: rgba(0, 0, 0, 0.5); /* Adjust darkness here */}

.table td,
.table th {
  vertical-align: middle; /* Center content vertically */
}

.equal-width-column {
  width: 25%; /* Divide the table into four equal columns */
}

.table-rounded {
  border-radius: 10px; /* Adjust the value as needed for the desired level of rounding */
}


.fixed-button {
  position: fixed;
  top: 25%;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  border-radius: 0 0 10px 10px !important; /* Remove border radius from the bottom edges */
z-index: 999;
}




h3:before, h4:before {
  display: block;
  content: " ";
  height: 100px;  /* Give height of your fixed element */
  margin-top: -100px; /* Give negative margin of your fixed element */
  visibility: hidden;
}

.grecaptcha-badge {
  visibility: hidden;
}


@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/vguk-theme/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/vguk-theme/fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}




/* Remove left indent on mobile */
@media (max-width: 767px) {
  ol {
    padding-left: 0;
  }
  ol li {
    margin-left: 20px; /* add back some margin to preserve spacing between items */
  }
}


.bg-black {background-color: #000 !important}
.bg-grey {background-color: #808080}
.bg-green {background-color: #429EA1  }
.bg-marketing {background-color: #000000;}

.bg-grey-lt {background-color: #80808058}
.bg-green-lt {background-color: #429ea159  }

.bg-green a {color: #fff;}
/* Remove link color from Bootstrap buttons in .bg-green section */
.bg-green .btn {
  color: inherit; /* Use the default color */
}

.text-black {color: #000 !important}
.text-grey {color: #2d2d2d}
.text-red, a {color: #cd2d39}
.text-green, a {color: #429EA1;}

a:hover {color: #808080; text-decoration: none;}

.toggle-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}
.toggle-section.active {
  display: block;
}

/* Set the height of the card images on larger screens */
.card-img-top {
  height: 200px;
  width: 100%;
}

.card-deck.partners img {
  width: 200px;

}

.partners-logo {height: 100px;}

.partners-logo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* Adjust the height of the card images on smaller screens */
@media (max-width: 767.98px) {
  .card-img-top {
    height: auto;
    max-width: 100%;
  }
}

.circle-number {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background-color: #429EA1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
  background-color: #1a7578;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
 
}

.download-link img {max-width: 100px;}

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');*/

/* Fixed top navigation body padding
-------------------------------------------------------------- */

.logo {max-width: 400px}

body {
  height: 100vh;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
/*  padding-top: 50px;
*/}

 html {
  scroll-behavior: smooth;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
}

.card-img-top {
  object-fit: cover;
  height: 200px;
  overflow: hidden;
}


.checkbox input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    margin-right: 10px !important;
}

.custom-post-type-sidebar ul, .sidebar-nav ul  {
  list-style-type: none;
  padding-left: 0;



}

.custom-post-type-sidebar ul li, .sidebar-nav ul li {
 margin-bottom: 5px;


}

.custom-post-type-sidebar ul li a, .sidebar-nav ul li {
  padding: 5px;
}

/* .custom-post-type-sidebar ul li a:hover {
  background-color: #f2f2f2;
} */

.custom-post-type-sidebar a:hover {
  background-color: #f5f5f5;
}

.sidebar-nav li:hover, .sidebar-nav li.active {
  background-color: #f8f9fa; /* change this to Bootstrap's light background color */
}

.wp-page-col .fa-solid {text-align: center;}

.shapes img {max-width: 120px;}

.secondary_content img {max-width: 100px;}

.gallery-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

img {border-radius: 0.25rem;}

.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

.row-eq-height [class^="col-"] {
  display: flex;
  flex-direction: column;
}

.card {
  display: flex;
  flex-direction: column;
  /* height: 100%; */
}

.card .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 175px;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
}

.card .card-img {
  flex-grow: 1;
  background-size: cover;
  background-position: center;
  height: 175px;
}

.card .card-img-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Accordion */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: background-color 0.4s ease;
  margin-bottom: 10px;
  border-radius: 0.25rem;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active-accordion, .accordion:hover,
button:focus {
  background-color: #ccc;
  background: #ccc;
  border: none;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

.panel.active-accordion {
  max-height: 500px; /* adjust as needed */
  transition: max-height 0.4s ease;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active-accordion:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.card-img-top {
  position: relative;
}

.badge-primary {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #429EA1;
}

.badge-primary:hover {
  background-color: #317577 !important;
  color: #fff;
}



/* Scrollspy
-------------------------------------------------------------- */


  /* #scrollspy-nav {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 999999;
    background-color: #747474ab;
    padding: 20px;
    border-radius: 5px 0 0 5px;
  }
  
  #scrollspy-nav .nav-item {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 5px 0;
    border-radius: 50%;
    background-color: #cccccc;
    border: 2px solid #808080;
    transition: all 0.2s ease-in-out;
  }
  
  #scrollspy-nav li a.active,
  #scrollspy-nav .nav-item:hover,
  #scrollspy-nav .nav-item:focus {
    
  
    width: 16px;
    height: 16px;
    margin: 5px 0;
    border-radius: 50%;
    background-color: white;
    border-color: white;
  }
   */
  
/*  
/* Start Nav Styles */
#navbar  {
  position: fixed;
  z-index: 999;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
}
#navbar .nav-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navbar .nav-menu li {
  position: relative;
  min-width: 200px;
  text-align: right;
}
#navbar .nav-menu li .dot {
  display: block;
  color: #fff;
  padding: 5px 0;
}
/* Apply background color to active dropdown menu items */
.navbar-nav .dropdown-menu .active {
    background-color: #429EA1 !important;
}

.scroller .navbar .nav-menu li .dot::before,
.scroller .navbar .nav-menu li .dot::after {
  display: block;
  position: absolute;
  content: '';
  border-radius: 50%;  
  top: 50%;  
  transition: all .3s ease;
}
.scroller .navbar .nav-menu li .dot::before {
  width: 5px;
  height: 5px;
  right: 0;
  border: 2px solid #181818;
  transform: translateY(-50%);
}
.scroller .navbar .nav-menu li .dot::after {
  width: 15px;
  height: 15px;
  border: 2px solid #429EA1;
  right: -5px;
  transform: translateY(-50%) scale(0);
}
.scroller .navbar .nav-menu li .dot.active::before,
.scroller .navbar .nav-menu li:hover .dot::before {
  background: #429EA1;
  border-color: #429EA1;
}
.scroller .navbar .nav-menu li .dot.active::after,
.scroller .navbar .nav-menu li:hover .dot::after {
  transform: translateY(-50%) scale(1);  
}
.scroller .navbar .nav-menu li .dot span {
  display: inline-block;
  opacity: 0;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: capitalize;
  background-color: #429EA1;
  padding: 10px 20px;
  border-radius: 3px;
  margin-right: 30px;
  transform: translateX(20px);
  transition: all .3s ease;
}
.scroller .navbar .nav-menu li .dot span::before {
  display: block;
  position: absolute;
  content: '';
  border-left: 7px solid #429EA1;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  top: 50%;
  transform: translate(7px, -50%);
  right: 0;
  transition: all .3s ease;
}
.scroller .navbar .nav-menu li .dot.active span,
.scroller .navbar .nav-menu li:hover .dot span {
  transform: translateX(0px);
  opacity: 1;
}
/* End Nav Styles */



/*
Colors
Green: #429EA1
Grey: #808080;
Red: #cd2d39
Black: #000;
*/

/* Homepage Sections
-------------------------------------------------------------- */

/* .wp-pagenavi {
  clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
  color: #808080;
  text-decoration: none;
  background-color:#fff;
  border: 1px solid #808080;
  padding: 5px 5px;
  margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #E9F2F9;
  background-color:#808080;
}

.wp-pagenavi span.current {
  font-weight: bold;
  background-color:#808080;
}
*/
#section4 {
  background: url(images/section3.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 
.breadcrumb {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 15px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: " \2192 ";
  padding: 0 5px;
  color: #ccc;
}

ul.my-list {
  list-style-image: url(images/landvac-v-col.png);
  
}

#section3 .card {background-color: #ffffff7a;
border: #fff 1px solid}

#section5 {

  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(90deg,
      rgb(255, 255, 255), 
      rgba(255, 255, 255, 0)
    ),
    /* bottom, image */
    url(images/3d-rendering-upscale-modern-villa-with-pool-garden.jpg) no-repeat center center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section6, .landvac-section {
  background: url(images/landvac-bg.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#section6 img {max-width: 300px;}

.bg-dark-fade {
  background-color: #0000007e;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 100%px;
  height: 200px;
  border: 2px solid #429EA1;
  border-radius: 0.25rem;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}


/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;border-radius: 0.15rem;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: white;
  color: #429EA1;
  border-radius: 0.15rem;
}

/* Style the back side */
.flip-card-back {
  border-radius: 0.15rem;
  background-color: #429EA1;
  color: white;
  transform: rotateY(180deg);
}

.flip-card img {border-radius: 0.15rem; height: 100%;}


/* Number of Cards by Row based on Viewport */
@media (min-width: 576px) {
  .card-deck .card {
      min-width: 50.1%; /* 1 Column */
      margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .card-deck .card {
      min-width: 33.4%;  /* 2 Columns */
  }
}

@media (min-width: 992px) {
  .card-deck .card {
      min-width: 25.1%;  /* 3 Columns */
  }
}

@media (min-width: 1200px) {
  .card-deck .card {
      min-width: 25.1%;  /* 4 Columns */
  }
}

.flip-box {
  background-color: transparent;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

 .flip-box-back {
  position: absolute;
height: 400px;
  backface-visibility: hidden;
}

.flip-box-back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  text-align: center;

}

.flip-box-back .card-title {
  font-size: 1.2rem;
}

.flip-box-back .card-text {
  flex-grow: 1;
}


/* This code is for the product card flip */

.product-card  {
  perspective: 1000px;
}

.product-card-inner {
  position: relative;
  width: 100%;
  min-height: 150px;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.product-card:hover .product-card-inner {
  transform: rotateY(180deg);
}

.product-card-front,
.product-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.product-card-front {
  z-index: 1;
}

/* .product-card-front img {
  max-height: 150px;
} */

.object-fit-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.product-card-back {
  transform: rotateY(180deg);
}

@media (min-width: 768px) {
.horizontal-navigation li:not(:last-child)::after {
  content: '|';
  margin: 0 10px;
}
}

.sidebar-nav .nav-link {
  border-top: 1px solid #dee2e6;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .sidebar-nav .nav-link {
    border-left: 1px solid #dee2e6;
    border-top: none;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .sidebar-nav .nav-link:first-child {
    border-top: 1px solid #dee2e6;
    padding-top: 10px;
  }
  
  .sidebar-nav .nav-link:last-child {
    padding-bottom: 10px;
  }
}


/* Main CSS
-------------------------------------------------------------- */

@media screen and (min-width: 992px) {
  .homepage-section {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pre .homepage-section {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.jumbotron {
height: 95vh;
min-height: 400px;
	border-radius: 0px;
	background: 
	url(images/lv-bg-01.jpg) no-repeat center center ; 
	 background-position: right; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   background-color: rgba(0,0,0,.25);
  background-blend-mode: overlay;
  color: white;

}

.jumbotron hr {border-top-color: rgba(255,255,255,.25);}

.pageTop {
height: 50vh;
min-height: 400px;
padding: 0 5rem;
	background:  
	no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: rgba(0,0,0,.25);
  background-blend-mode: overlay;

  color: white;

}

.genericTop {
height: 50vh;
min-height: 400px;
padding: 0 5rem;
  background: url(images/bg.jpeg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: rgba(0,0,0,.25);
  background-blend-mode: overlay;

  color: white;

}

.page-title {margin-top: 100px;}

.col-logo img {max-height: 75px;}



/* Extra small devices (less than 576px) */
@media (max-width: 575.98px) {
  .pageTop {
    height: 100px;
  }
}

/* Small devices (576px and up) */
@media (min-width: 576px) {
  .pageTop {
    height: 150px;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .pageTop {
    height: 200px;
  }
}

/* Large devices (992px and up) */
@media (min-width: 992px) {

  .pageTop {
    height: 200px;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {

}

.navbar body {margin-top: 200px;}

footer {background-color: #eceeef;
	padding: 40px 0 80px 0;
}

.btn:focus,.btn:active {
   outline: none !important;
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
    outline: none;
}

/* Testimonial
-------------------------------------------------------------- */

.testimonial-inner {min-height: 250px;}

/*
Colors
Green: #429EA1
Grey: #808080;
Red: #cd2d39
Black: #000;
*/

/* Forms
-------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea
{
    background-color: #f6f6f6;
    color: #000;
    width: 100%;
    height: 100%;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 15px 20px;
}

/* Set all fields and labels to 100% width */
.wpcf7-form-control,
.wpcf7-form-control-wrap,
.wpcf7-form label {
    width: 100%;
}

/* .leadshook-radio-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
} */

/* .leadshook-radio-container .col-md-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
} */

/* .leadshook-radio-container label {
  text-align: center;
  margin-top: 10px;
  position: relative;
} */

.leadshook-radio-container input[type="radio"] {
  display: none;
}

.leadshook-radio-container label.btn-primary {
  position: relative;
  padding: 10px 20px;
  cursor: pointer;
}

.leadshook-radio-container label.btn-primary:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #000;
}

.leadshook-radio-container input[type="radio"]:checked + label.btn-primary:before {
  background-color: #357678;
  border-color: #357678;
}

.leadshook-radio-container input[type="radio"]:checked + label.btn-primary:before {
  background-color: #000; /* Change to black */
  border-color: #000; /* Change to black */
}

.leadshook-radio-container .leadshook-radio-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #357678;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.leadshook-radio-container input[type="radio"]:checked + label.btn-primary .leadshook-radio-dot {
  opacity: 1;
}

.leadshook-radio-container input[type="radio"]:checked + label.btn-primary .leadshook-radio-dot::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
  opacity: 1;
}




 /* Buttons
-------------------------------------------------------------- */

a:hover img {
  opacity: 0.8; /* Change this value to adjust the opacity of the image on hover */
}



.btn {
  display: inline-block;
  font-weight: 700;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5;
  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:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.text-green, a {color: #429EA1;}

a:hover {color: #1a7578; text-decoration: none;}

.btn-primary {
  color: #fff;
  background-color: #429EA1;
  border-color: #1a7578;
}

.btn-primary:hover, .btn-primary.active {
  color: #fff;
  background-color: #1a7578;
  border-color: #1a7578;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-primary {
  color: #429EA1;
  border-color: #429EA1;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #429EA1;
  border-color: #429EA1;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
    background-color: #1a7578;
    border-color: #1a7578;
}


.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem #1a75788e;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-outline-secondary {
  color: #808080;
  border-color: #808080;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-nbs {
  color: #fff;
  background-color: #592D5E;
  border-color: #241225;
}

.btn-nbs:hover {
  color: #fff;
  background-color: #241225;
  border-color: #241225;
}


/* Backgrounds
-------------------------------------------------------------- */


.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}



/* Navigation
-------------------------------------------------------------- */

.navbar {
  transition: background-color 300ms linear;
}

/* change the background color */
.navbar-custom {
	background-color: #0E1D33 !important;
}

.navbar-custom a {
	color: #fff;

}

.navbar-custom a:hover, .navbar-brand a:hover {
	color: #A4703D;
	
}


/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #A4703D;
    background-color: transparent;
}

.navbar-brand img {max-height: 30px;}


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.admin-bar .fixed-top {
	margin-top: 46px;
}

#wpadminbar {
    position: fixed;
}

#info img, #feed img {
    object-fit: cover;
    height: 200px;
}




.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}





/* Mobile Queries
-------------------------------------------------------------- */

/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
*/
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 



	.admin-bar .fixed-top {
	margin-top: 32px;
}

/*	body {
  padding-top: 50px;
}*/




	#logo img  {
		margin-left: 0px;
		margin-right: auto;
		padding: 10px 0;
		max-height: 150px;
	}   

	#contact {
		text-align: right;
		padding: 30px 0;
	}


	 	body {
	padding-bottom: 0px;
/*  padding-top: 50px;
*/}

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 




 }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }






/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*@media (min-width:768px) {
	.sub-menu {
		display: none;
		position: absolute;
		background: #222;
		padding: 10px 15px;
		width: 200px;		
	}

	li:hover .sub-menu {
		display: block;
	}

}*/

/*.sub-menu li {
	margin-bottom: 10px;
	list-style: none;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu a  {
	color: #999;
	text-decoration: none;
}

.sub-menu a:hover  {
	color: #fff;	
}	

.current-menu-item > a, .current-menu-parent > a {
	background: #000;	
}
.current-menu-parent li a {
	background: inherit;
}
.current-menu-parent .current-menu-item a {
	color: #fff;
	font-weight: bold;
}

.portfolio-piece img,
.portfolio-image img {max-width: 100%;}

*/

@media (max-width:540px){
.portfolio-piece h4 {
font-size: .8em;}

.prev-next {margin-top: 15px; font-size: 18px;}
}


.prev-next {
font-size: 24px;
margin-top: 30px;
text-align: right;
}

.sidebar {margin-top: 40px; color: 444;}


.widget {margin: 10px 0 30px;}



/* =WordPress Core END