/** * 1500px */ @media only screen and ( max-width: 1500px ) { .fluidWrapper {padding-left: 40px; padding-right: 40px;} #slideshow li > img {margin-right: -260px;} } /** * 1300px */ @media only screen and ( max-width: 1300px ) { .fluidWrapper, .primaryWidth {padding-left: 20px; padding-right: 20px;} #utilityWrapper {padding-right: 0;} #utilityNav > ul > li:last-child, #utilityNav > ul > li:last-child > a {border-right: 0;} #mainNav > ul > li > a {padding: 0 12px; font-size: 16px;} #mainNav > ul > li.button > a {padding: 10px 16px; font-size: 13px;} #contentWrapper:not(.primaryWidth) #content .fl-row-fixed-width {padding-left: 20px; padding-right: 20px;} #footerCtaWrapper {max-height: none;} #footerWidgets {justify-content: normal;} #footerWidgets > * {flex: 1 0 auto;} } /** * 1100px */ @media only screen and ( max-width: 1100px ) { #utilityWrapper {padding-right: 6px;} #utilLeft li {margin-right: 20px;} #utilityNav > ul > li > a {padding-left: 14px; padding-right: 14px;} #header {flex-wrap: wrap; justify-content: center;} #mainNav {margin-top: 20px;} #mainNav > ul > li > a {padding: 0 18px; font-size: 18px;} #mainNav > ul > li.button > a {padding: 14px 36px; font-size: 14px;} #slideshow li > img {max-width: 600px; margin-right: -200px;} #pageWrapper #content {margin-right: 40px;} } /** * 950px */ @media only screen and ( max-width: 950px ) { .bannerOverlay:before { background: -webkit-linear-gradient(left, rgba(0,52,113,0.75) 15%,rgba(0,52,113,0) 150%); background: linear-gradient(to right, rgba(0,52,113,0.75) 15%,rgba(0,52,113,0.2) 150%);} #utilLeft li {margin-right: 10px;} #utilityNav > ul > li {display: none;} #utilityNav > ul > li:nth-last-child(1), #utilityNav > ul > li:nth-last-child(2) {display: block;} #utilityNav > ul > li:nth-last-child(2) a {padding-left: 0;} #mainNav > ul > li > a {padding: 0 12px; font-size: 16px;} #mainNav > ul > li.button > a {padding: 10px 16px; font-size: 13px;} #slideshowWrapper {height: 500px; overflow: hidden;} #slideshow li > img {display: none;} #slideshow li .slide-content {max-width: none;} #slideshow li .slide-content br {content: ' ';} #slideshow li .slide-content br:before {content: ' ';} #sidebar {min-width: 280px; max-width: 280px; width: 280px;} } /** * 850px */ @media only screen and ( max-width: 850px ) { .textalign-right, [style*="text-align:right"], [style*="text-align: right"] {text-align: center !important;} #mainNav {display: none;} #mobileNav, #openMobileMenu {display: block;} #header {flex-wrap: nowrap; justify-content: space-between;} #logo {margin-right: 60px;} #mainBannerWrapper {height: 28.3vw;} #mainBanner {font-size: 5.7vw;} #contentWrapper.primaryWidth.flex #content {max-width: none; margin-right: 0;} #pageWrapper #content .fl-col {margin-top: 20px; margin-bottom: 20px;} #homeLovelessBgr .fl-row-content-wrap {background-image: none;} #sidebar {display: none;} #mobileSidebar {display: flex;} #footerWidgets > * {width: 50%; width: calc( 50% - 40px ); margin: 0 20px 40px;} } /** * 768px */ @media only screen and ( max-width: 768px ) { body {padding-bottom: 140px;} #bgrWrapper {padding: 40px 0;} #testimonialSlick {padding: 0;} #testimonialSlick .slick-arrow {top: -5px; height: 50px; background: none;} #testimonialSlick .slick-arrow:before {content: '\f053'; display: block; color: #000; font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #footerCtaWrapper {flex-wrap: wrap; height: auto;} #footerCtaWrapper > * {width: 100%; text-align: center;} #footerCtaWrapper > * + * {margin-top: 12px;} #footerCta-content + * {margin-left: 0;} #fixedCta > .flex {flex-wrap: wrap; justify-content: center;} #fixedCta .content {width: 100%; text-align: center;} #fixedCta {font-size: 18px;} } /** * 700px */ @media only screen and ( max-width: 700px ) { #utilLeft li:first-child {display: none;} #utilRight {width: 100%;} #utilRight li {width: 50%; text-align: center;} } /** * 600px */ @media only screen and ( max-width: 600px ) { #utilityNav > ul > li a span:first-of-type {display: none;} #utilityNav > ul > li a .mobile {display: inline-block;} #slideshow li .slide-content {font-size: 6.6vw;} #slideshow li .slide-content strong {font-size: 6.8vw;} #slideshow li .slide-title {font-size: 10vw;} #slideshow li .slide-buttons a {display: block; margin: 0;} #slideshow li .slide-buttons a + a {margin-top: 8px;} #content article.hentry > .post-thumbnail {display: none;} #content article.hentry .post-thumbnail.mobile {display: block; width: auto; margin-bottom: 1.1em;} #content img.alignleft, #content img.alignright, #content .wp-caption.alignleft, #content .wp-caption.alignright {float: none; display: block; margin: 0 auto 1.1em; width: auto !important; max-width: 100%; height: auto; text-align: center;} #archiveWrapper.team .hentry > .member-image {display: none;} #archiveWrapper.team .member-image.mobile {display: block;} } /** * 500px */ @media only screen and ( max-width: 500px ) { #slideshowWrapper {height: 100vw;} #archiveWrapper.team .hentry .member-content .btn {display: block; } #archiveWrapper.team .hentry .member-content .btn + .btn {margin-left: 0; margin-top: 12px;} #content a[download] {display: block; max-width: 190px; margin: 0 auto; } #footerGoogleMaps {flex-wrap: wrap;} #footerGoogleMaps > div {width: 100%;} } /** * 480px */ @media only screen and ( max-width: 480px ) { #homeWrapper .btn {display: block; width: 100%; box-sizing: border-box;} #homeWrapper .btn +.btn {margin: 12px 0 0;} #content table.threeCol th, #content table.threeCol td {display: block; width: 100%; margin-top: -1px; box-sizing: border-box;} } /** * 400px */ @media only screen and ( max-width: 400px ) { #utilityWrapper, #utilityNav > ul > li > a {padding: 0;} #slideshowWrapper {height: 400px;} #footerWidgets > * {width: 100%;} }