/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      0.1
*/

/*Header*/

.site-header {
border-bottom: 4px solid #C6011F;
box-shadow: 0px 4px 4px -4px rgba(66, 68, 90, 1);
}
.entry-header .entry-title {
text-shadow: 0px 1px 1px #112A40;
padding-block: clamp(0.75rem, 2vw, 1.5rem);
padding-inline-start: clamp(0.75rem, 3vw, 30px);
padding-inline-end: clamp(1rem, 4vw, 2rem);
}

.site-branding-container {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.site-logo {
margin-right: 0;
margin-bottom: 0.25rem;
}

.site-branding {
text-align: left;
}

.main-navigation .inside-navigation {
display: flex;
flex-direction: column;
align-items: flex-end;
}

#primary-menu {
order: 1;
width: 100%;
}
.main-nav{
background-color: #E6E6E6;
padding-right: clamp(1rem, 3.8vw, 24px);
box-shadow: 0px 3px 4px -4px rgb(66, 68, 90);
border-radius: 4px 0 0 4px;
}

.header-contact {
order: 2;
align-self: flex-end;
text-align: right;
width: 100%;
padding-top: 0.5rem;
font-weight: 800;
font-size: 29px;
}
.header-contact .header-txt{
padding-right: 30px;
}

.header-contact .second {
color:#860303;
}
.site-description {
font-weight: 800;
color: #32323e !important;
font-size: 14px;
}


/* Body */

.entry-header{
color: #fff;
background: #214B70;
background: linear-gradient(90deg, rgba(33, 75, 112, 1) 45%, rgba(38, 87, 130, 1) 65%);
-webkit-box-shadow: 0px 2px 4px -4px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 2px 4px -4px rgba(66, 68, 90, 1);
box-shadow: 0px 4px 4px -4px rgba(66, 68, 90, 1);
}


/* Footer */

.site-footer{border-top: 4px solid #222;}



/* Feather Icons */
/* Center feather icons in nav items or buttons */
.main-navigation .menu > li > a i[data-feather],
.main-navigation .menu > li > a svg.feather {
  vertical-align: middle;
  position: relative;
  top: -1px; /* fine-tune as needed: try -2px or 0px */
  width: 1.5em; /* scales icon with text size */
  height: 1.5em;
  stroke-width: 2;
}










/* Bootstrap */

/* ====== BASE SPACING SCALE ====== */
:root {
--sp-0: 0;
--sp-1: 0.25rem;
--sp-2: 0.5rem;
--sp-3: 1rem;
--sp-4: 1.5rem;
--sp-5: 3rem;
}

/* ====== CORE MARGIN CLASSES ====== */
.m-0 { margin: var(--sp-0)!important; }
.m-1 { margin: var(--sp-1)!important; }
.m-2 { margin: var(--sp-2)!important; }
.m-3 { margin: var(--sp-3)!important; }
.m-4 { margin: var(--sp-4)!important; }
.m-5 { margin: var(--sp-5)!important; }

.mt-0 { margin-top: var(--sp-0)!important; }
.mt-1 { margin-top: var(--sp-1)!important; }
.mt-2 { margin-top: var(--sp-2)!important; }
.mt-3 { margin-top: var(--sp-3)!important; }
.mt-4 { margin-top: var(--sp-4)!important; }
.mt-5 { margin-top: var(--sp-5)!important; }

.mb-0 { margin-bottom: var(--sp-0)!important; }
.mb-1 { margin-bottom: var(--sp-1)!important; }
.mb-2 { margin-bottom: var(--sp-2)!important; }
.mb-3 { margin-bottom: var(--sp-3)!important; }
.mb-4 { margin-bottom: var(--sp-4)!important; }
.mb-5 { margin-bottom: var(--sp-5)!important; }

.ms-0 { margin-left: var(--sp-0)!important; }
.ms-1 { margin-left: var(--sp-1)!important; }
.ms-2 { margin-left: var(--sp-2)!important; }
.ms-3 { margin-left: var(--sp-3)!important; }
.ms-4 { margin-left: var(--sp-4)!important; }
.ms-5 { margin-left: var(--sp-5)!important; }

.me-0 { margin-right: var(--sp-0)!important; }
.me-1 { margin-right: var(--sp-1)!important; }
.me-2 { margin-right: var(--sp-2)!important; }
.me-3 { margin-right: var(--sp-3)!important; }
.me-4 { margin-right: var(--sp-4)!important; }
.me-5 { margin-right: var(--sp-5)!important; }

.mx-0 { margin-left: var(--sp-0)!important; margin-right: var(--sp-0)!important; }
.mx-1 { margin-left: var(--sp-1)!important; margin-right: var(--sp-1)!important; }
.mx-2 { margin-left: var(--sp-2)!important; margin-right: var(--sp-2)!important; }
.mx-3 { margin-left: var(--sp-3)!important; margin-right: var(--sp-3)!important; }
.mx-4 { margin-left: var(--sp-4)!important; margin-right: var(--sp-4)!important; }
.mx-5 { margin-left: var(--sp-5)!important; margin-right: var(--sp-5)!important; }

.my-0 { margin-top: var(--sp-0)!important; margin-bottom: var(--sp-0)!important; }
.my-1 { margin-top: var(--sp-1)!important; margin-bottom: var(--sp-1)!important; }
.my-2 { margin-top: var(--sp-2)!important; margin-bottom: var(--sp-2)!important; }
.my-3 { margin-top: var(--sp-3)!important; margin-bottom: var(--sp-3)!important; }
.my-4 { margin-top: var(--sp-4)!important; margin-bottom: var(--sp-4)!important; }
.my-5 { margin-top: var(--sp-5)!important; margin-bottom: var(--sp-5)!important; }

/* ====== CORE PADDING CLASSES ====== */
.p-0 { padding: var(--sp-0)!important; }
.p-1 { padding: var(--sp-1)!important; }
.p-2 { padding: var(--sp-2)!important; }
.p-3 { padding: var(--sp-3)!important; }
.p-4 { padding: var(--sp-4)!important; }
.p-5 { padding: var(--sp-5)!important; }

.pt-0 { padding-top: var(--sp-0)!important; }
.pt-1 { padding-top: var(--sp-1)!important; }
.pt-2 { padding-top: var(--sp-2)!important; }
.pt-3 { padding-top: var(--sp-3)!important; }
.pt-4 { padding-top: var(--sp-4)!important; }
.pt-5 { padding-top: var(--sp-5)!important; }

.pb-0 { padding-bottom: var(--sp-0)!important; }
.pb-1 { padding-bottom: var(--sp-1)!important; }
.pb-2 { padding-bottom: var(--sp-2)!important; }
.pb-3 { padding-bottom: var(--sp-3)!important; }
.pb-4 { padding-bottom: var(--sp-4)!important; }
.pb-5 { padding-bottom: var(--sp-5)!important; }

.ps-0 { padding-left: var(--sp-0)!important; }
.ps-1 { padding-left: var(--sp-1)!important; }
.ps-2 { padding-left: var(--sp-2)!important; }
.ps-3 { padding-left: var(--sp-3)!important; }
.ps-4 { padding-left: var(--sp-4)!important; }
.ps-5 { padding-left: var(--sp-5)!important; }

.pe-0 { padding-right: var(--sp-0)!important; }
.pe-1 { padding-right: var(--sp-1)!important; }
.pe-2 { padding-right: var(--sp-2)!important; }
.pe-3 { padding-right: var(--sp-3)!important; }
.pe-4 { padding-right: var(--sp-4)!important; }
.pe-5 { padding-right: var(--sp-5)!important; }

.px-0 { padding-left: var(--sp-0)!important; padding-right: var(--sp-0)!important; }
.px-1 { padding-left: var(--sp-1)!important; padding-right: var(--sp-1)!important; }
.px-2 { padding-left: var(--sp-2)!important; padding-right: var(--sp-2)!important; }
.px-3 { padding-left: var(--sp-3)!important; padding-right: var(--sp-3)!important; }
.px-4 { padding-left: var(--sp-4)!important; padding-right: var(--sp-4)!important; }
.px-5 { padding-left: var(--sp-5)!important; padding-right: var(--sp-5)!important; }

.py-0 { padding-top: var(--sp-0)!important; padding-bottom: var(--sp-0)!important; }
.py-1 { padding-top: var(--sp-1)!important; padding-bottom: var(--sp-1)!important; }
.py-2 { padding-top: var(--sp-2)!important; padding-bottom: var(--sp-2)!important; }
.py-3 { padding-top: var(--sp-3)!important; padding-bottom: var(--sp-3)!important; }
.py-4 { padding-top: var(--sp-4)!important; padding-bottom: var(--sp-4)!important; }
.py-5 { padding-top: var(--sp-5)!important; padding-bottom: var(--sp-5)!important; }

/* ====== RESPONSIVE VARIANTS ====== */
@media (min-width: 576px) { [class*="-sm-"] {} }
@media (min-width: 768px) { [class*="-md-"] {} }
@media (min-width: 992px) { [class*="-lg-"] {} }
@media (min-width: 1200px) { [class*="-xl-"] {} }
@media (min-width: 1400px) { [class*="-xxl-"] {} }

/* Example responsive classes */
@media (min-width: 576px) {
.px-sm-3 { padding-left: var(--sp-3)!important; padding-right: var(--sp-3)!important; }
.py-sm-3 { padding-top: var(--sp-3)!important; padding-bottom: var(--sp-3)!important; }
}
@media (min-width: 768px) {
.px-md-4 { padding-left: var(--sp-4)!important; padding-right: var(--sp-4)!important; }
.py-md-4 { padding-top: var(--sp-4)!important; padding-bottom: var(--sp-4)!important; }
}
@media (min-width: 992px) {
.px-lg-5 { padding-left: var(--sp-5)!important; padding-right: var(--sp-5)!important; }
.py-lg-5 { padding-top: var(--sp-5)!important; padding-bottom: var(--sp-5)!important; }
}
@media (min-width: 1200px) {
.px-xl-5 { padding-left: var(--sp-5)!important; padding-right: var(--sp-5)!important; }
.py-xl-5 { padding-top: var(--sp-5)!important; padding-bottom: var(--sp-5)!important; }
}
@media (min-width: 1400px) {
.px-xxl-5 { padding-left: var(--sp-5)!important; padding-right: var(--sp-5)!important; }
.py-xxl-5 { padding-top: var(--sp-5)!important; padding-bottom: var(--sp-5)!important; }
}