<style>




/****masthead**/
#mastheadvideo {
    min-height: 640px;
}

#mastheadvideo:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .5), rgb(0 0 0 / .2), rgb(0 0 0 / 0%));
}

.masthead.leftcontent {
    padding-top: 80px;
    color: white;
    text-shadow: 1px 2px 2px black;
}

ul.catlist {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
}
ul.catlist li {
    display: inline;
    margin-right: 10px;
}

ul.catlist li a{
    color:white;
}

ul.catlist li.featured {
    color:#FFCF00;
}

.leftcontent h2 a {
    font-size: 36px;
    padding-bottom: 0px;
    line-height: 120%;
    color: white;
    font-weight: bold;
}

.masthead p.desc {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
}

.masthead p.date {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
}

/*for json pull articles featured story*/

h4.most-recent{
    font-size: 24px;
    line-height: 120%;
    margin: 0px 0px 15px 0px;
    font-weight: 600;
}

.eventcont {
    background-color:#F6F8FA;
}
.eventcont .event-thumbnail img {
    min-width: 100%;
}
.eventcont .padding-content {
    padding: 30px 30px 30px 0px;
}

p.categories {
    margin: 0px;
}

.eachcategory a{
    text-transform: uppercase;
    color: #D6383A;
    font-size: 18px;
    line-height: 120%;
    font-weight: 600;
}

h3.blogheadtitle a {
padding: 0px;
margin: 15px 0px;    
font-weight: 600;
font-size: 30px;
line-height: 120%;
letter-spacing: 0%;
color:black;
}

p.eventdesc{
margin: 0px;
padding: 0px;    
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: 0%;
}

h6.date{
margin: 15px 0px 0px 0px;
font-weight: 500;
font-size: 16px;
line-height: 120%;
letter-spacing: 0%;

}

/*ads*/
.mylead{
    margin:70px 0px;
}

/*for json pull articles blocks*/
.blog-card {
    background-color: #F6F8FA;
}

h4.blogheadtitle  {
padding: 0px;
margin: 15px 0px;    
font-weight: 600;
font-size: 24px;
line-height: 120%;
letter-spacing: 0%;
color:black;
}

h4.blogheadtitle a {
color:black;
}

.blog-card-padding {
    padding: 30px 15px 30px 15px;
}

.each-blog-card{
    margin-top: 30px;
}

.each-blog-card {
  display: flex;          /* make the column a flex container */
  flex-direction: column; /* stack children vertically */
}

.each-blog-card .blog-card {
  flex: 1 1 auto;         /* fill the height of the parent */
  display: flex;
  flex-direction: column; /* if you want inner content stacked */
  background-color: #f8f9fa; /* example background */
}


/* load more */
a#load-more {
    background-color: #efefef;
    padding: 20px 50px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 120%;
    border-radius: 4px;
    color: #5C6E85;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 210px;
    display: block;
}



/*article content hre */



#news-story-top {
    margin: 70px 0px;
}

p.news-cat {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 120%;
    font-weight: 500;
}

#news-story-top h1 {
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 120%;
    padding: 0px;
}

/*author*/
a.url.fn.n {
    color: black;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}
a.url.fn.n:hover {
    text-decoration: underline;
}

#news-story-top .addtoany_shortcode {
    margin: 30px 30px 0px 30px;
}

#blogheaderimage {
    min-height: 900px;
}


.break-out.interior-photo{
    margin: 50px 0px;
}

.break-out.interior-photo img {
    min-width: 100%;
}


p.caption {
    margin-top: 20px;
    font-size: 16px;
    color: #5C6E85;
    margin-bottom: 0px;
    line-height: 150%;
}

.inline_photocaption, .gallery-caption {
    margin-top: 20px;
    font-size: 16px;
    color: #5C6E85;
    margin-bottom: 0px;
    line-height: 150%;
}

iframe.instagram-media-rendered{
    margin: 50px auto !important;
     text-align: center;
}

.youtubeBLOGpip {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 12%;
}

.story-area, .subtitle {
    font-size: 20px;
    line-height: 32px;
}

.bigimg img{
    min-width: 100%;
}


.tagtitle {
    font-weight: 700;
    line-height: 120%;
    font-size: 18px;
    text-transform: uppercase;    
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.blog-tags {
    padding: 30px 0px 0px 0px;
    border-top: solid;
    border-top-width: 1px;
    text-align: center;
}

.blog-tags .tag {
    padding-bottom: 25px;
    padding-top: 40px;
    border-top: solid;
    border-width: 1px;
    border-color: #b9b9b9;
 }

.blog-tags-container {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

a.blog-tag-button {
    display: inline-flex;
    padding: 5px 10px;
    background-color: #B5BCCE;
    color: black !important;
    text-decoration: none !important;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 17px;
    line-height: 33px;
    font-weight: 600;
}

a.blog-tag-button:hover {
    background-color: #0A145A;
    color: #fff !important;
    text-decoration: none !important;
}


.gallery {
    position: relative;
    width: 99vw;
    left: calc(-1 * (100vw - 141%) / 2);

}
dl.gallery-item {
    width: 40% !important;
    margin-left: 2%;
}

dl.gallery-item:first-child {
    margin-right: 2%;
    margin-left: 0%;
}

/* no borders around dual images */
#gallery-1 img, #gallery-2 img, #gallery-3 img, #gallery-4 img, #gallery-5 img {
                border: none !important;
}


.wpb_video_wrapper .videoWrapper {
    padding: inherit;
    padding-bottom: inherit;
    margin-bottom: inherit;
}


.orangequote {
    padding: 0px 0px 60px 0px;
}

h3.inline-video-title {
    font-weight: 700;
    font-size: 20px;
}

p.inline-video-desc {
    font-size: 18px;
    margin: 0px;
}

p.inline-video-date {
    font-size: 18px;
    margin: 0px 0px 30px;
    color: grey;
    font-weight: 500;
}

.pipe{
    color:#5C6E85;
    display: inline-block;
    padding: 0px 8px;
}

/* related */
h4.relatedstories{
font-weight: 600;
font-style: Medium;
font-size: 24px;
line-height: 120%;
letter-spacing: 0%;
padding: 0px;
margin: 0px;
}

#related-stories-container{
    margin: 90px 0px;
}



/*----------------------------------------------------------------------------------comments */

form#commentform input,form#commentform textarea{
    font-size: 20px;
}

#wdyt {
    margin: 20px 0px 40px 0px;
    font-size: 20px;
    line-height: 150%;
}

p.author {
    font-family: 'PBSSans', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}


#wdyt h4{
font-weight: 700;
font-size: 32px;
line-height: 100%;
letter-spacing: 0%;
padding: 0px;
margin: 0px 0px 10px 0px;
}

#wdyt p{
   font-size: 20px;
   margin-bottom: 15px;
}


.author_photo img {
    border-radius: 100%;
}

p.u-comment-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-top: 40px;
    border-top: solid;
    padding-top: 45px;
    border-top-width: 1px;
    margin-bottom: 15px;
}

p.u-comment-heading a {
    margin-left: 29px;
}

.form-label {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #5C6E85;
}

.commentrow {
    margin-top: 30px;
}

p.comment-disclaimer {
margin-top: 10px;
font-weight: 600;
font-size: 16px;
line-height: 150%;
letter-spacing: 0%;
color: #5C6E85;
}

.comment-list {
    font-size: 18px;
}

ul.children {
    border-left: solid;
    border-left-width: 1px;
    border-left-color:  #5C6E85;
}

h3#reply-title{
    margin-top: 2px;
    font-size: 16px;
}

a.comment-reply-link{
    font-size: 16px;
    font-weight: 600;
}

a.comment-reply-link:focus-visible {
    border-color: inherit;
    background-color: inherit;
    color:  #5C6E85;
    border:none !important;

}

a.comment-reply-link:focus{
    border-color: inherit;
    background-color: inherit;
    color:  #5C6E85;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

a.comment-reply-link:active {
    border-color: inherit !important;
    background-color: inherit !important;
    color:  #5C6E85 !important;
    border:none !important;

}

a.comment-reply-link:hover{
    background-color: inherit;
    color: #2638c4;
}

a#cancel-comment-reply-down:hover {
    text-decoration: none !important;
    cursor: default;
}

p.commenter{
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    margin: 0px 0px 10px 0px;
}

p.comment-date {
    color: #5C6E85;
    FONT-SIZE: 16PX;
    font-weight: 600;
    margin: 0px 0px 15px 0px;
}

.depth-1 {
    margin-top: 40px;
    padding-top: 40px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color:  #5C6E85;
}

ul.comment-list.list-unstyled > li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
    border-top-width: 0px;
}

a.comment-reply-link {
    text-transform: uppercase;
    color:  #5C6E85;
    background-color: inherit;
    border-color: inherit;
    padding: 0px;
    margin: 0px;
    border: none;
}

a#cancel-comment-reply-link {
    color: grey;
}

a#cancel-comment-reply-link:hover {
    color: #2638C4;
}

ul.children li {
    margin: 40px 0px;
}

/**********************************************************************author page */

#author-info{
    margin: 50px 0px;
}

#author-page-photo img{
    padding: 0px 90px;
    border-radius: 200%;
    margin: 0px 0px 0px 0px;
}
h2.author-page-name{
font-weight: Bold;
font-size: 40px;
line-height: 120%;
text-align: center;
margin: 15px 0px 15px 0px;
padding: 0px;
}

p.author-description{
font-size: 18px;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
color:#5C6E85;
margin: 0px 0px 0px 0px;
}

/*******************************menu */

.menu-overlay {
  position: relative;
}

.scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  padding-bottom: 10px;
  /* Hide scrollbar - Webkit */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
   -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.nav-scroll-btn {
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  z-index: 2;
  background: #F7F8FA;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0 10px;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.nav-scroll-btn:hover {
  opacity: 1;
}

.nav-scroll-left {
  left: -30px;
}

.nav-scroll-right {
  right: -30px;
}

#author-page-photo {
    text-align: center !important;
}


@media (min-width: 768px) and (max-width: 1191px) {
  #ondemand-subnav {
  overflow: visible !important;
  white-space: nowrap;
  }

  .nav-scroll-btn {
    display: block;
  }
  
  #ondemand-subnav li {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-right: 15px;
        font-weight: inherit;
  }




}


@media screen and (min-width:991px) and (max-width:1199px) {


}

@media screen and (min-width:768px) and (max-width:992px) {

.eventcont .padding-content {
    padding: 30px 15px;
}

.masthead.leftcontent {
    padding-top: 40px !important;
}

     .nav-scroll-btn {
    display: none;
  }

#blogheaderimage {
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 16 / 9;
    min-height: 300px;
    width: 100%;
}

#wdyt {
    text-align: center;
}

.author_photo{
    margin-bottom: 20px;

}


}

@media screen and (min-width:0px) and (max-width:767px) {

#mastheadvideo{
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain !important;
    }
#mastheadvideo:before{
    background: none;
}

    .masthead.leftcontent {
        padding: 30px 0px;
        color: white;
    }

.eventcont .padding-content {
    padding: 30px 15px;
}


.masthead.leftcontent p.date{
    margin:0px;
}


    #news-story-top {
    margin: 40px 0px;
}

#blogheaderimage {
    min-height: 250px;
}

#blogheaderimage {
    background-size: contain;
    background-repeat: no-repeat;
}
p {font-size: inherit;}

#wdyt {
    text-align: center;
}



.author_photo{
    margin-bottom: 20px;
        min-width: 100%;
}

.inline_photocaption, .gallery-caption {
    margin: 20px 15px 0px 15px;
    font-size: 16px;
    color: #5C6E85;
    line-height: 150%;
}


p.u-comment-heading a {
    display: block;
    margin: 20px 0px;
}

p.eventdesc {
    font-size: 20px;
}


}







/* === Spacing Utilities === */

/* Base (default) */
.pt100 { padding-top: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.mt100 { margin-top: 100px !important; }
.mb100 { margin-bottom: 100px !important; }

.pt70 { padding-top: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.mt70 { margin-top: 70px !important; }
.mb70 { margin-bottom: 70px !important; }

.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }

.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }

/* XL screens (1200px–1399px) */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .pt100 { padding-top: 90px !important; }
    .pb100 { padding-bottom: 90px !important; }
    .mt100 { margin-top: 90px !important; }
    .mb100 { margin-bottom: 90px !important; }

    .pt70 { padding-top: 65px !important; }
    .pb70 { padding-bottom: 65px !important; }
    .mt70 { margin-top: 65px !important; }
    .mb70 { margin-bottom: 65px !important; }

    .pt50 { padding-top: 45px !important; }
    .pb50 { padding-bottom: 45px !important; }
    .mt50 { margin-top: 45px !important; }
    .mb50 { margin-bottom: 45px !important; }

    .pt30 { padding-top: 25px !important; }
    .pb30 { padding-bottom: 25px !important; }
    .mt30 { margin-top: 25px !important; }
    .mb30 { margin-bottom: 25px !important; }
}

/* LG screens (992px–1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .pt100 { padding-top: 80px !important; }
    .pb100 { padding-bottom: 80px !important; }
    .mt100 { margin-top: 80px !important; }
    .mb100 { margin-bottom: 80px !important; }

    .pt70 { padding-top: 60px !important; }
    .pb70 { padding-bottom: 60px !important; }
    .mt70 { margin-top: 60px !important; }
    .mb70 { margin-bottom: 60px !important; }

    .pt50 { padding-top: 40px !important; }
    .pb50 { padding-bottom: 40px !important; }
    .mt50 { margin-top: 40px !important; }
    .mb50 { margin-bottom: 40px !important; }

    .pt30 { padding-top: 20px !important; }
    .pb30 { padding-bottom: 20px !important; }
    .mt30 { margin-top: 20px !important; }
    .mb30 { margin-bottom: 20px !important; }
}

/* MD screens (768px–991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .pt100 { padding-top: 70px !important; }
    .pb100 { padding-bottom: 70px !important; }
    .mt100 { margin-top: 70px !important; }
    .mb100 { margin-bottom: 70px !important; }

    .pt70 { padding-top: 55px !important; }
    .pb70 { padding-bottom: 55px !important; }
    .mt70 { margin-top: 55px !important; }
    .mb70 { margin-bottom: 55px !important; }

    .pt50 { padding-top: 35px !important; }
    .pb50 { padding-bottom: 35px !important; }
    .mt50 { margin-top: 35px !important; }
    .mb50 { margin-bottom: 35px !important; }

    .pt30 { padding-top: 15px !important; }
    .pb30 { padding-bottom: 15px !important; }
    .mt30 { margin-top: 15px !important; }
    .mb30 { margin-bottom: 15px !important; }
}

/* SM screens (576px–767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
    .pt100 { padding-top: 60px !important; }
    .pb100 { padding-bottom: 60px !important; }
    .mt100 { margin-top: 60px !important; }
    .mb100 { margin-bottom: 60px !important; }

    .pt70 { padding-top: 50px !important; }
    .pb70 { padding-bottom: 50px !important; }
    .mt70 { margin-top: 50px !important; }
    .mb70 { margin-bottom: 50px !important; }

    .pt50 { padding-top: 30px !important; }
    .pb50 { padding-bottom: 30px !important; }
    .mt50 { margin-top: 30px !important; }
    .mb50 { margin-bottom: 30px !important; }

    .pt30 { padding-top: 10px !important; }
    .pb30 { padding-bottom: 10px !important; }
    .mt30 { margin-top: 10px !important; }
    .mb30 { margin-bottom: 10px !important; }
}

/* XS screens (0px–575px) */
@media screen and (max-width: 575px) {
    .pt100 { padding-top: 50px !important; }
    .pb100 { padding-bottom: 50px !important; }
    .mt100 { margin-top: 50px !important; }
    .mb100 { margin-bottom: 50px !important; }

    .pt70 { padding-top: 40px !important; }
    .pb70 { padding-bottom: 40px !important; }
    .mt70 { margin-top: 40px !important; }
    .mb70 { margin-bottom: 40px !important; }

    .pt50 { padding-top: 25px !important; }
    .pb50 { padding-bottom: 25px !important; }
    .mt50 { margin-top: 25px !important; }
    .mb50 { margin-bottom: 25px !important; }

    .pt30 { padding-top: 5px !important; }
    .pb30 { padding-bottom: 5px !important; }
    .mt30 { margin-top: 5px !important; }
    .mb30 { margin-bottom: 5px !important; }
}

/******************************end paddings*/
</style>