/* Define your variables here. All other style classes should be using these variables. Margin, padding, primarycolour etc.*/
/*Font Size*/
/*Font family*/
/*$defaultFontFamily: 'Open Sans', sans-serif;*/
/*Font weight*/
/*Colors*/
/* CTA Color 1: black */
/* CTA #488EBEColor 1: Light blue */
/* CTA Color 1: Sky blue */
/* Type color */
/* All control styling like button, input, select etc. You can also target things like .block-buttontext */
/* Generics */
@import url("https://fonts.cdnfonts.com/css/open-sans");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
button, .block-buttontext, .block-content .block-buttontext {
background-color: #04426A;
border: 1px Solid;
border-color: transparent;
color: #fff;
text-decoration: none;
border-radius: 0; }
button:hover, .block-buttontext:hover, button:focus, .block-buttontext:focus {
background-color: #00131E;
text-decoration: none; }
button:disabled, .block-buttontext:disabled {
background-color: #F8F8F8;
color: #818386; }
body a, body a h1, body a h2, body a h3, body a h4 {
color: #000000; }
body a:hover, body a h1:hover, body a h2:hover, body a h3:hover, body a h4:hover {
color: #04426A; }
/* Individual styles */
/*.content-section {*/
body p, body figure, body h2, body .block {
margin-top: 32px;
margin-bottom: 32px; }
body figcaption {
font-size: 0.625rem;
letter-spacing: 0.025em;
text-transform: uppercase;
text-align: initial;
line-height: 1.5em; }
body img + figcaption {
margin-top: 0.5em; }
body .aria-only {
width: 0;
height: 0;
display: block;
color: transparent;
overflow: hidden; }
body .icon-button {
background: none;
color: #000000;
cursor: pointer;
border-radius: 0; }
body input[type="text"], body input[type="email"], body input[type="url"], body input[type="password"], body input[type="search"], body input[type="number"], body input[type="tel"], body input[type="range"], body input[type="date"], body input[type="month"], body input[type="week"], body input[type="time"], body input[type="datetime"], body input[type="datetime-local"], body input[type="color"], body optgroup, body select, body textarea {
display: block;
width: 100%;
padding: 0.375rem 1rem;
border: 1px #000000 solid;
font-size: 0.85rem;
line-height: 1.5rem; }
/*Font styles for different items.
etc. You can also target things like .block-title*/
body {
font-family: "Lato"; }
body h1 {
font-size: 3rem;
font-weight: 600;
font-family: "Lato";
text-transform: capitalize;
line-height: 1.125;
margin-bottom: 12px;
text-align: center; }
body h2 {
font-size: 1.5rem;
font-weight: 600;
font-family: "Lato";
letter-spacing: -0.05em;
margin-bottom: 30px;
line-height: 1.125;
text-align: center; }
body h3 {
font-size: 1.5rem;
font-weight: 600;
font-family: "Lato";
letter-spacing: -0.05em;
margin-bottom: 25px;
line-height: 1.125;
text-align: center; }
body h4 {
font-size: 1.25rem;
font-weight: 600;
font-family: "Lato";
text-transform: capitalize;
margin-bottom: 15px;
line-height: 1.125; }
body h5 {
font-size: 1rem;
font-weight: 600;
font-family: "Lato";
text-transform: capitalize;
margin-bottom: 15px;
line-height: 1.125; }
body h1 > a, body h2 > a, body h3 > a, body h4 > a, body h5 > a {
font-size: inherit;
font-weight: inherit;
font-family: inherit;
text-transform: inherit;
line-height: inherit;
margin-bottom: inherit;
text-align: inherit; }
body p, body span, body a {
font-size: 1rem;
font-weight: 400;
font-family: "Lato";
line-height: 1.4em; }
body strong {
font-weight: bolder; }
/* Generics */
body.ALGV-Travelblogue-HybridFullContentPage #pageContent > div, .page-container > div:not(.top-content-container), .page-container > div.top-content-container .block:not(.hero), .ALGV-Travelblogue-BlogPage .heroBlock-container, footer .footerContainer {
max-width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto; }
@media only screen and (min-width: 760px) {
body.ALGV-Travelblogue-HybridFullContentPage #pageContent > div, .page-container > div:not(.top-content-container), .page-container > div.top-content-container .block:not(.hero), .ALGV-Travelblogue-BlogPage .heroBlock-container, footer .footerContainer {
max-width: 720px; } }
@media only screen and (min-width: 1020px) {
body.ALGV-Travelblogue-HybridFullContentPage #pageContent > div, .page-container > div:not(.top-content-container), .page-container > div.top-content-container .block:not(.hero), .ALGV-Travelblogue-BlogPage .heroBlock-container, footer .footerContainer {
max-width: 1000px; } }
@media only screen and (min-width: 1120px) {
body.ALGV-Travelblogue-HybridFullContentPage #pageContent > div, .page-container > div:not(.top-content-container), .page-container > div.top-content-container .block:not(.hero), .ALGV-Travelblogue-BlogPage .heroBlock-container, footer .footerContainer {
max-width: 1080px; } }
@media only screen and (min-width: 1240px) {
body.ALGV-Travelblogue-HybridFullContentPage #pageContent > div, .page-container > div:not(.top-content-container), .page-container > div.top-content-container .block:not(.hero), .ALGV-Travelblogue-BlogPage .heroBlock-container, footer .footerContainer {
max-width: 1200px; } }
/* Custom layout overrides */
body #anchorContainer #siteContainer {
max-width: initial; }
body a.skip-main:focus {
background-color: #04426A;
color: #fff; }
body :focus {
box-shadow: none;
outline: 0;
border: 1px solid #000; }
body .root-breadcrumbs span, body .root-breadcrumbs a {
color: #00131E; }
body #btnBackToTop {
background-color: rgba(0, 0, 0, 0.5);
border: none;
color: white; }
body #btnBackToTop:focus {
border: 1px solid #000000;
/*background-color: rgba($secondaryColor,0.5);*/
background-color: white;
color: black; }
@media screen and (min-width: 1024px) {
body #blogRootPage .main-content-container > .side-content-section, body #blogListingPage .main-content-container > .side-content-section, body #blogSearchPage .main-content-container > .side-content-section {
padding-left: 2rem; }
body #blogRootPage .side-content-container, body #blogListingPage .side-content-container, body #blogSearchPage .side-content-container {
padding-left: 2rem;
width: 30%; } }
body .side-content-section h2, body .site-side-content-section h2 {
text-align: left; }
#blogPage .metadata-content-section .hero-video, #blogPage .wp-block-embed-youtube {
width: 100%;
position: relative;
padding-top: 56.25%; }
#blogPage .metadata-content-section .hero-video iframe, #blogPage .wp-block-embed-youtube iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.ALGV-Travelblogue-BlogPage .heroBlock-container {
background-image: none !important;
text-align: center;
margin-bottom: 3rem; }
.ALGV-Travelblogue-BlogPage .heroBlock-container .block-title {
text-transform: unset; }
.ALGV-Travelblogue-BlogPage .heroBlock-container .block-textblock {
display: flex;
justify-content: center;
font-size: 0.5rem; }
.ALGV-Travelblogue-BlogPage .heroBlock-container .block-textblock .post-author, .ALGV-Travelblogue-BlogPage .heroBlock-container .block-textblock .post-date {
font-size: 0.625rem;
text-transform: uppercase;
margin: 0 0.5rem; }
#blogPage {
margin-top: 3rem;
margin-bottom: 3rem; }
#blogPage .post-title, #blogPage .post-metadata-area {
display: none; }
#blogPage .metadata-content-section .hero-image {
margin-bottom: 0; }
#blogPage .metadata-content-section .hero-image figcaption {
text-align: right; }
#blogPage .metadata-content-section .hero-image figcaption.align-content-center {
text-align: center; }
#blogPage .metadata-content-section .hero-image figcaption.align-content-left {
text-align: left; }
#blogPage .metadata-content-section .hero-image figcaption.align-content-right {
text-align: right; }
#blogPage .top-content-container {
display: flex;
flex-direction: column; }
#blogPage .top-content-container .site-top-content-section {
width: 100%;
position: relative;
max-width: 800px;
margin: 0 auto; }
@media only screen and (max-width: 1024px) {
#blogPage .top-content-container .site-top-content-section {
max-width: 720px; } }
#blogPage .top-content-container .site-top-content-section .socialshareblock {
height: 100%;
position: absolute;
display: inline-block;
left: -22%;
margin-top: 1rem; }
#blogPage .top-content-container .site-top-content-section .socialshareblock .content-container div + div {
margin-top: 1rem; }
#blogPage .top-content-container .site-top-content-section .socialshareblock .content-container i {
font-size: 2.5rem; }
@media only screen and (max-width: 1024px) {
#blogPage .top-content-container .site-top-content-section .socialshareblock {
position: initial;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem; }
#blogPage .top-content-container .site-top-content-section .socialshareblock .content-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0; }
#blogPage .top-content-container .site-top-content-section .socialshareblock .content-container div + div {
margin-top: 0;
margin-left: 1rem; } }
#blogPage .main-content-container {
display: flex;
flex-direction: row; }
@media only screen and (max-width: 1024px) {
#blogPage .main-content-container {
flex-direction: column; } }
#blogPage .main-content-container > .content-section {
max-width: 800px;
margin: 0 auto;
padding: 0; }
#blogPage .main-content-container > .content-section a {
text-decoration: underline; }
#blogPage .main-content-container > .content-section a:focus {
color: #04426A; }
#blogPage .main-content-container > .content-section ul:not(.blocks-gallery-grid), #blogPage .main-content-container > .content-section ol:not(.blocks-gallery-grid) {
margin-top: 32px;
margin-bottom: 32px;
padding-left: 40px; }
#blogPage .main-content-container > .content-section ul:not(.blocks-gallery-grid) li:not(.blocks-gallery-item), #blogPage .main-content-container > .content-section ol:not(.blocks-gallery-grid) li:not(.blocks-gallery-item) {
list-style-type: disc;
color: #777777; }
#blogPage .main-content-container > .content-section > div > .block {
padding-left: 0;
padding-right: 0;
clear: both; }
@media only screen and (min-width: 1240px) {
#blogPage .main-content-container > .content-section {
max-width: 720px; } }
#blogPage .main-content-container > .content-section h2 {
margin-bottom: 32px;
margin-top: 32px;
font-size: 2rem;
letter-spacing: -0.05em;
text-transform: none; }
#blogPage .main-content-container > .content-section h2, #blogPage .main-content-container > .content-section h3, #blogPage .main-content-container > .content-section h4 {
text-align: left;
margin-bottom: 32px;
margin-top: 32px; }
#blogPage .main-content-container > .content-section p, #blogPage .main-content-container > .content-section li {
line-height: 1.75; }
#blogPage .main-content-container > .content-section img {
width: 100%; }
#blogPage .main-content-container > .content-section video {
max-width: 100%; }
@media screen and (max-width: 768px) {
#blogPage .main-content-container > .content-section .content-container > .content-section {
padding: 0 !important; } }
#blogPage .main-content-container .content-section .block {
margin-top: 0px;
margin-bottom: 25px; }
#blogPage .main-content-container .content-section .block > div > :last-child {
margin-bottom: 0px; }
#blogPage .main-content-container .content-section .block:first-child {
margin-top: 32px; }
#blogPage .main-content-container .content-section > div h2, #blogPage .main-content-container .content-section > div h3, #blogPage .main-content-container .content-section > div h4, #blogPage .main-content-container .content-section > div p, #blogPage .main-content-container .content-section > div figure {
margin-top: 0px;
margin-bottom: 25px; }
#blogPage .main-content-container .content-section > div h1 > a, #blogPage .main-content-container .content-section > div h2 > a, #blogPage .main-content-container .content-section > div h3 > a, #blogPage .main-content-container .content-section > div h4 > a, #blogPage .main-content-container .content-section > div h5 > a {
margin-bottom: 0; }
#blogPage .main-content-container .content-section > div h2 > img, #blogPage .main-content-container .content-section > div h3 > img, #blogPage .main-content-container .content-section > div h4 > img, #blogPage .main-content-container .content-section > div p > img {
margin-bottom: 25px; }
#blogPage .main-content-container .content-section > div p > img {
margin-top: 25px; }
#blogPage .wp-block-gallery {
/* Column Styles */ }
#blogPage .wp-block-gallery .blocks-gallery-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
#blogPage .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
flex-grow: 1;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 1em;
margin-left: 1em; }
@media only screen and (min-width: 1024px) {
#blogPage .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:last-child {
margin-right: 0; } }
#blogPage .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
margin: 0;
height: 100%; }
#blogPage .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure img {
height: 100%;
width: 100%; }
#blogPage .wp-block-gallery .blocks-gallery-caption {
margin-left: 16px; }
#blogPage .wp-block-gallery.columns-2 .blocks-gallery-item {
width: calc(50% - 2em); }
@media only screen and (min-width: 1024px) {
#blogPage .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2n) {
margin-right: 0; } }
#blogPage .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - 3em); }
@media only screen and (min-width: 1024px) {
#blogPage .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n) {
margin-right: 0; } }
#blogPage .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - 4em); }
@media only screen and (min-width: 1024px) {
#blogPage .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n) {
margin-right: 0; } }
#blogPage .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - 5em); }
@media only screen and (min-width: 1024px) {
#blogPage .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n) {
margin-right: 0; } }
#blogPage .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - 6em); }
@media only screen and (min-width: 1024px) {
#blogPage .wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(6n) {
margin-right: 0; } }
@media only screen and (max-width: 768px) {
#blogPage .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - 2em); } }
#blogPage figure {
margin-top: 0px;
margin-bottom: 25px; }
#blogListingPage, #blogSearchPage {
margin-top: 3rem;
margin-bottom: 3rem; }
@media only screen and (max-width: 768px) {
#blogListingPage, #blogSearchPage {
margin-top: 1rem; } }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section {
margin-top: 2rem; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item {
display: flex;
flex-direction: column; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-categories, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-categories, #blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-upper-author-area, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-upper-author-area, #blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-lower-author-area, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-lower-author-area, #blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-nav, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-nav, #blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-like-comment-area, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .blog-item-like-comment-area, #blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .google-container, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item .google-container {
display: none; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-list > .blog-item + .blog-item, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-list > .blog-item + .blog-item {
margin-top: 6rem; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info {
display: flex;
flex-direction: column; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image {
order: 2; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image a, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image a {
position: relative; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image a:before, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image a:before {
display: flex;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
content: "View Post";
transition: all 0.2s ease;
background-color: rgba(0, 0, 0, 0.5);
align-items: center;
text-align: center;
justify-content: center;
color: #fff;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.0125em;
text-transform: uppercase; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image a:hover:before, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image a:hover:before {
opacity: 1; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image h3 a, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image h3 a {
border-bottom: 2px solid transparent; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image h3 a:focus, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info .blog-item-image h3 a:focus {
border: none;
border-bottom: 2px solid #298FC2; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info h3, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info h3 {
font-size: 3rem;
order: 1; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info h3 a:focus, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-info h3 a:focus {
color: #04426A; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section h3, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section h3, #blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-synopsis, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-synopsis {
text-align: center; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container {
display: flex;
flex-direction: row;
align-items: center;
padding-top: 0;
justify-content: center; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container > div + div, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container > div + div {
margin-left: 1rem; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container > div a:focus, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container > div a:focus {
color: #04426A; }
#blogListingPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container:before, #blogSearchPage .middle-content-container .blog-list-content-container .blog-list-content-section .blog-item-additional-content .content-container:before {
content: 'Share \2192';
margin-right: 1rem;
color: #c9c9c9;
font-family: "Lato";
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.0125em;
text-transform: uppercase; }
#blogSearchPage .middle-content-container {
position: relative; }
#blogSearchPage .middle-content-container .search-message-content-section {
padding: 0;
margin-bottom: 2rem;
width: 100vw;
position: absolute;
top: -30px;
left: 0;
left: calc(-50vw + 50%); }
#blogSearchPage .middle-content-container .search-message-content-section .search-success-message {
background-color: #f3f3f3;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding: 60px 10px;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
text-transform: uppercase; }
#blogSearchPage .middle-content-container .search-message-content-section .search-success-message .search-term {
text-transform: none;
font-size: 1.5rem;
text-align: center;
text-transform: uppercase; }
#blogSearchPage .middle-content-container .search-message-content-section .search-success-message .search-term::before {
content: '"'; }
#blogSearchPage .middle-content-container .search-message-content-section .search-success-message .search-term::after {
content: '"'; }
#blogSearchPage .middle-content-container .search-message-content-section .search-failure-message {
background-color: #f3f3f3;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding: 60px 10px;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
text-transform: uppercase; }
#blogSearchPage .middle-content-container .search-message-content-section .search-failure-message .search-term {
font-size: 1.5rem; }
#blogSearchPage .middle-content-container .search-message-content-section .search-failure-message .search-term::before {
content: '"'; }
#blogSearchPage .middle-content-container .search-message-content-section .search-failure-message .search-term::after {
content: '"'; }
#blogSearchPage .middle-content-container .search-message-content-section .search-failure-details {
display: none; }
#blogSearchPage .middle-content-container .blog-list-content-section {
margin-top: 190px !important; }
#blogSearchPage .middle-content-container .side-content-container {
margin-top: 190px !important; }
@media screen and (max-width: 768px) {
#blogSearchPage .middle-content-container .side-content-container {
margin-top: 0 !important; } }
#blogSearchPage .middle-content-container .side-content-container .search-block .block-title {
margin-top: 0; }
#blogSearchPage .middle-content-container > .side-content-container {
width: 30%;
padding: 0 20px; }
@media screen and (max-width: 768px) {
#blogSearchPage .middle-content-container > .side-content-container {
width: 100%; } }
header {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: none; }
header .asideBar {
position: fixed;
height: 100%;
top: 0;
width: 320px;
background: white;
transform: translate3d(-320px, 0, 0);
z-index: 3; }
@media only screen and (min-width: 1024px) {
header .asideBar {
display: none; } }
header .asideBar .asideMenu {
display: flex;
flex-direction: column; }
header .asideBar .asideMenu .menu-title {
font-family: "Lato";
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.05em;
line-height: 1;
text-transform: none;
padding-right: 0; }
header .asideBar .asideMenu div {
display: flex;
padding: 1em;
border-bottom: 1px solid rgba(238, 238, 238, 0.933333);
justify-content: space-between;
align-items: center; }
header .asideBar .asideMenu div a:first-child {
margin-left: 20px;
font-family: Montserrat;
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.05em;
line-height: 1; }
header .asideBar .asideMenu div .closeIcon {
font-size: 20px;
margin: 0 10px;
display: flex;
border: none; }
header .asideBar .asideMenu .menuList {
padding: 2em;
display: flex;
flex-direction: column; }
header .asideBar .asideMenu .menuList .menuItem {
padding: 1rem 0;
border-bottom: 1px solid rgba(238, 238, 238, 0.933333); }
header .asideBar .asideMenu .menuList .menuItem a {
font-family: "Lato";
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.0125em;
text-transform: uppercase; }
header .asideBar .asideMenu .menuList .menuItem a:focus, header .asideBar .asideMenu .menuList .menuItem a:hover {
border-bottom: 2px solid #298FC2 !important;
border: none; }
header .headSection {
display: flex;
flex-direction: column;
width: 100%; }
header .headSection .logoContainer {
display: flex;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 1rem;
margin-bottom: 2rem; }
@media only screen and (max-width: 1024px) {
header .headSection .logoContainer {
width: 50%; } }
@media only screen and (max-width: 768px) {
header .headSection .logoContainer {
margin-bottom: 0; } }
header .headSection .logoContainer a {
width: 100%;
display: flex;
border-bottom: 2px solid transparent; }
header .headSection .logoContainer a:focus, header .headSection .logoContainer a:hover {
border: none;
border-bottom: 2px solid #298FC2; }
header .headSection .logoContainer a img {
width: 100%; }
header .headSection .menuContainer {
display: flex;
max-width: 1200px;
margin: 0 auto;
justify-content: space-between;
width: 100%;
padding: 0 1rem;
box-sizing: border-box; }
header .headSection .menuContainer .menuWrapper {
visibility: hidden; }
header .headSection .menuContainer .menuWrapper .menuIcon {
font-size: 20px;
border: none;
display: none; }
header .headSection .menuContainer .menuWrapper .menuIcon:focus {
border: 1px solid #000000; }
@media only screen and (max-width: 1024px) {
header .headSection .menuContainer .menuWrapper .menuIcon {
display: flex; } }
header .headSection .menuContainer .navBar {
width: 50%;
display: flex;
flex-wrap: wrap; }
header .headSection .menuContainer .navBar .menuList {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
width: 100%; }
header .headSection .menuContainer .navBar .menuList .menuItem {
padding: 0 10px;
text-transform: uppercase;
font-size: 12px; }
header .headSection .menuContainer .navBar .menuList .menuItem a {
font-family: "Lato";
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.0125em;
text-transform: uppercase;
border-bottom: 2px solid transparent; }
header .headSection .menuContainer .navBar .menuList .menuItem a:focus, header .headSection .menuContainer .navBar .menuList .menuItem a:hover {
border: none;
border-bottom: 2px solid #298FC2;
color: #000000; }
header .headSection .menuContainer .searchWrapper {
visibility: hidden; }
header .headSection .menuContainer .searchWrapper .searchIcon {
font-size: 20px;
border: none;
display: flex;
border-radius: 0; }
header .headSection .menuContainer .searchWrapper .searchIcon:focus {
border: 1px solid #000000; }
header .headSection .menuContainer .searchWrapper .siteSearch {
display: none; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
position: fixed;
left: 0;
top: 0;
z-index: 99;
background-color: #fff; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField .logoContainer {
margin-top: 1rem; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField .closeIcon {
position: absolute;
z-index: 2;
font-size: 20px;
border: none;
display: flex;
right: 1rem;
top: 1rem; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField .closeIcon:focus {
border: 1px solid #000000; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100%;
z-index: 1; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm {
display: flex;
flex-direction: column; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm .searchLabel {
margin: 0 auto; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm .searchBox {
border: none;
padding: 0;
width: 100%;
font-size: 3em;
margin-top: 1rem;
line-height: 2em;
text-align: center;
color: #000000;
padding-left: 1rem;
padding-right: 1rem; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm .searchBox:placeholder {
color: #000000; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm .searchBox:focus {
border: 1px solid #000000; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm .submitButton {
border: none;
padding: 0; }
header .headSection .menuContainer .searchWrapper .siteSearch .searchField div:not(.logoContainer) #searchForm .byLine {
text-align: center; }
header .headSection .menuContainer .searchWrapper .siteSearch.active {
display: block; }
@media only screen and (max-width: 1024px) {
header .navBar {
display: none !important; }
header .menuContainer {
position: absolute;
top: 0; }
header .headSection {
position: relative; }
header .menuWrapper {
visibility: visible !important; } }
body #anchorContainer {
transition: all 0.4s ease;
position: relative; }
body #anchorContainer:after {
content: '';
display: none;
background: transparent;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
transition: all 0.4s ease; }
body.menu-active #anchorContainer {
transform: translate3d(320px, 0, 0); }
body.menu-active #anchorContainer:after {
display: block;
background: rgba(0, 0, 0, 0.5); }
footer {
width: 100%;
background-color: #04426A;
color: #fff; }
footer .footerContainer {
display: flex;
flex-direction: column;
padding-top: 3rem;
padding-bottom: 3rem; }
footer .footerContainer div {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
color: #fff; }
footer .footerContainer div#copyrightContainer {
margin-top: 1rem; }
footer .footerContainer div a img, footer .footerContainer div p {
width: 100%;
margin-bottom: 10px;
text-align: center;
margin-top: 0; }
footer .footerContainer div a {
width: 100%; }
.relatedblogsblock.hero .content-section, .recentblogsblock.hero .content-section, .featuredblogsblock.hero .content-section, .fixedblogsblock.hero .content-section {
margin: 0 auto;
max-width: 100%; }
@media only screen and (min-width: 760px) {
.relatedblogsblock.hero .content-section, .recentblogsblock.hero .content-section, .featuredblogsblock.hero .content-section, .fixedblogsblock.hero .content-section {
max-width: 820px; } }
@media only screen and (min-width: 1020px) {
.relatedblogsblock.hero .content-section, .recentblogsblock.hero .content-section, .featuredblogsblock.hero .content-section, .fixedblogsblock.hero .content-section {
max-width: 1100px; } }
@media only screen and (min-width: 1120px) {
.relatedblogsblock.hero .content-section, .recentblogsblock.hero .content-section, .featuredblogsblock.hero .content-section, .fixedblogsblock.hero .content-section {
max-width: 1180px; } }
@media only screen and (min-width: 1240px) {
.relatedblogsblock.hero .content-section, .recentblogsblock.hero .content-section, .featuredblogsblock.hero .content-section, .fixedblogsblock.hero .content-section {
max-width: 1300px; } }
.relatedblogsblock.hero .content-section.slick-slider, .recentblogsblock.hero .content-section.slick-slider, .featuredblogsblock.hero .content-section.slick-slider, .fixedblogsblock.hero .content-section.slick-slider {
margin-left: auto;
margin-right: auto; }
.relatedblogsblock.hero .content-section.slick-slider .slick-list, .recentblogsblock.hero .content-section.slick-slider .slick-list, .featuredblogsblock.hero .content-section.slick-slider .slick-list, .fixedblogsblock.hero .content-section.slick-slider .slick-list {
overflow: visible; }
.relatedblogsblock.hero .content-section.slick-slider .slick-prev, .relatedblogsblock.hero .content-section.slick-slider .slick-next, .recentblogsblock.hero .content-section.slick-slider .slick-prev, .recentblogsblock.hero .content-section.slick-slider .slick-next, .featuredblogsblock.hero .content-section.slick-slider .slick-prev, .featuredblogsblock.hero .content-section.slick-slider .slick-next, .fixedblogsblock.hero .content-section.slick-slider .slick-prev, .fixedblogsblock.hero .content-section.slick-slider .slick-next {
z-index: 1;
height: 4rem;
border-radius: 0;
width: 4rem; }
.relatedblogsblock.hero .content-section.slick-slider .slick-prev:before, .relatedblogsblock.hero .content-section.slick-slider .slick-next:before, .recentblogsblock.hero .content-section.slick-slider .slick-prev:before, .recentblogsblock.hero .content-section.slick-slider .slick-next:before, .featuredblogsblock.hero .content-section.slick-slider .slick-prev:before, .featuredblogsblock.hero .content-section.slick-slider .slick-next:before, .fixedblogsblock.hero .content-section.slick-slider .slick-prev:before, .fixedblogsblock.hero .content-section.slick-slider .slick-next:before {
/*color: transparent;*/
color: #000000; }
@media only screen and (max-width: 768px) {
.relatedblogsblock.hero .content-section.slick-slider .slick-prev, .relatedblogsblock.hero .content-section.slick-slider .slick-next, .recentblogsblock.hero .content-section.slick-slider .slick-prev, .recentblogsblock.hero .content-section.slick-slider .slick-next, .featuredblogsblock.hero .content-section.slick-slider .slick-prev, .featuredblogsblock.hero .content-section.slick-slider .slick-next, .fixedblogsblock.hero .content-section.slick-slider .slick-prev, .fixedblogsblock.hero .content-section.slick-slider .slick-next {
width: 2rem;
/*display: none;*/
/*We might want to hide this?*/ } }
.relatedblogsblock.hero .content-section.slick-slider .slick-prev, .recentblogsblock.hero .content-section.slick-slider .slick-prev, .featuredblogsblock.hero .content-section.slick-slider .slick-prev, .fixedblogsblock.hero .content-section.slick-slider .slick-prev {
left: 20px;
cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5hcnJvdy1sZWZ0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxvZ29zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDU0LjAwMDAwMCwgLTE4MjkuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjcuMDAwMDAwLCAxODM3LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTQ2Ny4wMDAwMDAsIC0xODM3LjAwMDAwMCkgdHJhbnNsYXRlKDE0NTQuMDAwMDAwLCAxODI5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMjIuMTcyIDcgMTYuODA4IDEuNjM2IDE4LjIyMiAwLjIyMiAyNiA4IDE4LjIyMiAxNS43NzggMTYuODA4IDE0LjM2NCAyMi4xNzIgOSAyLjEyODg1MjY1ZS0xNCA5IDIuMTI4ODUyNjVlLTE0IDciPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") 16 16; }
@media only screen and (max-width: 768px) {
.relatedblogsblock.hero .content-section.slick-slider .slick-prev, .recentblogsblock.hero .content-section.slick-slider .slick-prev, .featuredblogsblock.hero .content-section.slick-slider .slick-prev, .fixedblogsblock.hero .content-section.slick-slider .slick-prev {
left: -40px !important; } }
.relatedblogsblock.hero .content-section.slick-slider .slick-next, .recentblogsblock.hero .content-section.slick-slider .slick-next, .featuredblogsblock.hero .content-section.slick-slider .slick-next, .fixedblogsblock.hero .content-section.slick-slider .slick-next {
right: 20px;
cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5hcnJvdy1yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMb2dvcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ1NC4wMDAwMDAsIC0xODU0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJhcnJvdy1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ1NC4wMDAwMDAsIDE4NTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIyMi4xNzIgNyAxNi44MDggMS42MzYgMTguMjIyIDAuMjIyIDI2IDggMTguMjIyIDE1Ljc3OCAxNi44MDggMTQuMzY0IDIyLjE3MiA5IDIuMTI4ODUyNjVlLTE0IDkgMi4xMjg4NTI2NWUtMTQgNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 16 16; }
@media only screen and (max-width: 768px) {
.relatedblogsblock.hero .content-section.slick-slider .slick-next, .recentblogsblock.hero .content-section.slick-slider .slick-next, .featuredblogsblock.hero .content-section.slick-slider .slick-next, .fixedblogsblock.hero .content-section.slick-slider .slick-next {
right: -40px !important; } }
@media only screen and (max-width: 768px) {
.relatedblogsblock.hero .content-section.slick-slider .slick-dots, .recentblogsblock.hero .content-section.slick-slider .slick-dots, .featuredblogsblock.hero .content-section.slick-slider .slick-dots, .fixedblogsblock.hero .content-section.slick-slider .slick-dots {
bottom: 1rem; }
.relatedblogsblock.hero .content-section.slick-slider .slick-dots li button:before, .recentblogsblock.hero .content-section.slick-slider .slick-dots li button:before, .featuredblogsblock.hero .content-section.slick-slider .slick-dots li button:before, .fixedblogsblock.hero .content-section.slick-slider .slick-dots li button:before {
color: #fff;
opacity: 0.5; }
.relatedblogsblock.hero .content-section.slick-slider .slick-dots li.slick-active button:before, .recentblogsblock.hero .content-section.slick-slider .slick-dots li.slick-active button:before, .featuredblogsblock.hero .content-section.slick-slider .slick-dots li.slick-active button:before, .fixedblogsblock.hero .content-section.slick-slider .slick-dots li.slick-active button:before {
opacity: 1; } }
.relatedblogsblock.hero .content-section .blog-item, .recentblogsblock.hero .content-section .blog-item, .featuredblogsblock.hero .content-section .blog-item, .fixedblogsblock.hero .content-section .blog-item {
margin-bottom: 0; }
@media only screen and (max-width: 768px) {
.relatedblogsblock.hero, .recentblogsblock.hero, .featuredblogsblock.hero, .fixedblogsblock.hero {
max-height: 56%; }
.relatedblogsblock.hero .content-section.slick-slider, .recentblogsblock.hero .content-section.slick-slider, .featuredblogsblock.hero .content-section.slick-slider, .fixedblogsblock.hero .content-section.slick-slider {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0; }
.relatedblogsblock.hero .content-section.slick-slider .slick-slide, .recentblogsblock.hero .content-section.slick-slider .slick-slide, .featuredblogsblock.hero .content-section.slick-slider .slick-slide, .fixedblogsblock.hero .content-section.slick-slider .slick-slide {
margin: auto; } }
.relatedblogsblock.hero a, .recentblogsblock.hero a, .featuredblogsblock.hero a, .fixedblogsblock.hero a {
display: flex;
position: relative;
padding-top: 600px; }
.relatedblogsblock.hero a .blog-item-image-container, .recentblogsblock.hero a .blog-item-image-container, .featuredblogsblock.hero a .blog-item-image-container, .fixedblogsblock.hero a .blog-item-image-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
z-index: 1; }
.relatedblogsblock.hero a .blog-item-image-container:after, .recentblogsblock.hero a .blog-item-image-container:after, .featuredblogsblock.hero a .blog-item-image-container:after, .fixedblogsblock.hero a .blog-item-image-container:after {
content: ' ';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 2;
background-color: rgba(0, 0, 0, 0.4); }
.relatedblogsblock.hero a .blog-item-image-container img, .recentblogsblock.hero a .blog-item-image-container img, .featuredblogsblock.hero a .blog-item-image-container img, .fixedblogsblock.hero a .blog-item-image-container img {
height: 100%;
width: 100%;
object-fit: cover; }
.relatedblogsblock.hero a .blog-item-title, .recentblogsblock.hero a .blog-item-title, .featuredblogsblock.hero a .blog-item-title, .fixedblogsblock.hero a .blog-item-title {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
margin: 0;
font-size: 2rem;
/*Why 2REM? No idea!!*/ }
@media only screen and (max-width: 768px) {
.relatedblogsblock.hero a, .recentblogsblock.hero a, .featuredblogsblock.hero a, .fixedblogsblock.hero a {
padding-top: 56%; } }
.relatedblogsblock:not(.hero) .content-section.slick-slider.slick-dotted, .recentblogsblock:not(.hero) .content-section.slick-slider.slick-dotted, .featuredblogsblock:not(.hero) .content-section.slick-slider.slick-dotted, .fixedblogsblock:not(.hero) .content-section.slick-slider.slick-dotted {
margin-bottom: 5rem; }
.relatedblogsblock:not(.hero) .blog-item a .blog-item-image-container:before, .recentblogsblock:not(.hero) .blog-item a .blog-item-image-container:before, .featuredblogsblock:not(.hero) .blog-item a .blog-item-image-container:before, .fixedblogsblock:not(.hero) .blog-item a .blog-item-image-container:before {
display: flex;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
content: "View Post";
transition: all 0.2s ease;
background-color: rgba(0, 0, 0, 0.5);
align-items: center;
text-align: center;
justify-content: center;
color: #fff;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.0125em;
text-transform: uppercase; }
.relatedblogsblock:not(.hero) .blog-item a:hover .blog-item-image-container:before, .recentblogsblock:not(.hero) .blog-item a:hover .blog-item-image-container:before, .featuredblogsblock:not(.hero) .blog-item a:hover .blog-item-image-container:before, .fixedblogsblock:not(.hero) .blog-item a:hover .blog-item-image-container:before {
opacity: 1; }
.relatedblogsblock.showcase, .recentblogsblock.showcase, .featuredblogsblock.showcase, .fixedblogsblock.showcase {
margin-bottom: 3rem; }
@media only screen and (min-width: 768px) {
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider), .recentblogsblock.showcase .content-container .content-section:not(.slick-slider), .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider), .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) {
flex-direction: column;
height: 470px;
justify-content: space-between;
align-content: space-between; } }
@media only screen and (min-width: 768px) and (min-width: 1024px) {
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider), .recentblogsblock.showcase .content-container .content-section:not(.slick-slider), .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider), .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) {
height: 550px; } }
@media only screen and (min-width: 768px) {
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item {
margin-left: 1rem;
margin-bottom: 1rem; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child {
height: 100%;
margin-left: 0;
margin-bottom: 0; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a {
height: 100%;
position: relative; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-image-container, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-image-container, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-image-container, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-image-container {
padding-top: 0; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a:hover .blog-item-image-container:before, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a:hover .blog-item-image-container:before, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a:hover .blog-item-image-container:before, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a:hover .blog-item-image-container:before {
display: none; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: white;
padding-left: 2rem;
padding-right: 2rem;
font-size: 1.5rem; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title:after, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title:after, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title:after, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:first-child a .blog-item-title:after {
content: 'View Post';
display: block;
margin-top: 1rem;
padding: 0.5rem 1rem;
background-color: #282828;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.0125em;
text-transform: uppercase; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a, .relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a {
flex-direction: row;
align-items: center; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-image-container, .relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-image-container, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-image-container, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-image-container, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-image-container, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-image-container, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-image-container, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-image-container {
padding-top: 20%;
width: 25%;
flex-grow: 0;
flex-shrink: 0; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a:hover .blog-item-image-container:before, .relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a:hover .blog-item-image-container:before, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a:hover .blog-item-image-container:before, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a:hover .blog-item-image-container:before, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a:hover .blog-item-image-container:before, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a:hover .blog-item-image-container:before, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a:hover .blog-item-image-container:before, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a:hover .blog-item-image-container:before {
display: none; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title {
margin-top: 0;
margin-left: 1rem;
flex-grow: 1;
flex-shrink: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(2n) a .blog-item-title, .relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(2n) a .blog-item-title, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(2n) a .blog-item-title, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(2n) a .blog-item-title, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(3n) a .blog-item-title, .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) a .blog-item-title {
text-align: left; }
.relatedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n), .recentblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n), .featuredblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n), .fixedblogsblock.showcase .content-container .content-section:not(.slick-slider) .blog-item:nth-child(4n) {
margin-bottom: 0; } }
.relatedblogsblock .blog-item-author, .relatedblogsblock .blog-item-date, .recentblogsblock .blog-item-author, .recentblogsblock .blog-item-date, .featuredblogsblock .blog-item-author, .featuredblogsblock .blog-item-date, .fixedblogsblock .blog-item-author, .fixedblogsblock .blog-item-date {
display: none; }
.relatedblogsblock .blog-item-title, .recentblogsblock .blog-item-title, .featuredblogsblock .blog-item-title, .fixedblogsblock .blog-item-title {
font-size: 1rem;
font-weight: 600;
font-family: "Lato";
text-transform: none;
margin-top: 15px;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.relatedblogsblock .content-section.slick-dotted, .recentblogsblock .content-section.slick-dotted, .featuredblogsblock .content-section.slick-dotted, .fixedblogsblock .content-section.slick-dotted {
margin-bottom: 3rem; }
.relatedblogsblock .content-section.slick-dotted .slick-dots, .recentblogsblock .content-section.slick-dotted .slick-dots, .featuredblogsblock .content-section.slick-dotted .slick-dots, .fixedblogsblock .content-section.slick-dotted .slick-dots {
bottom: -3rem;
padding: 0 2rem; }
.relatedblogsblock .content-container .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container .content-section:not(.slick-slider) .blog-item {
margin-bottom: 2rem; }
.relatedblogsblock .content-container .slick-disabled, .recentblogsblock .content-container .slick-disabled, .featuredblogsblock .content-container .slick-disabled, .fixedblogsblock .content-container .slick-disabled {
display: none; }
.relatedblogsblock .blog-item-additional-content .content-container, .recentblogsblock .blog-item-additional-content .content-container, .featuredblogsblock .blog-item-additional-content .content-container, .fixedblogsblock .blog-item-additional-content .content-container {
display: flex;
flex-direction: row;
align-items: center;
padding-top: 0;
justify-content: center; }
.relatedblogsblock .blog-item-additional-content .content-container > div + div, .recentblogsblock .blog-item-additional-content .content-container > div + div, .featuredblogsblock .blog-item-additional-content .content-container > div + div, .fixedblogsblock .blog-item-additional-content .content-container > div + div {
margin-left: 1rem; }
.relatedblogsblock .blog-item-additional-content .content-container > div, .recentblogsblock .blog-item-additional-content .content-container > div, .featuredblogsblock .blog-item-additional-content .content-container > div, .fixedblogsblock .blog-item-additional-content .content-container > div {
margin-top: 0; }
.relatedblogsblock .blog-item-additional-content .content-container > div a:focus, .recentblogsblock .blog-item-additional-content .content-container > div a:focus, .featuredblogsblock .blog-item-additional-content .content-container > div a:focus, .fixedblogsblock .blog-item-additional-content .content-container > div a:focus {
color: #04426A; }
.relatedblogsblock .blog-item-additional-content .content-container:before, .recentblogsblock .blog-item-additional-content .content-container:before, .featuredblogsblock .blog-item-additional-content .content-container:before, .fixedblogsblock .blog-item-additional-content .content-container:before {
content: 'Share \2192';
margin-right: 1rem;
color: #c9c9c9;
font-family: "Lato";
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.0125em;
text-transform: uppercase; }
.relatedblogsblock .blog-item-additional-content .content-container .google-container, .recentblogsblock .blog-item-additional-content .content-container .google-container, .featuredblogsblock .blog-item-additional-content .content-container .google-container, .fixedblogsblock .blog-item-additional-content .content-container .google-container {
display: none; }
.relatedblogsblock .blog-item a:focus, .recentblogsblock .blog-item a:focus, .featuredblogsblock .blog-item a:focus, .fixedblogsblock .blog-item a:focus {
color: #04426A; }
.slick-prev, .slick-next {
z-index: 1; }
.slick-prev.slick-disabled, .slick-next.slick-disabled {
display: none; }
.slick-prev:before, .slick-next:before {
color: #000000; }
.featuredblogsblock.hero .content-section.slick-slider .slick-prev, .featuredblogsblock.hero .content-section.slick-slider .slick-next {
width: 20px;
height: 20px; }
.featuredblogsblock.hero .content-section.slick-slider .slick-prev {
left: 40px; }
.featuredblogsblock.hero .content-section.slick-slider .slick-next {
right: 40px; }
/*thumbnail-video-block*/
.thumbnailviewvideoblock .video {
width: calc(100% - 60%) !important;
height: 100% !important;
margin: 20px 0; }
.thumbnailviewvideodiv :first-child {
font-weight: bolder;
font-size: 24px; }
.thumbnailviewvideodiv .videoWrapper {
width: 100% !important;
height: 100% !important;
position: relative;
padding-top: 55%;
background-size: cover !important;
margin: 20px 0;
background-position: 0 !important; }
.thumbnailviewvideodiv .videoWrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
max-height: 100%; }
.thumbnailviewvideodiv .videoWrapper button {
position: absolute;
top: 50%;
left: 45%;
background-color: red;
padding: 7px;
border-radius: 10px;
font-size: 0; }
.thumbnailviewvideodiv .videoWrapper button::after {
font: var(--fa-font-solid);
content: '\f04b';
color: #ffffff;
font-size: 10px;
padding: 7px; }
.socialshareblock a {
cursor: pointer;
border: 1px solid transparent; }
.socialshareblock a:focus {
color: #04426A;
border: 1px solid #000; }
.pintrest-container a {
cursor: pointer; }
/*Move to separate file*/
body {
/*Hero block*/ }
body .hybridxhtmlblock img {
max-width: 100%;
height: auto; }
body .hybridxhtmlblock .content-container .content-section .search_form fieldset .search:focus {
border: 1px solid #298FC2;
border-radius: 0px !important; }
body .hybridxhtmlblock .content-container .content-section .search_form fieldset .search-button:focus {
border: 1px solid #298FC2; }
body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock {
border-radius: unset; }
@media only screen and (min-width: 768px) {
body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock {
margin-top: 32px;
margin-bottom: 32px; } }
body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground {
border-radius: 0;
background-size: cover; }
body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground a:focus {
border: 1px solid #000 !important; }
body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock:hover {
border-radius: unset; }
body .instagramprofileblock, body .facebookprofileblock, body .twitterprofileblock, body .pinterestprofileblock {
position: relative; }
body .hybridcarouselblock img {
width: 100%; }
body .hybridcarouselblock .block-textblock {
margin-top: 1rem; }
body .search-block .content-container {
padding-top: 0 !important; }
body .mobile-hero-container {
display: none; }
body .hybridcontentbannerblock-container .mobile-content-container {
display: none; }
body .instagramprofileblock .content-section iframe, body .facebookprofileblock .content-section iframe, body .pinterestprofileblock .content-section iframe, body .twitterprofileblock .content-section iframe {
min-width: 0 !important; }
.search-block {
padding: 0 !important; }
.search-block .content-section {
display: block !important;
padding: 0 !important; }
.search-block .content-section .block-content .search_form {
width: 100%; }
.search-block .content-section .block-content .search_form fieldset {
border: 1px solid #777777;
color: #777777;
display: flex;
padding: 0;
justify-content: space-between;
margin: 0; }
.search-block .content-section .block-content .search_form fieldset .search {
border: none;
padding: 5px 0 5px 10px;
width: 100%;
outline: none;
color: #777777; }
.search-block .content-section .block-content .search_form fieldset .search::placeholder {
color: #777777; }
.search-block .content-section .block-content .search_form fieldset .search-button {
background: transparent;
color: #777777;
font-size: 1.25rem !important;
border: 1px solid transparent; }
.search-block .content-section .block-content .search_form fieldset .search-button:focus {
border: 1px solid black; }