/*
Theme Name: Understrap Child
Theme URI: https://understrap.com
Template: understrap
Author: Howard Development & Consulting
Author URI: https://howarddc.com
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,block-styles,wide-blocks,editor-style,threaded-comments,accessibility-ready
Version: 1.2.4.1713452813
Updated: 2024-04-18 15:06:53

*/

:root {
    --black: #404040; 
    --darkgrey: #3F3F3F; 
    --lightgrey: #868484; 
    --gold: #C19D35; 
    --white: #ffffff; 
}


@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
@font-face {
    font-family: 'Avenir Roman';
    font-style: normal;
    font-weight: normal;
    src: url('/wp-content/themes/understrap-child/fonts/Avenir-Roman.woff') format('woff')
  }

body {
    font-family: 'Avenir Roman', sans-serif; font-size: 16px;
    color: var(--black);}

h1, .h1 {
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-style: normal; font-weight: 800;
    color: var(--gold); line-height: 1; font-size: 3em; 
    margin-bottom: 3rem;}
h2, .h2           {font-size: 1.5em;}   
h3, .h3           {font-size: 1.1em;}   
     
p                  {font-size: 1em; line-height: 1.65em; margin-bottom: 2em;}
ul li, ol li, .blockquote, 
.wp-block-quote    {font-size: 1em; line-height: 1.5em;}
.blockquote, .wp-block-quote {
    border-left: 1px solid var(--lightgrey); padding-left: 2rem;
}
a                  {color: var(--black); text-decoration: none; transition: 1s ease all}
a:hover, a:focus   {color: var(--lightgrey); text-decoration: none;}
img                {transition: 1s ease all}    
.btn               {background-color: var(--gold); color: var(--white); text-transform: uppercase;}
.btn:hover         {background-color: var(--darkgrey); color: var(--white)}
table, tr, td, th, .table-bordered td, .table-bordered th, 
.wp-block-table table td, .wp-block-table table th  {border: 0 !important}
.table td, .table th, .wp-block-table table td, .wp-block-table table th {
    vertical-align: middle; padding: 1.5rem; width: 100%}
.table-bordered, .wp-block-table table {
    border-top: 1px solid var(--lightgrey) !important; border-bottom: 1px solid var(--lightgrey) !important;
}

@media screen and (min-width: 1025px) {
    h1, .h1       {font-size: 3em; }
    h2, .h2       {font-size: 2.5em;}   
    h3, .h3       {font-size: 1.3em;}  
    p             {font-size: 1.125em;}
    ul li, ol li, .blockquote, 
    .wp-block-quote    {font-size: 1.2em; line-height: 1.5em;}
    .table td, .table th, .wp-block-table table td, .wp-block-table table th {
        width: auto}
}

/* Images */
#secondary img, article img, figure, img, img.wp-post-image {width: 100%;}
.wp-block-essential-blocks-image-gallery {margin-bottom: 3rem;}

/* Layouts */
:where(.wp-block-columns) {margin-bottom: 1rem;}
.wrapper, figure    {padding: 0;}
figure              {margin: 0 0 .5em;}
body.understrap-no-sidebar .alignwide, body.understrap-no-sidebar .wp-block-cover.alignwide {
    max-width: calc(100% - 2em); margin: 0 auto}
:where(.wp-block-columns.is-layout-flex) {gap: 5px}
h1.pageHeading      {margin-bottom: 1rem;}
h2.subheading       {margin-bottom: 5rem}
h2.subheading2      {
    font-size: 2em; font-family: "Bodoni Moda", serif; color: var(--gold); background-color: var(--white); 
    display: flex; position: relative; margin-bottom: 1rem; }
h2.subheading2::after {
    display: block; content: ''; 
    border-bottom: 2px solid var(--gold);  margin: 0 0 .55rem 1rem; flex: 1 0 20px;
}
h2.servicesCol      {font-size: 1.35em;}

@media screen and (min-width: 1025px) {
    h2.servicesCol      {font-size: 1.65em;}
    h2.subheading2      {margin-bottom: 3rem;}
}

/* Spacing */
.pr-5, .pr-6,.pr-7  {padding-right: 1em}

@media screen and (min-width: 1025px) {
    .pr-5           {padding-right: 5em}
    .pr-6           {padding-right: 6em}
    .pr-7           {padding-right: 7em}
}

/* Header */
.wrapper-navbar {background-color: var(--white);}
.navbar-light .navbar-brand img {max-height: 3rem;}
.navbar-light .navbar-nav .nav-link {
    color: var(--darkgrey); text-transform: uppercase; letter-spacing: 2px; font-size: .8em; padding: 0 1em;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, 
.current-menu-item a {
    color: var(--gold) !important}   
.navbar-light .navbar-toggler {border: 0}
.navbar-collapse    {text-align: right; border-bottom: 1px solid var(--darkgrey); padding-bottom: 1rem;}
.sticky {
    position: fixed; top: 0; width: 100%; z-index: 9999;
    background: var(--white); min-height: 4rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px -1px, rgba(0, 0, 0, 0.1) 0px 1px 5px -1px;}

@media screen and (min-width: 769px) {
    .navbar-collapse {border-bottom: 0;}
} 
@media screen and (min-width: 1025px) {
    .navbar-light .navbar-brand img {max-height: 6rem;}
    .sticky .navbar-light .navbar-brand img {max-height: 3rem;}
}    

/* Footer */
#wrapper-footer-full, #wrapper-static-hero {
    background-color: var(--black);}
#wrapper-footer-full .footer-widget {
    padding-top: 2em; max-width: calc(100% - 50px); margin: auto}
#footer-full-content h3 {
    color: var(--gold); font-family: "Bodoni Moda", serif;}
#footer-full-content p, #footer-full-content p a {
    color: var(--white);}
#footer-full-content p a:hover, #footer-full-content p a:focus {
    color: var(--lightgrey); text-decoration: none;}   
#wrapper-footer-full p {margin-bottom: 0}
.site-footer        {border-top: 1px solid var(--lightgrey); padding: 1em 0;}
.site-info          {text-transform: uppercase; color: var(--lightgrey);}
#menu-policies      {list-style: none; margin-left: 0; padding-left: 0; margin-top: 1rem}
#menu-policies li   {padding: 0 1rem 0 0; font-size: 1em;}
.copyrightLinks, .copyrightText {padding: 0; font-size: .8em;}

@media screen and (min-width: 769px) {
    .site-info, .copyrightLinks, #menu-policies {display: inline-flex}
    #menu-policies {margin-top: 0}
    #menu-policies li   {padding: 0 1rem}
    .copyrightLinks, .copyrightText {padding: 0; font-size: 1em;}
}
@media screen and (min-width: 1440px) {
    .footerContacts {max-width: 80%; margin-left: auto; margin-right: auto;}
}
.eb-social-links-rh6j1.eb-social-links-wrapper ul.eb-socials {column-gap:0px !important;}

/* Breadcrumbs */
.breadcrumb {
    background-color: var(--white); border-bottom: 1px solid var(--darkgrey);
    padding: .5em 1em; margin: 4em 0; text-transform: uppercase;
    list-style: none; color: var(--lightgrey); display: inline-block;}
.breadcrumb a       {color: var(--darkgrey); text-decoration: none;}
.breadcrumb a:hover {color: var(--gold);}

@media screen and (min-width: 769px) {
    .breadcrumb {margin: 2em 0 2em}
}

/* Pages: Home */
.homeSlider .eb-slider-wrapper .slick-prev i, .homeSlider .eb-slider-wrapper .slick-next i {
    content: ''; width: 3em; height: 3em; 
}
.homeSlider .eb-slider-wrapper .slick-prev {left: 1% !important}
.homeSlider .eb-slider-wrapper .slick-next {right: 2% !important}
.homeSlider .eb-slider-wrapper .slick-prev i {
    background: url('/wp-content/themes/understrap-child/images/icon-arrowleft-white.svg');
    background-repeat: no-repeat; background-size: 60% 60%;
}
.homeSlider .eb-slider-wrapper .slick-next i {
    background: url('/wp-content/themes/understrap-child/images/icon-arrowright-white.svg');
    background-repeat: no-repeat; background-size: 60% 60%;
}
.homeSlider .eb-slider-wrapper .slick-prev i::before, .homeSlider .eb-slider-wrapper .slick-next i::before {
    content: none
}
    
/* Pages: Services */
.servicesList       {text-transform: normal; padding-left: 1em}
.popupImg:hover img {cursor: pointer; opacity: .8;}
.eb-popup-overlay   {background: rgba(255,255,255,.65) !important}
.eb-popup-content   {width: 90vw !important; padding: 1em !important;} 
.eb-slider-content .eb-slider-title {
    text-transform: uppercase; font-size: 1.2em} 
.eb-slider-content .eb-slider-subtitle {
    border-bottom: 2px solid var(--gold); padding-bottom: 1rem; width: 100%; text-align: left; font-size: 1em !important;}
.eb-slider-type-content .eb-slider-item {padding: 8rem 0 4rem;}
.eb-slider-type-content .eb-slider-item .eb-slider-button-wrapper {
    position: absolute; bottom: -.5em; left: 0; right: 0; width: 100%; text-align: center;}
.eb-slider-type-content .eb-slider-item .eb-slider-content .eb-slider-button {
    background-color: transparent !important; color: var(--gold) !important; pointer-events: none; font-size: 1rem !important;}  
.eb-slider-type-content .eb-slider-item .eb-slider-content {
    justify-content: start !important; align-items: flex-start; background-color: transparent !important;}
.eb-popup-content-editor, .eb-popup-content {
    background-color: var(--white) !important;}
.eb-popup-close-icon {top: 2em !important; right: 1em !important; color: var(--gold) !important}
.eb-popup-close-icon .dashicons {font-size: 4em;}
.eb-popup-close-icon .dashicons-no-alt:before {
    content: ''; 
    background: url('/wp-content/themes/understrap-child/images/icon-close.svg'); 
    background-size: contain; background-repeat: no-repeat;
    display: block; height: 1.5rem; width: 1.5rem;}
.services .wp-block-image img {width: 100%;}
.services .eb-slider-wrapper .slick-prev, .services .eb-slider-wrapper .slick-next {top: 91%}
.services .eb-slider-wrapper .slick-prev {left: 10% !important}
.services .eb-slider-wrapper .slick-next {right: 25% !important}
.services .eb-slider-wrapper .slick-prev i, .services .eb-slider-wrapper .slick-next i {
    content: ''; width: 160px; height: 20px;
}
.services .eb-slider-wrapper .slick-prev i {
    background: url('/wp-content/themes/understrap-child/images/icon-arrowleft.svg');
    background-repeat: no-repeat; background-size: 50%;
}
.services .eb-slider-wrapper .slick-next i {
    background: url('/wp-content/themes/understrap-child/images/icon-arrowright.svg');
    background-repeat: no-repeat; background-size: 50%;
}
.services .eb-slider-wrapper .slick-prev i::before, .services .eb-slider-wrapper .slick-next i::before {
    content: none
}

@media screen and (min-width: 700px) {
    .services .eb-slider-wrapper .slick-prev, .services .eb-slider-wrapper .slick-next {top: 94%}
}

@media screen and (min-width: 1025px) {
    .servicesBlock      {padding: 1em 2em; margin-bottom: 3em;} 
    .eb-popup-content   {padding: 4em 3em 0 !important;} 
    .eb-slider-type-content .eb-slider-item {padding: 10rem 0 4rem;}
    .eb-slider-content .eb-slider-title {font-size: 2.5em} 
    .eb-slider-content .eb-slider-subtitle {font-size: 1.6em !important;}
    .services .eb-slider-wrapper .slick-prev {left: 30% !important}
    .services .eb-slider-wrapper .slick-next {right: 42% !important} 
    .services .eb-slider-wrapper .slick-prev, .services .eb-slider-wrapper .slick-next {top: 95%}
    .services .eb-slider-wrapper .slick-prev i, .services .eb-slider-wrapper .slick-next i {
        content: ''; width: 7em; height: 3em; background-size: 75%;
    }
    .eb-slider-type-content .eb-slider-item .eb-slider-content .eb-slider-button {font-size: 1.3rem !important;} 
    .eb-popup-close-icon {top: 5em !important; right: 4em !important;}
    .eb-popup-close-icon .dashicons-no-alt:before {height: 2rem; width: 4rem;}
}
@media screen and (min-width: 1200px) {
    .eb-slider-type-content .eb-slider-item .eb-slider-button-wrapper {bottom: -1em}
    .services .eb-slider-wrapper .slick-prev i, .services .eb-slider-wrapper .slick-next i {
        background-size: 100%
    }
    .services .eb-slider-wrapper .slick-prev, .services .eb-slider-wrapper .slick-next {top: 96.5%}
}
@media screen and (min-width: 2000px) {
    .eb-slider-type-content .eb-slider-item .eb-slider-button-wrapper {bottom: 1em}
}

/* Pages: Clients */
.containerImg       {position: relative}
.overlay {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    height: 97%; width: 100%; transition: .5s ease;
    background-color: rgba(0,0,0,.5); cursor: pointer;
}
.containerImg:hover .overlay {opacity: 1}
.overlayText {
    color: var(--white);  font-size: 1em; 
    position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; text-transform: uppercase;
}
@media screen and (min-width: 769px) {
    .overlay {opacity: 0;}
}

  /* Pages: Contact */
.contactList p      {margin-bottom: 1.5rem; line-height: 1.5em;}
.contactList .contactPhone img {max-height: 2.5rem;}
.contactList .contactMobile img {max-height: 3.5rem;}
.contactList .contactEmail img   {max-height: 1.5rem;}
.contactEmail       {border-bottom: 1px solid var(--gold); margin-bottom: 1.5rem;}
.contactEmail .wp-block-column, .contactPhone .wp-block-column,
.contactMobile .wp-block-column {padding: 0;}


@media screen and (min-width: 1025px) {
    .contactList    {margin-right: 3% !important;}
    .contactList h3 {font-size: 1.9em;}
    .contactList .contactPhone img {max-height: 3rem;}
    .contactList .contactMobile img {max-height: 5rem;}
    .contactList .contactEmail img   {max-height: 2.5rem;}
}
@media screen and (min-width: 1200px) {
    .contactList    {margin-right: 3% !important; max-width: 50%;}
}
@media screen and (min-width: 1400px) {
    .contactList    {margin-right: 3% !important; max-width: 35%;}
}

  /* Pages: News */
.entry-content      {position: relative; padding-top: 2rem; overflow: hidden;}
.eb-post-grid-wrapper.style-4 .ebpg-grid-post-holder .ebpg-entry-wrapper .ebpg-entry-meta.ebpg-header-meta {
    order: 2 !important}
.eb-post-grid-wrapper .ebpg-entry-content {order: 3}
.eb-tabs-nav        {border-top: 1px solid var(--darkgrey); border-bottom: 1px solid var(--darkgrey); 
    font-family: "Bodoni Moda", serif; height: 7.55em; margin: 1rem 0}
.ebpg-entry-title a {
    font-family: "Bodoni Moda", serif; color: var(--gold) !important; font-size: 1.5em !important;}
.ebpg-entry-title a:hover, .ebpg-posted-on {color: var(--darkgrey) !important;}
.ebpg-posted-on     {text-transform: uppercase; font-size: 1.1em !important;}
.ebpg-readmore-btn a {
    background-color: var(--gold) !important; color: var(--white) !important; padding: .5rem 1rem !important; 
    text-transform: uppercase;}
.ebpg-readmore-btn a:hover {background-color: var(--darkgrey) !important;}
.postFeatured .ebpg-entry-wrapper             {align-self: center}
.ebpg-header-meta .ebpg-entry-meta-items > *  {width: 100%; font-size: 1.1em !important; margin: .25rem 0}
.ebpg-header-meta .ebpg-entry-meta-items a    {font-size: 1.1em !important;}
.postFeatured .ebpg-readmore-btn              {margin-left: 1em;}
.ebpg-posted-by, .ebpg-posted-by a            {color: var(--darkgrey) !important}
.ebpg-posted-by a:hover                       {color: var(--gold) !important}
.ebpg-grid-post-excerpt p                     {font-size: 1em !important; color: var(--darkgrey);}
.ebpg-post-grid-column                        {border: 0 !important}
.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles {
    float: none; position: absolute; display: block !important;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li {margin: 0 .5rem; padding: .5rem .75rem;}
.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li:hover, .eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li.active {
    background-color: var(--black); color: var(--white);
}
.eb-post-grid-wrapper.style-4 .ebpg-grid-post-holder {display: block !important;}
.eb-post-grid-wrapper.eb-post-grid-7w6po.style-4 .ebpg-grid-post-holder .ebpg-entry-media, 
.eb-post-grid-wrapper.eb-post-grid-7w6po.style-4 .ebpg-grid-post-holder .ebpg-entry-wrapper {width: 100% !important}
h1.entry-title        {font-size: 2.5rem; max-width: 90%;}
.featuredImg          {margin-bottom: 6rem; position: relative}
.featuredImg img      {width: 100%;}
.btnBack              {position: absolute; left: 2em; top: 1em;}
.btnBack a            {padding: .5em 2em;}  
.post-navigation      {display: none;}
.sfsi_shortcode_container {position: absolute; left: 0; top: 0}
.sfsi_shortcode_container .norm_row {display: inline-flex;}
.sfsi_widget .sfsi_wDiv .sfsi_wicons .inerCnt a, .sfsi_widget .sfsi_wDiv .sfsi_wicons .inerCnt a.sficn {
    background-color: #000;
}
.single .wp-block-columns {padding: 0 2rem 2rem; gap: 1rem}
.simplesocialbuttons-float-right-center .ssb-hide-floating-bar {display: none !important;}
div.simplesocialbuttons.simplesocialbuttons-float-right-center {right: 3% !important; top: 57% !important}
div[class*=simplesocialbuttons-float], body.woocommerce div[class*=simplesocialbuttons-float] {
    position: absolute !important; z-index: 10 !important}
.simplesocialbuttons.simplesocial-round-icon button {
    background-color: var(--white) !important; border: 0; border-radius: 0; color: var(--darkgrey) !important}
.simplesocialbuttons.simplesocial-round-icon button:hover {
    background-color: var(--gold) !important; color: var(--white) !important}

.related                {margin: 2em 0 1em}
.related h4             {padding:.5em}
.related h4 a {
    font-size: .9em; font-family: "Bodoni Moda", serif; color: var(--gold); line-height: 1;
}
.related h4 a:hover     {color: var(--darkgrey);}

.related .col-md-4      {position: relative}
.relatedImg             {display: block; width: 100%; height: auto; position: relative}
.relatedOverlay {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    height: 100%; width: 100%; opacity: 0;
    transition: .5s ease; background-color: rgba(0,0,0,.5);
}
.related .col-md-4:hover .relatedOverlay {opacity: 1}

.latest-post-selection h3 a         {font-family: "Bodoni Moda", serif;}
.latest-post-selection h3 a:hover, 
.latest-post-selection .article__info:hover h3 a {color: var(--darkgrey) !important; margin-bottom: .5rem !important;}
.latest-post-selection .item-date   {font-style: normal !important; text-transform: uppercase;}
.latest-post-selection .read-more   {
    background-color: var(--gold) !important;
    color: var(--white) !important; text-align: center; font-size: 13px;
    padding: .5rem 1rem !important; margin-bottom: .5rem !important;
    text-transform: uppercase; max-width: 7rem;}
.latest-post-selection .article__info:hover .read-more,
.latest-post-selection .read-more:hover {background-color: var(--darkgrey) !important;}
.latest-post-selection.ver2 .article__info {padding: var(--article-padding) 0 !important; position: relative}
.latest-post-selection.pages li a   {
    background-color: var(--black); color: var(--white); padding: 5px 10px; font-size: 14px;
    text-transform: uppercase;
}
.article__image_wrap                {position: relative;}
.article__image_wrap .overlay       {opacity: 0; height: 100%}
.article__image_wrap:hover .overlay {opacity: 1}

@media screen and (min-width: 768px) {
    .entry-content      {padding-top: 0}
    .eb-tabs-nav        {height: 2.85em; margin: 2rem 0;}
    .ebpg-grid-post-excerpt p {font-size: 1.1em !important}
    .eb-tabs-nav        {margin: 0}
    .eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles {display: flex !important}
    .eb-post-grid-wrapper.style-4 .ebpg-grid-post-holder {display: flex !important;}
    .eb-post-grid-wrapper.eb-post-grid-7w6po.style-4 .ebpg-grid-post-holder .ebpg-entry-media, 
    .eb-post-grid-wrapper.eb-post-grid-7w6po.style-4 .ebpg-grid-post-holder .ebpg-entry-wrapper {width: 50% !important}
    .btnBack            {left: 0; top: 3em;}
    .single .wp-block-columns {gap: 2rem}
    .sfsi_shortcode_container {position: absolute; right: -3em; top: -.25em}
    .sfsi_shortcode_container .norm_row {display: block; float: right;}
    .related            {margin: 2em 0}
    div.simplesocialbuttons.simplesocialbuttons-float-right-center {right: 30% !important; top: 57% !important}
}

/* Pages: General */
.pageContent            {max-width: 80% !important; margin: 3rem auto}

/* Post Archives */
.archive .wp-block-columns {flex-wrap: wrap !important;}
.archive article        {margin-bottom: 2rem;}
.archive .btnBack, .archive div.simplesocialbuttons {display: none;}
.archive .page-title    {text-transform: lowercase;}
.archive .category-title {
    font-family: "Bodoni Moda", serif;
    font-size: 1.7rem !important;
    padding: 1rem 0 0;
}
.archive .category-title a {color: var(--gold) !important;}
.archive .category-title a:hover {color: var(--darkgrey) !important;}
.archive .entry-meta    {padding-bottom: 1rem; text-transform: uppercase;}
.archive .widget h3, 
.single .widget h3      {
    font-family: "Bodoni Moda", serif;
    font-size: 1.4rem !important;
    color: var(--gold);
}
.archive .widget ul,
.single .widget ul      {list-style: none; padding: 0;}
.archive .pagination    {justify-content: center;}
.archive .page-item.active .page-link {
    background-color: var(--gold);  border-color: var(--gold);
}
.archive .page-link     {color: var(--gold);  border: 0}
.archive .page-link:hover {background-color: var(--darkgrey); color: var(--white);}
.archive .widget_categories {margin-bottom: 2rem;}
#right-sidebar {padding-top:5%}