/***********************************
************** Global
***********************************/





/* Breadcrumbs */
#blog-breadcrumbs {background: #F2F1F1;padding: 3vh 0;}
#blog-breadcrumbs .inner {display: flex;color: #C4AD3D;font-weight: 700;gap: 26px;}
#blog-breadcrumbs .inner .blog-home {position: relative;}
#blog-breadcrumbs .inner .blog-home::after {content:"";background: #A2A2A2;width: 1px;height: 120%;position: absolute;right: -13px;top: -10%;}
#blog-breadcrumbs .inner .blog-home a {color: #000;}
#blog-breadcrumbs .inner .category { font-weight:500;}
#blog-breadcrumbs .inner .article-current { position:relative; }
#blog-breadcrumbs .inner .article-current .icon {position: absolute;left: -13px;color: #3C3330;font-size: 14px;top: 50%;transform: translateY(-50%); display: none;}
#blog-breadcrumbs .inner .category + .article-current .icon { display: block; }

/* Reading Progress Bar */
#reading-progress-bar { position: fixed; top: -10px; left: 0; width: 100%; height: 5px; z-index: 2000; transition:top 0.5s ease; }
#reading-progress-bar .inner { background:#C4AD3D; width:100%;height:100%;   }
#reading-progress-bar.shown { top: 0; }


/* Search Bar */
#search-bar-banner {background: #F7F7F7;width: 90%;margin: 2vh auto;padding: 4vh 2vh;}
#search-bar-banner .inner { }
#search-bar-banner .inner .bar-cols {display:flex; gap:15px;}
#search-bar-banner .inner .bar-cols .bar-col {flex: 1;position: relative;}
#search-bar-banner .inner .bar-cols .bar-col:not(.bar-col-search)::after {content:'\f105';display: inline-block;pointer-events: none; font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;top: 50%;right: 15px;position: absolute;color: #c4ad3d;transform: translateY(-50%) rotate(90deg);font-size: 24px;}
#search-bar-banner .inner .bar-cols .bar-col-search { flex:1.5; }
#search-bar-banner select {width: 100%; cursor:pointer;	height: 100%;border: 1px solid rgb(119 119 119 / 50%);color: #2C2C2C;-webkit-appearance: none;appearance: none; }
#search-bar-banner .search-form {display: flex;position: relative;}
#search-bar-banner .search-form input#search {flex: 2;border: 1px solid rgb(119 119 119 / 50%);padding-left: 35px;color: #2C2C2C;}
#search-bar-banner .search-form input#search::placeholder {  color:#2C2C2C;  opacity: 1; }
#search-bar-banner .search-form input#search:-ms-input-placeholder { color:#2C2C2C;}
#search-bar-banner .search-form input#search ::-ms-input-placeholder {  color:#2C2C2C; }
#search-bar-banner .search-form input.btn-search {letter-spacing: 1px;text-transform: capitalize;flex: 0 0 130px;}
#search-bar-banner .search-form .search-icon {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: #C4AD3D;}



/* Gazette promo */
#gazette-sidebar-callout {background-image: url(/wp-content/uploads/2023/04/gazette-promo-bg-1.png);background-repeat: repeat-x;background-position: top center;border: 1px solid #CECECE;padding: 30px;position: relative;z-index: 1;max-width: 500px;margin: 0 auto;}
#gazette-sidebar-callout .inner { }
#gazette-sidebar-callout .logo { margin: 0 0 1vh;}
#gazette-sidebar-callout .logo img {max-width: 140px;display: block;margin: 0 auto;}
#gazette-sidebar-callout .promo-image {transition: all 0.3s ease;text-align: center;}
#gazette-sidebar-callout h3 {font-family: 'Lora', serif;font-size: 26px;text-align: center;margin: 2vh 0;}
#gazette-sidebar-callout .cta {text-align: center;margin: 0 0 2vh;position: relative;z-index: 13;}
#gazette-sidebar-callout .cta a {padding: 15px 30px!important;}
#gazette-sidebar-callout .as-seen {display: flex;align-items: center;color: #C7AE02;justify-content: center;text-transform: uppercase;font-weight: 700;font-size: 16px;gap: 12px;}
#gazette-sidebar-callout .as-seen p { margin:0; }
#gazette-sidebar-callout:hover .promo-image  {transform: scale(1.05);}
#gazette-sidebar-callout .cta a:hover { background:#C7AE02!important; }
#gazette-sidebar-callout .cover { position: absolute;top: 0;left: 0;width: 100%;z-index: 5;height: 100%;cursor: pointer;}


#cost-calculator-sidebar-callout {background: #0A2D4F;color: #fff;text-align: center;}
#cost-calculator-sidebar-callout .inner {padding: 40px 30px;}
#cost-calculator-sidebar-callout .icon {margin: 0 0 3vh;}
#cost-calculator-sidebar-callout h3 {font-family: 'Lora', serif;font-weight: 400;font-size: 2.8rem;line-height: 1.3em;margin: 0 auto 1vh;max-width: 250px;}
#cost-calculator-sidebar-callout h4 {color: #C4AD3D;text-transform: uppercase;font-size: 17px;letter-spacing: 1px;font-weight: 700;padding: 0;margin: 0 0 0.5vh;}
#cost-calculator-sidebar-callout p {margin: 0 0 2vh;}
#cost-calculator-sidebar-callout .btn-primary {padding: 15px!important;display: block;width: 100%;}


/* Blog Section  */
.blog-loop-section { }
.blog-loop-section .blog-loop-section-header {border-bottom: 1px solid #707070;padding: 3vh 0;margin: 0 0 3vh;}
.blog-loop-section .blog-loop-section-header h2 {font-family: 'Lora', serif;font-size: 3.4rem;text-align: center;}
.blog-loop-section .cols {display: flex;}
.blog-loop-section.with-sidebar .cols {gap: 80px;}
.blog-loop-section.with-sidebar .col-main {flex: 2;}
.blog-loop-section.with-sidebar .col-sidebar {flex: 1;}

.blog-loop-section .col-sidebar {display: flex;flex-flow: column;gap: 50px;}
.blog-loop-section .col-sidebar .widget { }
.blog-loop-section .col-sidebar article {display: flex;flex-flow: column;}
.blog-loop-section .col-sidebar article .image {overflow:hidden;margin: 0 0 1vh;}
.blog-loop-section .col-sidebar article .image img {display: block;transition: all 0.3s ease;width: 100%;}
.blog-loop-section .col-sidebar article .copy h3 {font-family: 'Lora', serif;font-size: 2.5rem;}
.blog-loop-section .col-sidebar article .copy h3 a:hover { color: #C4AD3D; }
.blog-loop-section .col-sidebar article .copy .author-meta .by {font-weight: 700;}
.blog-loop-section .col-sidebar article .copy .author-meta .author-link {font-weight: 700;}
.blog-loop-section .col-sidebar article .cover-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blog-loop-section .col-sidebar article .image a:hover img { transform:scale(1.05); }
.blog-loop-section .col-sidebar article .author-meta {  }


/* Editors Pick */
.editor-picks {border: 4px solid #C4AD3D;padding: 0vh 3vh;     margin-top: 2vh;}
.editor-picks .editor-picks-header {margin: 0;color: #C4AD3D;font-size: 2rem;text-transform: uppercase;font-weight: 700;text-align: center;background: #fff;transform: translateY(-50%);display: block;margin: 0 auto;max-width: 200px;}
.editor-picks .editor-picks-roll {padding: 1vh 0;}
.editor-picks .editor-picks-roll article {text-align: center;padding: 1vh 0 2vh;}
.editor-picks .editor-picks-roll article .image {margin: 0 0 1.5vh;}
.editor-picks .editor-picks-roll article .image img { }
.editor-picks .editor-picks-roll article .copy {position: relative;}
.editor-picks .editor-picks-roll article .copy h3 {font-family: 'Lora', serif;font-size: 2.1rem;max-width: 85%;margin: 0 auto;}
.editor-picks .editor-picks-roll article .post-badges { position: absolute;top: 0;left: 50%;transform: translateX(-50%) translateY(-34px);}
.editor-picks .editor-picks-roll article .post-badge {display: inline-block;text-transform: uppercase;font-weight: 700;font-size: 12px;line-height: 1em;padding: 10px 15px;margin: 0;letter-spacing: 1px; }
.editor-picks .editor-picks-roll article .post-badge.post-badge-tending {background: #C4AD3D;color: #fff;}

/* Authors Loop Banner */
.blog-authors-banner { background: #193B57; color: #fff; padding: 8vh; }
.blog-authors-banner .headline {text-align: center;font-size: 20px;}
.blog-authors-banner .headline h3 {font-family: 'Lora', serif;font-size: 3.5rem;}
.blog-authors-banner .authors-loop {display: flex;padding: 3vh 0 0;}
.blog-authors-banner .authors-loop .author-item {flex: 0 0 25%;position: relative;transition: all 0.3s ease;}
.blog-authors-banner .authors-loop .author-item .image {height: 300px;background-position: center;background-repeat: no-repeat;background-size: cover;margin: 0 0 1vh;}
.blog-authors-banner .authors-loop .author-item .author-info { }
.blog-authors-banner .authors-loop .author-item .author-info .author-name {font-size: 20px;font-weight: 700;margin: 0;}
.blog-authors-banner .authors-loop .author-item .author-info .author-title { }
.blog-authors-banner .authors-loop .author-item .cover-link {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.blog-authors-banner .authors-loop .author-item:hover {transform: translateY(-10px);}

/* Blog Roll Base */
.blog-roll {  }
.blog-roll article {display: flex;}
.blog-roll article .image {overflow:hidden;position: relative;}
.blog-roll article .image img {display: block;transition: all 0.3s ease; }
.blog-roll article .copy h3 {font-family: 'Lora', serif;font-size: 2.5rem;     margin: 0 0 15px;}
.blog-roll article .copy .excerpt {  }
.blog-roll article .copy .post-badges {  }
.blog-roll article .copy .post-badges .post-badge {display: inline-block;text-transform: uppercase;font-weight: 700;font-size: 12px;line-height: 1em;padding: 10px 15px;margin: 0 0 10px;letter-spacing: 1px;}
.blog-roll article .copy .post-badges .post-badge.post-badge-tending {background: #C4AD3D;color: #fff;}
.blog-roll article .cover-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blog-roll article .image a:hover img { transform:scale(1.05); }
.blog-roll article .copy h3 a:hover { color:#C4AD3D; }

/* Blog Roll - List  */
.blog-roll-list { }
.blog-roll-list article {position:relative;padding: 2vh 0;align-items: center;gap: 20px;}
.blog-roll-list article .image {flex: 1;}
.blog-roll-list article .copy {flex: 2;}
.blog-roll-list article .copy .excerpt {display: none;}
.blog-roll-list article .author {font-size: 17px;}
.blog-roll-list article .author .by {font-weight: 700;}
.blog-roll-list article .author .author-name {font-weight: 700;}
.blog-roll-list article .author .author-title {   }

.blog-roll-list article .read-more {display:none;}

/* Blog Roll - Grid  */
.blog-roll-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 20px;grid-row-gap:30px;}
.blog-roll-grid .blog-roll { }
.blog-roll-grid article {flex-flow: column;overflow: hidden;}
.blog-roll-grid article .image-wrapper { margin:0 0 1vh; overflow: hidden; }
.blog-roll-grid article .image {height: 250px;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 0.3s ease;}
.blog-roll-grid article .image img {display: block;width: 100%;height: 100%;opacity: 0;}
.blog-roll-grid article .copy h3 {font-size: 2.5rem;}
.blog-roll-grid article .copy h3 a:hover { color:#C4AD3D;  }
.blog-roll-grid article .image:hover {transform: scale(1.05); }
.blog-roll-grid article .author {font-size: 18px;}
.blog-roll-grid article .author .by { font-weight:700;}
.blog-roll-grid article .author .author-name { font-weight:700; }


/* Newsletter Signup  */
.blog-signup-banner {background: #CBEAED;color: #224450;padding: 8vh 0 7vh;}
.blog-signup-banner .headline {text-align: center;margin: 0 auto 3vh;max-width: 760px;font-size: 22px;}
.blog-signup-banner .headline h3 {font-family: 'Lora', serif;font-size: 3.4rem;text-align: center;text-transform: capitalize;}
.blog-signup-banner .form-wrap .gform_fields {gap: 20px;}
.blog-signup-banner .form-wrap .gfield {margin:0!important; }
.blog-signup-banner .form-wrap .gform_footer {padding-bottom: 0;}
.blog-signup-banner .form-wrap .gform_footer .gform_button {border-color:#06B1BF; margin-bottom:0;    letter-spacing: 1px; }


/* Pagination */
.blog-loop-section .pagination {padding: 3vh 0;}
.blog-loop-section .pagination a {background-color: #06B1BF;color: #fff!important;font-size: 18px;padding: 10px 10px;border: 1px solid #06B1BF;    margin: 5px 2px;}
.blog-loop-section .pagination a:hover { background-color: #0B8791; }
.blog-loop-section .pagination .current {font-size: 18px;padding: 10px 10px;border: none;color: #5e5e5e;border: 1px solid #e5e5e5;}
.blog-loop-section .pagination .dots {font-size: 18px;padding: 10px 10px; border:none; }



/***********************************
************** Index Page
***********************************/



/* Index Hero */
#blog-home-hero {    background-image: url(/wp-content/uploads/2023/12/blog-home-hero-bg.jpg);color: #fff;padding: 8vh 0 15vh;}
#blog-home-hero .col-info {   }
#blog-home-hero .col-info h1 {font-family: 'Lora', serif;font-size: 3.8rem;max-width: 470px;}
#blog-home-hero .col-info ul {margin: 0;padding: 0 0 0 30px;font-size: 20px;}

#blog-home-hero-links {background: #CBEAED;height: 90px;}
#blog-home-hero-links .inner {display: flex;gap: 25px;transform: translateY(-60%);}
#blog-home-hero-links .inner .item {flex: 1;background: #fff;text-align: center;padding: 15px;position: relative;transition: all 0.3s ease;display: flex;flex-flow: column;justify-content: center;}
#blog-home-hero-links .inner .item .image {margin: 0 0 10px;}
#blog-home-hero-links .inner .item .image svg {max-height: 80px;}
#blog-home-hero-links .inner .item h4 {font-size: 1.8rem;font-weight: 700;margin: 0;}
#blog-home-hero-links .inner .item .cover-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#blog-home-hero-links .inner .item:hover { transform: translateY(-10px); }



/* Index Main Loop */
.blog-loop-section-index {padding: 4vh 0;}
.blog-loop-section-index .blog-roll {display: grid;grid-template-columns: repeat(2, auto);grid-template-rows: repeat(3, auto);align-items: flex-start;/* gap: 20px; */grid-column-gap: 20px;}
.blog-loop-section-index .blog-roll article {align-items: stretch;height: 100%;}
.blog-loop-section-index .blog-roll article h3 {font-size: 1.9rem;margin: 0 0 15px;}
.blog-loop-section-index .blog-roll article h3 a:hover { color:#C4AD3D;  }
.blog-loop-section-index .blog-roll article .image {flex: 0 0 135px;height: 125px;}
.blog-loop-section-index .blog-roll article .image img {height: 100%;max-width: none;width: auto;position: absolute;left: 50%;transform: translateX(-50%);}
.blog-loop-section-index .blog-roll article .image a:hover img { transform: translateX(-50%) scale(1.05); }
.blog-loop-section-index .blog-roll article .copy {display: flex;flex-flow: column;justify-content: center;}
.blog-loop-section-index .blog-roll article[data-loop-index="1"] {grid-column: 1 / 3;grid-row: 1;flex-flow: column;display: block;padding-top: 0;padding-bottom: 3vh;}
.blog-loop-section-index .blog-roll article[data-loop-index="1"] .image {margin: 0 0 2vh;height: auto;/* flex: 1; */display: block; }
.blog-loop-section-index .blog-roll article[data-loop-index="1"] .image img {position:static;transform: none;width: 100%;}
.blog-loop-section-index .blog-roll article[data-loop-index="1"] .image:hover img { transform:scale(1.05); }
.blog-loop-section-index .blog-roll article[data-loop-index="1"] h3 {font-size: 2.5rem;max-width: 600px;}
.blog-loop-section-index .blog-roll article[data-loop-index="1"] .author { font-size:18px;}



/* Index Community Loop */
.blog-loop-section-index-spotlights {padding: 0 0 6vh;}



/***********************************
************** Category Page
***********************************/


/* Category Hero */
#blog-category-hero {background: #304c58;color: #fff;padding: 7vh 0;margin: 0 0 3vh;}
#blog-category-hero .inner {display: flex;align-items: center;}
#blog-category-hero .col-info {flex: 3;}
#blog-category-hero .col-info .category-title {font-family: 'Lora', serif;margin: 0 0 1vh;padding: 0;font-size: 3.8rem;}
#blog-category-hero .col-info .category-description {font-size: 2.1rem;margin: 0;}
#blog-category-hero .col-info .share { }
#blog-category-hero .col-image  {flex: 1;text-align: right;padding: 0 0 0 30px;}
#blog-category-hero .col-image svg {max-height: 200px;}


.blog-loop-section-category {padding:0 0 4vh;}
.blog-loop-section-category article { }
.blog-loop-section-category article .excerpt-short { }
.blog-loop-section-category article .read-more { color: #C4AD3D;font-weight: 700;}



/***********************************
************** Author Page
***********************************/


/* Author Page */
#blog-author-hero {background: #3E3330;color: #fff;}
#blog-author-hero .inner {display: flex;}
#blog-author-hero .inner .col-info {padding: 8vh 30px 8vh 0;flex: 1.5;     padding-left: calc((100% - 1250px) / 2);}
#blog-author-hero .inner .col-info .author-name {font-family: 'Lora', serif;font-size: 4.5rem;margin: 0;padding: 2vh 0 1vh;}
#blog-author-hero .inner .col-info .author-title {color: #C4AD3D;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;font-size: 1.6rem;margin: 0;padding: 0;}
#blog-author-hero .inner .col-info .author-position {margin: 0 0 3vh;}
#blog-author-hero .inner .col-info .author-desc { }
#blog-author-hero .inner .col-info hr {border-top: 1px solid #797979;max-width: 165px;margin: 0 0 3vh;}
#blog-author-hero .inner .col-image {position: relative;flex: 1;overflow: hidden;}
#blog-author-hero .inner .col-image img {position: absolute;top: 50%;left: 50%;min-height: 100%;max-width: none;transform: translate(-50%, -50%);}

#author-bio {padding: 6vh 0;}
#author-bio .inner {max-width: 1000px;margin: 0 auto;}
#author-bio .inner h2 {font-family: 'Lora', serif;font-size: 4.5rem;margin: 0;padding: 2vh 0 1vh;}
#author-bio .inner p {font-size: 2rem;} 

#author-quote-grid {padding: 0 0 7vh;}
#author-quote-grid .inner {  display: flex;gap: 20px;}
#author-quote-grid .photo-col-a {  flex: 1.5;}
#author-quote-grid .photo-col-a .photo-row-a {  margin: 0 0 20px;}
#author-quote-grid .photo-col-a .photo-row-b {  display: flex;gap: 20px;}
#author-quote-grid .photo-col-a .photo-row-b .photo { flex:1; }
#author-quote-grid .content-col {flex: 1;background: #9B77AD;display: flex;flex-flow: column;justify-content: center;padding: 0 4vw!important;}
#author-quote-grid .content-col h3 {color: #fff;font-size:3.5rem;font-family: 'Lora', serif;font-weight: 600;margin: 0 0 30px;line-height: 1.25em;}
#author-quote-grid .content-col .author-name {font-weight: 600;color: #fff;font-size: 20px;}
#author-quote-grid .photo-col-b {flex: 0.75; }
#author-quote-grid .photo { height: 335px; background-repeat: no-repeat!important;background-size: cover!important;background-position: center!important;}
#author-quote-grid .photo-4 {  margin: 0 0 20px; }




/***********************************
************** Single Page
***********************************/


body.single-post .footer-call-to-action { position:relative; z-index:2;  }
body.single-post .site-footer { position:relative; z-index:2;  }


/* Single */
#single-hero {background: #304c58;color: #fff;    z-index: 2;position: relative;}
#single-hero .inner {display: flex;}
#single-hero .inner .col-info {padding: 11vh 30px 11vh 0;flex: 1;padding-left: calc((100% - 1250px) / 2);}
#single-hero .inner .col-info .post-title {font-family: 'Lora', serif;font-size: 4.5rem;margin: 3vh 0;padding: 0;}
#single-hero .inner .col-info hr {border-top: 1px solid #797979;max-width: 165px;margin: 0 0 3vh;margin: 0;}
#single-hero .inner .col-image {position: relative;flex: 1;overflow: hidden;}
#single-hero .inner .col-image img {position: absolute;top: 50%;left: 50%; object-fit: cover; width: 100%; height: 100%; max-width: none; transform: translate(-50%, -50%);}
#single-hero .inner .col-image.image-align-right img { object-position: right;  }
#single-hero .inner .col-image.image-align-left img { object-position: left;  }

#single-hero .post-meta {display: flex;align-items: center;gap: 10px;font-size: 1.6rem;}
#single-hero .post-meta .post-badges { }
#single-hero .post-meta .post-badge {display: inline-block;text-transform: uppercase;font-weight: 700;font-size: 12px;line-height: 1em;padding: 10px 15px;margin: 0;letter-spacing: 1px; }
#single-hero .post-meta .post-badge.post-badge-tending {background: #C4AD3D;color: #fff;}
#single-hero .post-meta .category { }
#single-hero .post-meta .category a { color: #C4AD3D;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;font-size: 1.6rem }
#single-hero .post-meta .read-time { white-space: nowrap; }

#single-hero .author-meta {display: flex;align-items: center;gap: 20px; margin:2vh 0 0; }
#single-hero .author-meta .author-image { min-width: 60px;}
#single-hero .author-meta .author-image a {border: 3px solid #fff;display: block;border-radius: 50%;transition: all 0.3s ease;}
#single-hero .author-meta .author-image a img {display: block;width: 60px;height:auto;border-radius: 50%;}
#single-hero .author-meta .author-image a:hover {border: 3px solid #C4AD3D; }
#single-hero .author-meta .author-info { }
#single-hero .author-meta .author-info a { color:#fff; }

#single-content { padding:10vh 0; }
#single-content .container { position: relative; }
#single-content .inner { max-width:1000px; margin:0 auto; }

#author-banner {background: #193B57;color: #fff;padding: 6vh 0;z-index: 1;position: relative;}
#author-banner .inner {display: flex;align-items: center;max-width: 900px;margin: 0 auto;gap: 25px;}
#author-banner .inner .author-image { }
#author-banner .inner .author-image a {border: 3px solid #fff;display: block;border-radius: 50%;transition: all 0.3s ease;}
#author-banner .inner .author-image a img {display: block; border-radius: 50%;}
#author-banner .inner .author-info { } 
#author-banner .inner .author-info .author-name {font-size: 2.4rem;font-weight: 700;}
#author-banner .inner .author-info .author-position {margin: 0 0 15px;}
#author-banner .inner .author-info .author-desc {margin: 0 0 15px;}
#author-banner .inner .author-info .cta { }
#author-banner .inner .author-info .cta a {padding: 15px 25px!important;}
body.single:has(#bottom-advert) #author-banner  {     padding: 9vh 0 6vh; }




.article-share-icons {position: fixed;right: 2vw;top: 50%;z-index: 1; transform: translateY(-50%);}
.article-share-icons .share-label {text-align: center;text-transform: uppercase;font-size: 17px;font-weight: 800;margin: 0 0 15px;letter-spacing: 0.5px;}
.article-share-icons .st-inline-share-buttons {display: flex!important;flex-flow: column;gap: 10px;width: 48px;margin: 0 auto;}
.article-share-icons .st-btn {background-color: #C4AD3D!important;display: block!important;margin: 0!important;transition: background 0.3s ease!important;}
.article-share-icons .st-btn:hover {opacity: 1!important;top: 0!important;background-color: #a79127!important;}


.blog-loop-section-single-related {padding: 5vh 0;position: relative;z-index: 2;background: #fff;}





/***********************************
************** Archive Page
***********************************/


/* Archive Hero */
#blog-archive-hero {background: #3E3330;color: #fff;padding: 10vh 0;margin: 0;}
#blog-archive-hero .inner {display: flex;align-items: flex-start;}
#blog-archive-hero .archive-title {font-family: 'Lora', serif;margin:0;padding: 0;font-size: 3.8rem;}


.blog-loop-section-archive {padding: 5vh 0;}
.blog-loop-section-archive .container {max-width: 1340px;}
.blog-loop-section-archive .blog-roll-list .post-meta .author { display:none; }
.blog-loop-section-archive .blog-roll-list .copy .excerpt-long {display:block;margin: 0 0 1vh;}
.blog-loop-section-archive article {padding: 30px;transition: background-color 0.3s ease; gap: 40px;}
.blog-loop-section-archive article .read-more {color: #C4AD3D;font-weight: 700;display: block;}
.blog-loop-section-archive article .read-more::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blog-loop-section-archive article:hover h3 a  {color: #C4AD3D; text-decoration:underline;  }




/***********************************
************** Search Results Page
***********************************/

#blog-search-hero { }
#blog-search-hero {background: #3E3330;color: #fff;padding: 12vh 0;margin: 0;}

#blog-search-results-header {padding: 8vh 0 3vh;}
#blog-search-results-header .inner {display: flex;align-items: center;justify-content: space-between;}
#blog-search-results-header .inner .results-for {margin: 0;font-size: 3.8rem!important;}
#blog-search-results-header .inner .results-counter {margin: 0;font-weight: 700;}

#blog-search-hero .search-form { }
#blog-search-hero .search-form {display: flex;position: relative;max-width: 960px;margin: 0 auto;gap: 15px;}
#blog-search-hero .search-form input#search {flex: 2;border: 1px solid rgb(119 119 119 / 50%);padding: 25px;color: #2C2C2C;font-size: 22px;}
#blog-search-hero .search-form input#search::placeholder {  color:#2C2C2C;  opacity: 1; }
#blog-search-hero .search-form input#search:-ms-input-placeholder { color:#2C2C2C;}
#blog-search-hero .search-form input#search ::-ms-input-placeholder {  color:#2C2C2C; }
#blog-search-hero .search-form input.btn-search {letter-spacing: 1px;text-transform: capitalize;flex: 0 0 190px;font-size: 20px!important;}
#blog-search-hero .search-form .search-icon {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: #C4AD3D; display:none; }

.blog-loop-section-results { padding:0 0 5vh;}
.blog-loop-section-results .container {max-width: 1340px;}
.blog-loop-section-results article {padding: 30px;transition: background-color 0.3s ease; gap: 40px;}
.blog-loop-section-results article .post-meta .author { display:none; }
.blog-loop-section-results article .copy .excerpt {display:block;margin: 0 0 1vh;}
.blog-loop-section-results article .read-more {color: #C4AD3D;font-weight: 700;display: block;}
.blog-loop-section-results article .read-more::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blog-loop-section-results article:hover {/* background-color: #F7F5ED; */}
.blog-loop-section-results article:hover h3 a {color: #C4AD3D;text-decoration: underline;}





@media (max-width: 1300px) {
    #single-hero .inner .col-info {padding-left: 30px;}
    #blog-author-hero .inner .col-info {padding-left: 30px;}
    .article-share-icons { right: 1vw; }
}

@media (max-width: 1150px) {

    #blog-home-hero { padding:6vh 0; }
    #blog-home-hero .col-info { margin:0; }
    #blog-home-hero-links {height: auto;background: #3e4b53;padding: 0 0 25px;}
    #blog-home-hero-links .inner { transform: none;gap: 3vw;flex-flow: column;gap: 15px;}
    #blog-home-hero-links .inner .item {flex: 0 0 40vw;flex-flow: row;flex: 1;justify-content: flex-start;align-items: center;gap: 15px;}
    #blog-home-hero-links .inner .item .image {flex: 0 0 15%;margin: 0;}
    #blog-home-hero-links .inner .item:hover {transform: none; background:#06B1BF; color:#fff; }
    #blog-home-hero-links .inner .item:hover .image svg path, #blog-home-hero-links .inner .item:hover .image svg polygon { fill:#fff; }

    #search-bar-banner .inner .bar-cols {flex-flow: column;}

    .blog-roll-grid {grid-template-columns: repeat(2, 1fr);}
    
    .blog-loop-section .blog-loop-section-header h2 { font-size:3rem; }
    .blog-loop-section.with-sidebar .cols {flex-flow:column;gap: 30px;}

    #blog-author-hero .container { margin-right:0; padding-right:0; }

    .article-share-icons {position: static;transform: none;}
    .article-share-icons .st-inline-share-buttons {display: block!important;width: auto;}
    .article-share-icons .st-btn {display: inline-block!important;margin: 0 4px!important;}
    
}



@media (max-width: 980px) {

    #blog-breadcrumbs { display:none; }
    
    #single-hero .inner {flex-flow: column-reverse;}
    #single-hero .inner .col-info {padding: 5vh;}
    #single-hero .inner .col-info .post-title {font-size: 3.8rem;}
    #single-hero .inner .col-image img {position:static;display: block;transform: none;width: 100%;height: auto;min-height: auto;}

    #single-content { padding:5vh 0;}

    #author-quote-grid .inner {flex-flow: column;}
    #author-quote-grid .content-col {padding: 4vh!important;}
    #author-quote-grid .content-col h3 {font-size: 3rem;margin: 0 0 15px;}

    #blog-author-hero .inner .col-info {padding: 5vh;}
}


@media (max-width: 768px) { 

    #author-banner .inner {flex-flow: column;}
    #author-banner .inner .author-image a {max-width:250px;width: 80%;margin: 0 auto;}

    #blog-category-hero .col-image { display:none; }

    .blog-loop-section-index .blog-roll { display: block;}
    .blog-loop-section-archive article {flex-flow: column;gap: 20px;}

    .blog-roll-grid { grid-template-columns: 1fr;}
    .blog-roll-grid article .copy h3 { margin: 0 0 5px; }
    .blog-roll-list article {flex-flow: column;align-items: flex-start;gap: 10px;}
    .blog-roll-list article .image img { width:100%; }
    .blog-roll-list article .copy {flex: auto;}
    .blog-roll-list article .copy h3 { margin:0 0 10px; font-size:2.5rem;   }
    .blog-roll-list article .author { font-size:17px!important; }
    .blog-roll-list article .author .by {font-weight: 500;}
    .blog-roll-list article .author .author-name {font-weight: 500;}

    .blog-loop-section-index .blog-roll article .image {height: auto;flex: auto;}
    .blog-loop-section-index .blog-roll article .image img {position: static;width: 100%;transform: none;height: auto;}
    .blog-loop-section-index .blog-roll article .image a:hover img {transform: none;}

    #blog-search-hero .search-form {flex-flow: column;}
    #blog-search-hero .search-form input.btn-search {flex: auto;}
    #blog-search-results-header .inner {flex-flow: column;}
    #blog-search-results-header .inner .results-for { fon;font-size: 3rem!important;}
    .blog-loop-section-results article {flex-flow: column;gap: 20px;}

    #blog-author-hero .container {margin-right: 15px;padding-right: 15px;}
    #blog-author-hero .inner {flex-flow: column;}
    #blog-author-hero .inner .col-image { }
    #blog-author-hero .inner .col-image img {position: static;transform: none;display: block;margin: 0 auto;width: 100%;}

}


@media (max-width: 640px) { 

    #search-bar-banner .search-form {flex-flow: column;    gap: 15px;}
    #search-bar-banner .search-form input.btn-search { flex:auto; }
    #search-bar-banner .search-form .search-icon {top: 17px;transform: none;}

	#single-hero .inner .col-info .post-title { font-size: 3.2rem; }
	#single-hero .author-meta .author-info { font-size: 16px; }


}








/***********************************
************** 12/1/23 updates
***********************************/


/* Style overwrites */
body.single-post  #single-hero {background: #224450;}


body.single-post.gazette_post #single-content {position:relative;padding: 130px 0;}
body.single-post.gazette_post #single-content::before {content:"";background-image: url(/wp-content/uploads/2023/11/svm-gazette-post-ribbon-bg-1.png);height: 67px;display: block;position: absolute;top: 20px;left: 0;width: 100%;background-repeat-x: repeat;background-repeat-y: no-repeat;}
body.single-post.gazette_post #author-banner {padding-top: calc(6vh + 100px);padding-bottom: 8vh;}
body.single-post.gazette_post #author-banner::before {content:"";background-image: url(/wp-content/uploads/2023/11/svm-gazette-post-ribbon-bg-1.png);height: 67px;display: block;position: absolute;top: 20px;left: 0;width: 100%;background-repeat-x: repeat;background-repeat-y: no-repeat;}


/* Article text shortcodes */

.blog-widget-thumbmail-block {border-bottom: 3px solid #c4ad3d;padding: 5vh 0;}
.blog-widget-thumbmail-block .block-inner {display: flex;gap: 30px;align-items: center;}
.blog-widget-thumbmail-block .block-inner .image { flex-shrink: 0;flex-grow: 0; }
.blog-widget-thumbmail-block .block-inner .image img {display: block;width: 100%;}
.blog-widget-thumbmail-block .block-inner .text {flex:auto;}
.blog-widget-thumbmail-block .block-inner .text .block-title {letter-spacing: 1px;    text-transform: uppercase; }
.blog-widget-thumbmail-block .block-inner .text p { }
.article-content .blog-widget-thumbmail-block:last-of-type { border-bottom:none;}

.blog-widget-quote-small {width: 100dvw;margin-left: calc(50% - 50dvw); position: relative;margin-bottom: 40px;margin-top: 40px;}
.blog-widget-quote-small .quote-box-wrapper {position: relative;background: #224450;width: 50%;padding: 20px;}
.blog-widget-quote-small .quote-box-wrapper .quote-box-inner {color: #fff; font-size: 26px;font-weight: 700;letter-spacing: 1px;margin: 0 auto;max-width: 420px;line-height: 1.25em;position: relative;}
.blog-widget-quote-small .quote-box-wrapper::after {content:"";display:block;height: 3px;background: #c4ad3d;bottom: 10px;position: absolute;left: 0;width: calc(100% - 10px);}
.blog-widget-quote-small .quote-box-wrapper::before {content:"";display:block;height: 105%;background: #c4ad3d;bottom: 10px;position: absolute;right: 10px;width: 3px;}
.blog-widget-quote-small .quote-box-wrapper .quote-box-inner:after {content:'\201D';display: inline-block;transition: all 0.2s ease;text-decoration:none;position: absolute;bottom: 0px;right: -35px;font-size: 60px;color: #c4ad3d;font-family: 'Lora', serif;line-height: 1em;}
.blog-widget-quote-small .quote-box-wrapper .quote-box-inner:before {content:'\201C';display: inline-block;transition: all 0.2s ease;text-decoration:none;position: absolute;top: -10px;left: -35px;font-size: 60px;color: #c4ad3d;font-family: 'Lora', serif;line-height: 1em;}
.blog-widget-quote-small .quote-box-wrapper .quote-box-inner .author {display: block;font-size: 0.9em;padding: 10px 0 0;}
#single-content:has(.blog-widget-quote-small) { overflow:hidden; }

.blog-widget-quote-full {width: 100dvw;margin-left: calc(50% - 50dvw);min-height: 650px;background-size: cover;background-position: center;position: relative;margin-bottom: 40px;margin-top: 40px;}
.blog-widget-quote-full .quote-box-wrapper {position: absolute;background: #2f4c59d6;max-width: 40%;top: 5%;left: 5%;color: #fff;padding: 0 20px;}
.blog-widget-quote-full .quote-box-wrapper .quote-box-inner {margin: 20px 0;position: relative;border-bottom: 3px solid #c4ad3d;border-right: 3px solid #c4ad3d;padding: 20px 10px;}
.blog-widget-quote-full .quote-box-wrapper .quote-box-inner::after {content:"";display:block;height: 3px;background: #c4ad3d;top: 0;position: absolute;right: 0;width: 25%;}
#single-content:has(.blog-widget-quote-full) { overflow:hidden; }


.blog-widget-full-width-image {width: 100dvw;margin-left: calc(50% - 50dvw); background-size: cover;background-position: center;position: relative;margin-bottom: 50px;margin-top: 50px;}
.blog-widget-full-width-image img { width: 100%; }
#single-content:has(.blog-widget-full-width-image ) { overflow:hidden; }



/********************/




.blog-widget-featured-info-block{background:#F2F1F1;padding:30px;margin-bottom:50px;margin-top:50px}
.blog-widget-featured-info-block h2{font-weight:600!important;border-bottom:1px solid #C2AD3D;padding-bottom:20px;margin-bottom:20px}
.blog-widget-featured-info-block ol{color:#000;font-size:21px;font-weight:600;padding-left:30px!important;margin:0!important;     display: flex;flex-flow: column;gap: 15px;}
.blog-widget-featured-info-block ol li{padding:5px 0}


body#svm #wrapper .blog-widget-perspective {margin:0 0 30px}
body#svm #wrapper .blog-widget-perspective .quote{background:#CBEAED;padding:20px 30px;font-size:19px;color:#000;border-radius:30px;position:relative}
body#svm #wrapper .blog-widget-perspective .quote::after{content:"";width:0;height:0;border:0 solid transparent;border-left-width:25px;border-right-width:0;border-top:25px solid #CBEAED;position:absolute;top:99%;right:70px}
body#svm #wrapper .blog-widget-perspective .author{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:20px 0 0}
body#svm #wrapper .blog-widget-perspective .author .author-meta{text-align:right}
body#svm #wrapper .blog-widget-perspective .author .author-meta p{margin:0;font-size:18px;line-height:1.25em}
body#svm #wrapper .blog-widget-perspective .author .author-image{width:70px;height:70px; flex:0 0 70px;}
body#svm #wrapper .blog-widget-perspective .author .author-image .image{height:100%;width:100%}
body#svm #wrapper .blog-widget-perspective .author .author-image .image img{object-fit:cover;height:100%;width:100%;border-radius:50%;border:3px solid #C2AD3D}


#single-content .inner.has-article-toc{max-width:100%;display:flex;gap:40px}
#single-content .inner.has-article-toc > article{flex:2.5}
.article-toc{flex:1}
.article-toc .toc-inner{position:sticky;top:20px}
.article-toc .toc-inner h4{font-size:22px!important;margin:0;border-left:5px solid #F2F2F2;    padding: 10px 10px 15px 30px;}
.article-toc .toc-items ul{padding:0!important;margin:0!important;list-style:none}
.article-toc .toc-items ul li{display:block}
#svm .article-toc .toc-items ul li a{border-left:5px solid #F2F2F2;padding:15px 10px 15px 30px;display:block;color:#000!important;font-weight:400;text-decoration:none!important;transition: all 0.3s ease;}
#svm .article-toc .toc-items ul li a:hover{color:#C2AE3D!important;text-decoration:none!important}
.article-toc .toc-items ul li a.active{background:#F7F5ED;border-color:#C2AE3D!important}
.article-toc .toc-back {padding: 10px 0 0;}
.article-toc .toc-back a {display: flex;align-items: center;gap: 15px;}
.article-toc .toc-back a::before { content: '\f077';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration: none;transition: all 0.3s ease;font-size: 1.1em;background: #C2AD3D;color: #fff;display: block;height: 45px;width: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}


.blog-widget-quick-read {margin: 0 0 30px;}
.blog-widget-quick-read .quick-read-content { position: relative; display: grid; grid-template-rows: 250px; transition: grid-template-rows 0.5s ease;}
.blog-widget-quick-read .quick-read-content::before { content: ""; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8379726890756303) 80%, rgba(255,255,255,1) 100%); position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: all 1s ease;}
.blog-widget-quick-read .quick-read-expander { transition: opacity 0.3s ease; opacity: 1;}
.blog-widget-quick-read .quick-read-content-wrapper { overflow: hidden;}
.blog-widget-quick-read.content-open .quick-read-content { grid-template-rows: 1fr;}
.blog-widget-quick-read.content-open .quick-read-content::before { opacity: 0; height:0; }
.blog-widget-quick-read.content-open .quick-read-expander { opacity: 0;}


body#svm #wrapper .blog-widget-faq-item {padding:10px 0;}
body#svm #wrapper .blog-widget-faq-item .item-inner { background: #F2F1F1; border-radius: 10px; transition: box-shadow 0.3s ease;}
body#svm #wrapper .blog-widget-faq-item .question {display: flex; align-items: center; justify-content: space-between;    cursor: pointer;    padding: 20px 30px;    color: #000;    font-size: 24px;    font-weight: 500;}
body#svm #wrapper .blog-widget-faq-item .question .toggler {     transition: transform 0.3sease;position: relative;border-radius: 100%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;flex: 0 0 40px;padding: 0;}
body#svm #wrapper .blog-widget-faq-item .question .toggler::before {content: '\f077'; font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration: none;transition: all 0.3s ease;font-size: 1.1em; ;height: 45px;width: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #304C58;}
body#svm #wrapper .blog-widget-faq-item .answer-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s ease;}
body#svm #wrapper .blog-widget-faq-item .question .question-output { padding: 0 15px 0 0;}
body#svm #wrapper .blog-widget-faq-item .answer-wrapper .answer-container { overflow: hidden;}
body#svm #wrapper .blog-widget-faq-item .answer-wrapper .answer-inner { display: flex; padding: 0 30px 30px;}
body#svm #wrapper .blog-widget-faq-item .answer-wrapper .answer-output { border-top: 1px solid #C2AD3D; padding: 20px 0 0;}
body#svm #wrapper .blog-widget-faq-item.open .answer-wrapper { grid-template-rows: 1fr;}
body#svm #wrapper .blog-widget-faq-item.open .toggler { transform: rotate(180deg); }
body#svm #wrapper .blog-widget-faq-item.open .toggler::after { visibility: hidden;}
body#svm #wrapper .blog-widget-faq-item:hover .item-inner {   }



.blog-widget-promo-banner {background: #D2E9EC;padding: 25px 25px 25px 40px;margin: 0 0 25px;}
.blog-widget-promo-banner .block-inner {display: flex;align-items: center;padding: 0 0 0 25px;gap: 30px;border-left: solid 5px #0EB0C0;}
.blog-widget-promo-banner .content {  }
.blog-widget-promo-banner .content h3 {font-size: 28px!important;color: #224450;font-weight: 600!important;}
.blog-widget-promo-banner .content .text {font-size: 20px;}
.blog-widget-promo-banner .cta {  }
.blog-widget-promo-banner .cta .promo-banner-button {white-space: nowrap;min-width: 170px;}


.blog-widget-product {border: 1px solid #CECECE;margin: 0 0 25px;border-radius: 10px;}
.blog-widget-product .block-inner { }
.blog-widget-product .headline {background: #304C58;padding: 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.blog-widget-product .headline h3 {margin: 0;padding: 5px;font-size: 28px!important;font-weight:600!important;color: #fff;}
.blog-widget-product .content {display: flex;gap: 30px;align-items: center;padding: 25px;}
.blog-widget-product .content .image {flex: 1;}
.blog-widget-product .content .image img {display: block;width: 100%;}
.blog-widget-product .content .text {flex: 3;}
.blog-widget-product .content .text .text-output {margin: 0 0 15px;}
.blog-widget-product .content .text .cta { }
.blog-widget-product .content .text .cta a {min-width: 150px;}
.blog-widget-product .content .text .cta a[href=""] { display: none!important; }
.blog-widget-product .additional {padding: 25px;}
.blog-widget-product .additional .opener {background: #F2F1F1;padding: 10px 20px;cursor: pointer;position: relative;}
.blog-widget-product .additional .opener .label {font-weight: 600;font-size: 20px;}
.blog-widget-product .additional .opener::after {content:'\f105';display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0;text-decoration:none;transition:all 0.3s ease;font-size: 30px;transform: rotate(90deg);position: absolute;top: calc(50% - 15px);right: 10px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;transform-origin: center;}
.blog-widget-product .additional .additional-content {position: relative;grid-template-rows: 0fr;overflow: hidden;transition: grid-tempplate-rows 0.3s ease!important;display: grid;height: 0;}
.blog-widget-product .additional .additional-content .additional-content-inner { min-height: 1px; padding: 10px 5px 0; }
.blog-widget-product.open .additional .additional-content {grid-template-rows: 1fr;height: auto;}
.blog-widget-product.open .additional .opener::after {transform: rotate(270deg);}
.blog-widget-product .additional:has(.additional-content-inner:empty) { display:none; }



/* Tables */

.resource-center-table-a { }
.resource-center-table-a .table-headline {background: #F2F1F1;padding: 40px;font-family: 'Lora', serif;color: #000;font-size: 30px;font-weight: 600;}
.resource-center-table-a .table-wrapper {max-height: 60vh;overflow-y: scroll;}
.resource-center-table-a table {  }
.resource-center-table-a table thead { position: sticky; top: 0; }
.resource-center-table-a table thead th {background: #CBEAED;color: #000;padding: 15px;font-size: 18px;line-height: 1.2em;}
.resource-center-table-a table tr td {color: #000;padding: 20px;font-size: 18px;line-height: 1.2em;background: #fff;}
.resource-center-table-a table tr:nth-child(even) td {background: #F7F7F7;}
.resource-center-table-a table tr td:nth-child(1) { font-weight: 800; }

@media (max-width: 980px) {
    .resource-center-table-a .table-headline {padding: 25px;font-size: 24px;}
    .resource-center-table-a table, 
    .resource-center-table-a table tbody,
    .resource-center-table-a table tr,
    .resource-center-table-a table td {display:block; }
    .resource-center-table-a table thead { display:none; }
    .resource-center-table-a table tr { border-bottom: 2px solid #fff; }
    .resource-center-table-a table tr td { position:relative; padding: 15px 10px 15px 55%; }
    .resource-center-table-a table tr td::before {top: 0;left: 6px;width: 50%;position: absolute;padding:15px 10px;white-space: nowrap;display: block; background: #CBEAED;color: #000;font-weight: 600;   }
}








/* Bottom Promo Advert */

#bottom-advert {background: #CBEAED;position: relative;z-index: 2;}
#bottom-advert .inner {display: flex;align-items: center;gap: 50px;position: relative;justify-content: space-between;}
#bottom-advert .col-text {max-width: 580px;padding:30px 0;}
#bottom-advert .col-text h3 {font-size: 36px!important; font-weight: 600 !important;color: #224450;}
#bottom-advert .col-text h4 {color: #C3AD3B;text-transform: uppercase;letter-spacing: 1px;font-size: 18px;font-weight: 700;margin: 0 0 15px;}
#bottom-advert .col-text p {font-size: 20px;font-weight: 500; color: #224450;}
#bottom-advert .col-image { width: 400px; height: 260px;}
#bottom-advert .col-image a {        transform-origin: right;   transform: scale(1.5);  display: block; width: 400px;  height: 260px; position: relative; }
#bottom-advert .col-image a img {display: block; object-fit: cover;height: 100%;width: 100%; position: relative;z-index: 100;border: 1px solid #ccc;box-shadow: 3px 3px 12px 0px #00000040;}






@media (max-width: 1300px) { 

    #bottom-advert .col-text {max-width: 510px;}
    #bottom-advert .col-text h3 {font-size: 28px!important;}
    #bottom-advert .col-text p {font-size: 19px;}
    #bottom-advert .col-image a {transform: scale(1.35);}
}

@media (max-width: 1170px) { 

    #bottom-advert .inner {display: flex; flex-flow: column-reverse; gap: 25px; padding: 30px 0;}
    #bottom-advert .col-text {max-width: 100%;text-align: center; padding: 0;}
    #bottom-advert .col-image {height: 50vh;width: 100%; }
    #bottom-advert .col-image a { transform: none;        height: 100%;width: 100%; }
    #bottom-advert .col-image a img { box-shadow: none;}

}

@media (max-width: 980px) {
    .blog-widget-thumbmail-block .block-inner {flex-flow: column;}

    .blog-widget-quote-full { display: flex;align-items: flex-end;justify-content: center;}
    .blog-widget-quote-full .quote-box-wrapper {position: static;max-width: 100%;padding: 20px;}
    .blog-widget-quote-full .quote-box-wrapper .quote-box-inner { padding: 20px;margin: 0;border: 3px solid #c4ad3d;}
    .blog-widget-quote-full .quote-box-wrapper .quote-box-inner::after { display:none; }

    .blog-widget-quote-small { }
    .blog-widget-quote-small .quote-box-wrapper {width: 100%;}
    .blog-widget-quote-small .quote-box-wrapper .quote-box-inner {max-width: 100%;text-align: center;border: 3px solid #c4ad3d;padding: 20px;}
    .blog-widget-quote-small .quote-box-wrapper::before { display:none; }
    .blog-widget-quote-small .quote-box-wrapper::after { display:none; }

    .blog-widget-promo-banner {padding: 30px;}
    .blog-widget-promo-banner .block-inner {flex-flow: column;border: none;padding: 0;align-items: normal;}
    .blog-widget-promo-banner .cta .promo-banner-button {display: block;width: 100%;}

    .blog-widget-product .content {flex-flow: column;padding: 25px 25px 5px;}
    .blog-widget-product .content .text .cta a {display: block;width: 100%;}

    .article-toc { display: none; }

}