/** * Jump to * * 01. Element Styles * 02. Classes * 03. Header * 04. Content * 05. Blog * 06. Team * 07. Sidebar * 08. Footer * 09. Animations * */ /** * 01. Element Styles */ * {margin: 0; padding: 0; border: 0;} html, body {font-family: 'Lato', sans-serif;} body {padding-bottom: 91px; background-color: #05406e;} body.nocta {padding-bottom: 0;} a {text-decoration: none;} p {margin: 0 0 1.1em 0; padding: 0;} hr {height: 1px; border-bottom: 1px solid #d7d7d7; background-color: #fff; margin-bottom: 1.1em;} td {vertical-align: top;} input, select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0px;} /** * 02. Classes */ .primaryWidth {width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box;} .fluidWrapper {padding-left: 80px; padding-right: 80px;} .alignleft {float: left;} .alignright {float: right;} .textalign-center {text-align: center;} .textalign-right {text-align: right;} .textalign-left {text-align: left;} .mobile {display: none;} .clearfix:after {content: ''; display: table; clear: both;} .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;} .fa-phone {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1);} .fas,.far,.fab {font-size: smaller;} .bannerOverlay:before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-linear-gradient(left, rgba( 5, 64, 110, 0.75) 0%,rgba( 5, 64, 110, 0 ) 100%); background: linear-gradient(to right, rgba( 5, 64, 110,0.75 ) 0%,rgba( 5, 64, 110,0.2 ) 100%);} .green-blue-gradient {background: #66bc84; background: -webkit-linear-gradient(left, #e1ae11 0%,#b98c00 100%); background: linear-gradient(to right, #e1ae11 0%,#b98c00 100%);} .weight-300 {font-weight: 300;} .weight-400 {font-weight: 400;} .weight-600 {font-weight: 600;} .weight-700 {font-weight: 700;} .weight-900 {font-weight: 900;} .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter, img.aligncenter {display: block; margin: 0 auto 1.1em;} .wp-caption-text{font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;} /* Default Galleries */ .gallery {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.1em;} .gallery-item {float: left; margin: 0 5px 1.1em;} .gallery-item a {display: block;} .gallery-item img {display: block; max-width: 100%; height: auto; margin: 0 auto;} .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%; -webkit-width: calc(100% * (1/2) - 10px); width: calc(100% * (1/2) - 10px);} .gallery-columns-3 .gallery-item {width: 33.33%; -webkit-width: calc(100% * (1/3) - 10px); width: calc(100% * (1/3) - 10px);} .gallery-columns-4 .gallery-item {width: 25%; -webkit-width: calc(100% * (1/4) - 10px); width: calc(100% * (1/4) - 10px);} .gallery-columns-5 .gallery-item {width: 20%; -webkit-width: calc(100% * (1/5) - 10px); width: calc(100% * (1/5) - 10px);} .gallery-columns-6 .gallery-item {width: 16.66%; -webkit-width: calc(100% * (1/6) - 10px); width: calc(100% * (1/6) - 10px);} .gallery-columns-7 .gallery-item {width: 14.28%; -webkit-width: calc(100% * (1/7) - 10px); width: calc(100% * (1/7) - 10px);} .gallery-columns-8 .gallery-item {width: 12.5%; -webkit-width: calc(100% * (1/8) - 10px); width: calc(100% * (1/8) - 10px);} .gallery-columns-9 .gallery-item {width: 11.11%; -webkit-width: calc(100% * (1/9) - 10px); width: calc(100% * (1/9) - 10px);} .gallery-caption {display: block;} /* Buttons */ .btn {position: relative; display: inline-block; padding: 13px 38px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700;} .btn.btnTrans {padding: 14px 36px; border: 2px solid;} .btn + .btn {margin-left: 12px;} .btnBlue {color: #fff; background-color: #05406e;} .btnCyan {color: #fff; background-color: #b98c00;} .btnRainbow {transition: none !important; color: #fff; background: #05406e; background: -webkit-linear-gradient(left, #e1ae11 0%,#b98c00 100%); background: linear-gradient(to right, #e1ae11 0%,#b98c00 100%);} .btnWhite {color: #05406e; background-color: #fff;} .btnWhite.btnTrans {color: #fff; border-color: #fff; background: transparent;} .btnBlue:hover {border-color: #b98c00; color: #fff; background-color: #b98c00;} .btnCyan:hover {border-color: #05406e; color: #fff; background-color: #05406e;} .btnRainbow:hover {background: #b98c00;} .btnWhite:hover, .btnWhite.btnTrans:hover {border-color: #05406e; color: #fff; background-color: #05406e;} /* Contact Form 7 */ .wpcform .text {padding: 4px 6px; box-sizing: border-box;} .wpcform .full {width: 100%;} .wpcform .half {width: 49%;} .wpcform .third {width: 32%;} .wpcform .mright {margin-right: 2%;} .wpcform .wpcf7-not-valid {border-color: #F00;} .wpcform span.wpcf7-not-valid-tip {display: none;} .wpcform div.wpcf7-form-control-wrap{overflow: hidden;} /* Flex Zone */ .flex {display: -webkit-flex; display: flex;} .flex > * {-ms-flex: 0 1 auto;} .flex-row {-webkit-flex-direction: row; flex-direction: row;} .flex-col {-webkit-flex-direction: column; flex-direction: column;} .flex-wrap {-webkit-flex-wrap: wrap; flex-wrap: wrap;} .flex-hor-center {-webkit-justify-content: center; justify-content: center;} .flex-hor-end {-webkit-justify-content: flex-end; justify-content: flex-end;} .flex-hor-between {-webkit-justify-content: space-between; justify-content: space-between;} .flex-hor-around {-webkit-justify-content: space-around; justify-content: space-around;} .flex-vert-center {-webkit-align-items: center; align-items: center;} .flex-vert-end {-webkit-align-items: flex-end; align-items: flex-end;} /** * 03. Header */ #utilityWrapper ul, #headerWrapper ul {list-style: none;} /* Utility Navigation */ #utilityWrapper {font-size: 14px; color: #666666; background-color: #ebebeb;} #utilLeft {align-self: center;} #utilLeft li {margin-right: 30px;} #utilLeft li a {color: #666666;} #utilityNav > ul > li {border-right: 1px solid #d7d7d7;} #utilityNav > ul > li > a {display: block; padding: 17px 30px; border-right: 1px solid #f5f5f5; white-space: nowrap; font-weight: 700; color: #666666;} #utilityNav > ul > li > a i {margin-left: 4px;} #utilityNav > ul > li:first-child {border-left: 1px solid #f5f5f5;} #utilityNav > ul > li:first-child > a {border-left: 1px solid #d7d7d7;} #utilityNav li.call a {padding-top: 16px; padding-bottom: 16px; font-size: 16px; color: #05406e;} #utilityWrapper li:hover > a, #utilityNav li.call a:hover {color: #b98c00;} #utilityNav .sub-menu {display: none; position: absolute; z-index: 5; padding: 0 20px 20px 20px; border-radius: 0 0 6px 6px; background-color: #ebebeb;} #utilityNav .sub-menu li a {position: relative; display: block; padding: 8px 8px 8px 12px; border-top: 1px solid #d7d7d7; color: #05406e;} #utilityNav .sub-menu li:first-child > a {border-top: 0;} #utilityNav .sub-menu li:last-child > a {border-bottom: 1px solid #d7d7d7;} #utilityNav .sub-menu li:hover > a {color: #b98c00;} #utilityNav .sub-menu li a:before {content: '\f105'; position: absolute; top: 11px; left: 0; display: inline-block; color: #5abe94; font-size: smaller; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #utilityNav li:hover > ul.sub-menu {display: block;} /* Main Header */ #headerWrapper {background-color: #fff;} #header {padding: 22px 0;} #logo {margin-right: 20px;} #logo img {display: block; max-width: 100%; height: auto;} #logo a:hover > img {opacity: 0.8;} /* Main Navigation */ #mainNav > ul > li > a {display: block; padding: 0 18px; white-space: nowrap; font-size: 18px; font-weight: 700; color: #666666;} #mainNav > ul > li > a > i {margin-left: 4px; color: #b98c00;} #mainNav > ul > li.button {margin-left: 12px;} #mainNav > ul > li.button > a {padding: 14px 36px; text-transform: uppercase; font-size: 14px; color: #fff !important; background-color: #05406e;} #mainNav > ul > li > a:hover, #mainNav > ul > li:hover > a, #mainNav > ul > li:hover > a > i, #mainNav > ul > li.current_page_item > a, #mainNav > ul > li.current_page_item > a > i, #mainNav > ul > li.current-page-ancestor > a, #mainNav > ul > li.current-page-ancestor > a > i {color: #b98c00;} #mainNav > ul > li.button:hover > a {color: #fff; background-color: #b98c00;} #mainNav .sub-menu {display: none; position: absolute; z-index: 5; padding: 20px; border-radius: 0 0 6px 6px; background-color: #fff; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} #mainNav .sub-menu li a {position: relative; display: block; padding: 8px 8px 8px 12px; border-top: 1px solid #d7d7d7; color: #05406e;} #mainNav .sub-menu li:last-child > a {border-bottom: 1px solid #d7d7d7;} #mainNav .sub-menu li:hover > a {color: #b98c00;} #mainNav .sub-menu li a:before {content: '\f105'; position: absolute; top: 11px; left: 0; display: inline-block; color: #b98c00; font-size: smaller; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #mainNav li:hover > ul.sub-menu {display: block;} /* Mobile Navigation */ #openMobileMenu {display: none; order: 2; background: none; font-size: 40px; color: #004080;} body.admin-bar #mobileNav {padding-top: 32px;} #mobileNav li a {display: block; padding: 12px 10px; border-bottom: 1px solid #486391; font-weight: 500; font-size: 18px; color: #fff;} #mobileNav li.menu-item-has-children {position: relative;} #mobileNav li.menu-item-has-children a {padding-right: 40px;} #mobileNav li.menu-item-has-children > a > i {position: absolute; top: 0; right: 0; padding: 15px 14px; border-left: 1px solid #486391; color: #fff;} #mobileNav ul.sub-menu {display: none; list-style: none;} #mobileNav ul.sub-menu a {padding-left: 32px; font-size: 16px;} #mobileNav li.socials > a {display: none;} #mobileNav li.socials > ul.sub-menu {display: -webkit-flex; display: flex; padding: 0;} #mobileNav li.socials > ul.sub-menu li {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; border-right: 1px solid #486391;} #mobileNav li.socials > ul.sub-menu li:last-child {border-right: 0;} #mobileNav li.socials > ul.sub-menu a {display: block; font-size: 18px; padding: 10px; text-align: center;} #mobileNav li.socials > ul.sub-menu > li > a > i {position: static; padding: 0; border: 0; color: inherit; font-size: smaller;} #mobileNav li.btnSpecial {background-color: #4ebcf0;} #mobileNav li.btnSpecial a {text-align: center; font-size: 18px; font-weight: 700;} #closeMobileMenu {display: block; width: 100%; padding: 16px 0; font-size: 20px; color: #fff; background: #05406e; background: -webkit-linear-gradient(left, #e1ae11 0%,#b98c00 100%); background: linear-gradient(to right, #e1ae11 0%,#b98c00 100%);} #closeMobileMenu span {font-size: 16px;} #mobileNav {display: none; position: fixed; top: 0; left: -300px; z-index: 900; width: 300px; height: 100%; overflow-y: auto; background-color: #05406e; margin: 0; transform: translatez(0);} html.mobileMenu-open, body.mobileMenu-open {overflow: hidden;} body.mobileMenu-open #mobileNav {left: 0;} #mobileMask {position: fixed; top: 0; left: 0; z-index: 899; width: 100%; height: 100%; background: rgb( 0, 0, 0 ); background: rgba(0, 0, 0, 0.8); -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } /** * 04. Contenet */ /* Colorbox */ #cboxTitle {display: none !important;} /* Home - Slideshow */ #slideshowWrapper {height: 50vw; max-height: 570px; overflow: hidden;} #slideshow {position: relative; width: 100%; height: 100%;} #slideshow li {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff;} #slideshow li > img {position: absolute; bottom: 0; right: 0; z-index: 2; display: block; max-width: 100%; height: auto;} #slideshow li .primaryWidth {position: relative; z-index: 2; height: 100%;} #slideshow li .slide-title {margin-bottom: 0.4em; line-height: 1.1; font-size: 60px; font-weight: 700;} #slideshow li .slide-title > span {font-size: 120%;} #slideshow li .slide-content {width: 100%; max-width: 800px; font-size: 40px;} #slideshow li .slide-content strong {font-size: 46px;} #slideshow li .slide-content > :last-child {margin-bottom: 0;} #slideshow li.selected {display: block; z-index: 2;} #slideshow .slide-image {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; transform: scale( 1 ); background-repeat: no-repeat; background-size: cover; background-position: center bottom;} #slideshow .slide-video {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;} #slideshow .slide-video .ytplayer-container {position: relative; top: -50%;} #slideshow .slide-content.align-center {margin: 0 auto; text-align: center;} /* Home - Content */ #bgrWrapper.home {padding: 0;} #bgrWrapper.home #content a:not(.btn) {font-weight: 700; color: #05406e;} #bgrWrapper.home #content a:not(.btn):hover {color: #b98c00;} #bgrWrapper.home #homeLovelessBgr h2 {margin-bottom: 20px; line-height: 1.2;} #bgrWrapper.home #homeLovelessBgr p {margin-bottom: 20px; line-height: 1.6;} #bgrWrapper.home ul.checklist li, #bgrWrapper.home ol.checklist li {margin-bottom: 8px; padding-left: 26px;} #bgrWrapper.home ul.checklist li:before, #bgrWrapper.home ol.checklist li:before {top: 0; font-size: large;} #bgrWrapper.home .green-blue-gradient h1, #bgrWrapper.home .green-blue-gradient h2, #bgrWrapper.home .green-blue-gradient h3, #bgrWrapper.home .green-blue-gradient h4, #bgrWrapper.home .green-blue-gradient h5, #bgrWrapper.home .green-blue-gradient h6 {color: #fff;} /* Page - Main Banner */ #mainBannerWrapper {position: relative; height: 240px; background-size: cover; background-position: center;} #mainBanner {position: relative; z-index: 1; font-size: 48px; color: #fff;} #mainBanner > :last-child {margin-bottom: 0;} /* Page Content */ #bgrWrapper {padding: 80px 0; background: #ffffff; background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 5%); background: linear-gradient(to bottom, #ededed 0%,#ffffff 5%);} #contentWrapper.primaryWidth.flex #content {width: 100%; max-width: 830px; margin-right: 70px;} #content {line-height: 1.4; font-size: 16px; color: #666;} #content h1, #content h2, #content h3 {color: #05406e;} #content h4, #content h5, #content h6 {color: #666;} #content a:not(.btn) {font-weight: 700; color: #b98c00;} #content a:not(.btn):hover {color: #05406e;} #content a i {margin-right: 4px;} #content img {max-width: 100%; height: auto;} #content h1 {margin-top: 0; font-size: 34px;} #content h2 {font-size: 26px;} #content h3 {font-size: 21px;} #content h4 {font-size: 18px;} #content h5 {font-size: 17px;} #content h6 {font-size: 16px;} #content > h1:first-child {margin-top: 0px;} #content h4 + h1 {margin-top: -10px;} #content h2, #content h3, #content h4, #content h5, #content h6 {margin-bottom: 12px;} body.home #content .fl-rich-text h2[style] {color: #fff;} #content a:hover > img {opacity: 0.8;} #content figure {width: auto !important; max-width: 100%; height: auto;} #content ul, #content ol {margin-bottom: 1.1em; padding-left: 35px;} #content ul li, #content ol li {margin-bottom: 4px;} #content ul ul, #content ol ol, #content ul ol, #content ol ul {margin-bottom: 0; padding-left: 25px;} #content ul.checklist, #content ol.checklist {list-style: none; padding-left: 0;} #content ul.checklist li, #content ol.checklist li {position: relative; padding-left: 20px;} #content ul.checklist li:before, #content ol.checklist li:before {content: '\f058'; position: absolute; left: 0; top: 3px; display: block; color: #05406e; font-size: smaller; font-family: "Font Awesome 5 Free"; font-weight: 400; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #content table {margin-bottom: 30px;} #content table td {vertical-align: middle; padding: 8px 15px; border: 1px solid #ddd;} #content thead {background: #eee;} #content thead h3 {margin-bottom: 0px;} #content .gform_button, #content .gform_page .button {position: relative; display: inline-block; padding: 13px 38px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #fff; background-color: #05406e;} #content .gform_button:hover, #content .gform_page .button:hover {border-color: #b98c00; color: #fff; background-color: #b98c00;} #content .gform_button + .gform_button, #content .gform_page .button + .button {margin-left: 12px;} /** Testimonials **/ #content article.testimonial .testimonial-stars {margin-bottom: 12px; font-size: 18px; color: #b98c00;} /** * 05. Blog */ #content article.hentry {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc;} #content .post-thumbnail {max-width: 300px; width: 200%; margin-right: 40px;} #content .post-content h1 {margin-bottom: 12px; line-height: 1.2; font-size: 24px;} #content .post-content small {display: block; margin-bottom: 12px; font-weight: 700;} #content .post-content .btn {padding: 10px 30px;} #content .post-content > :last-child {margin-bottom: 0;} /** * 06. Team */ #archiveWrapper.team > * {margin-bottom: 40px;} #archiveWrapper.team .member-image {min-width: 170px; margin-right: 40px;} #archiveWrapper.team .member-image:hover img{opacity: 0.8;} #archiveWrapper.team .member-content h2, #archiveWrapper.team .member-content h2 a {margin-bottom: 0; font-size: 21px; color: #05406e;} #archiveWrapper.team .member-content h3 {font-size: 17px; color: #666;} #archiveWrapper.team .member-content > :last-child {margin-bottom: 0;} /** * 07. Sidebar */ #sidebar {min-width: 300px; max-width: 300px; width: 300px; box-sizing: border-box;} #sidebar a:not(.btn) {color: #05406e;} #sidebar a:not(.btn):hover {color: #b98c00;} #sidebar .widget-title {padding: 16px 14px; border-bottom: 5px solid #b98c00; text-align: center; font-size: 18px; font-weight: 700; color: #fff; background-color: #05406e;} #sidebar .widget {margin-bottom: 40px;} #sidebar .widget select {width: 100%; padding: 8px; box-sizing: border-box;} #sidebar .widget input {padding: 8px;} #sidebar .widget img {max-width: 100%; height: auto;} #mobileSidebar {display: none; margin-bottom: 20px;} #mobileSidebar > * {width: 48%; padding: 8px; box-sizing: border-box;} #mobileSidebar.single-select > * {width: 100%;} /* Widget - Widget List */ #sidebar .widget.widget-list ul {border: 1px solid #d7d7d7; border-top: 0;list-style: none;} #sidebar .widget.widget-list ul li p {margin-bottom: 0;} #sidebar .widget.widget-list ul li a {position: relative; display: block; padding: 20px 20px 20px 50px; border-bottom: 1px solid #d7d7d7; font-size: 16px; font-weight: 700;} #sidebar .widget.widget-list ul li:last-child a {border-bottom: 0;} #sidebar .widget.widget-list ul li a:before {content: ''; position: absolute; top: 17px; left: 18px; display: inline-block; width: 25px; height: 25px; background: url( '../images/ico-circle-arrow.png' ) no-repeat center;} #sidebar .widget.widget-list ul li span.post-date {display: block; padding-left: 26px; font-size: 12px;} #sidebar .widget.widget-list ul li:last-child > a {border-bottom: 0;} /* Widget - Calendar */ .widget_calendar {width: 100%;} .widget_calendar td {vertical-align: middle;} .widget_calendar caption {margin-top: 10px; margin-bottom: 15px; text-align: right; font-size: 12px; color: #333;} .widget_calendar thead {font-size: 10px;} .widget_calendar thead th {padding-bottom: 10px;} .widget_calendar tbody {color: #aaa;} .widget_calendar tbody td {padding:8px; border: 1px solid #fff; text-align: center; background: #f5f5f5;} .widget_calendar tbody td a {font-weight: 700;} .widget_calendar tbody td:hover {background: #fff;} .widget_calendar tbody .pad {background: none;} .widget_calendar tfoot #next {text-transform: uppercase; text-align: right; font-size: 10px;} .widget_calendar tfoot #prev {text-transform: uppercase; font-size: 10px;} /* Widget - Search */ .widget_search .search-form {position: relative; width: 100%;} .widget_search .search-field {width: 100%; padding: 8px; padding-right: 58px; box-sizing: border-box;} .widget_search .search-submit {position: absolute; top: 0; right: 0; width: 50px; height: 100%; color: #fff; background-color: #05406e;} .widget_search .search-submit:hover {background-color: #b98c00;} /* Widget - Download Team Member CV */ .widget-cv-download a {display: block; width: 100%; max-width: none; box-sizing: border-box;} .widget-cv-download a i {margin-right: 8px; font-size: smaller;} /** * 08. Footer */ /* Call to Action */ #footerCtaWrapper {height: 18vw; max-height: 200px; padding-top: 40px; padding-bottom: 40px; box-sizing: border-box; background: #e6edf1 url( '../images/bgr_cta.jpg' ) no-repeat center/cover;} #footerCta-content {font-size: 24px; color: #05406e;} #footerCta-content a {color: #05406e; text-decoration: underline;} #footerCta-content a:hover {color: #000;} #footerCta-content > :last-child {margin-bottom: 0;} #footerCta-content + * {margin-left: 50px;} #footerCta-button {white-space: nowrap;} /* Footer Google Maps */ #footerGoogleMaps {background: #4ebcf0; background: -webkit-linear-gradient(left, #e1ae11 0%,#b98c00 100%); background: linear-gradient(to right, #e1ae11 0%,#b98c00 100%);} #footerGoogleMaps h3 {display: block; margin: 0; padding: 20px; text-align: center; font-size: 20px; color: #fff;} #footerGoogleMaps > div {position: relative; height: 100%;} #footerGoogleMaps.flex > div {width: 50%;} #footerGoogleMaps .footer-map {position: relative; width: 100%; height: 25vw; max-height: 300px; min-height: 180px;} #footerGoogleMaps iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Footer Testimonials */ #footerTestimonialsWrapper {padding: 80px 0; text-align: center; color: #666; background-color: #fff;} #testimonialSlick {position: relative; padding: 0 80px;} #testimonialSlick .testimonial-stars {margin-bottom: 12px; font-size: 18px; color: #b98c00;} #testimonialSlick .testimonial-rating {margin-bottom: 12px; font-size: 14px;} #testimonialSlick .testimonial-content {line-height: 1.4; font-size: 18px;} #testimonialSlick .testimonial-giver {font-size: 20px; color: #b98c00;} #testimonialSlick .testimonial-giver small {font-size: 14px; color: #898989;} #testimonialSlick .slick-arrow {position: absolute; top: 25px; z-index: 2; width: 30px; height: 110px; background: transparent url( '../images/ico-arrow-big.png' ) no-repeat center/contain;} #testimonialSlick .slick-prev {left: 0;} #testimonialSlick .slick-next {right: 0; transform: rotate(180deg);} /* Widgets - Footer */ #footerWidgetsWrapper {padding: 60px 0 20px; font-size: 14px; color: #fff; background-color: #05406e;} #footerWidgets {line-height: 1.4;} #footerWidgets > * {max-width: 250px; margin: 0 40px 40px;} #footerWidgets .widget a {color: #fff;} #footerWidgets .widget a:hover {color: #b98c00;} #footerWidgets .widget p {margin-bottom: 12px;} #footerWidgets .widget img {max-width: 100%; height: auto;} #footerWidgets .widget-title {margin-bottom: 16px; padding-top: 4px; text-transform: uppercase; font-size: 16px; font-weight: 700;} #footerWidgets .starRatings i {margin-right: 2px; font-size: 16px; color: #b98c00;} #footerWidgets .starRatings i:last-child {margin-right: 0;} #footerWidgets .widget .reviewLinks a {color: #b98c00;} #footerWidgets .widget .reviewLinks a:hover {color: #b98c00;} /** Widget - Widget List **/ #footerWidgets .widget.widget-list ul {border: 0;list-style: none;} #footerWidgets .widget.widget-list ul li {margin-bottom: 12px;} #footerWidgets .widget.widget-list ul li a {position: relative; display: block; padding: 0 0 0 12px;} #footerWidgets .widget.widget-list ul li a:before {content: '\f105'; position: absolute; top: 3px; left: 0; display: inline-block; color: #b98c00; font-size: smaller; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #footerWidgets .widget.widget-list ul li span.post-date {display: block; padding-left: 26px; font-size: 12px;} #footerWidgets .widget.widget-list ul li:last-child > a {border-bottom: 0;} /* Copyrights & Credits */ #footerWrapper {padding: 50px 0; text-align: center; font-size: 12px; color: #fff;} #footerWrapper a {color: #fff;} #footerWrapper a:hover {color: #758297;} #footerWrapper small {font-size: 12px; color: #758297;} #footerWrapper .flex {margin-top: 12px; margin-bottom: 4px;} #footerWrapper .flex > * {margin: 0 4px;} #footerWrapper #credits, #footerWrapper #credits a {color: #758297;} #footerWrapper #credits a:hover {color: #fff;} /* Fixed Call to Action */ #fixedCtaWrapper {position: fixed; bottom: -100%; left: 0; z-index: 20; width: 100%; padding: 20px 0; background: #4ebcf0; background: -webkit-linear-gradient(left, #e1ae11 0%,#b98c00 100%); background: linear-gradient(to right, #e1ae11 0%,#b98c00 100%);} #fixedCta {font-size: 21px; font-weight: 700; color: #fff;} #fixedCta .flex {width: 100%;} #fixedCta a {color: #fff;} #fixedCta a:hover {color: #05406e;} #fixedCta .btn {margin-left: 12px; font-size: 21px;} #fixedCta .dismiss {align-self: center;} #fixedCta .dismiss a {display: block; font-size: 30px; font-weight: 300; color: #fff;} /** * 09. Animations */ a a i, a span, #sidebar a:not(.btn), #content a:not(.btn), #content a:not(.btn) i, #content a:not(.btn) span {transition: color 0.2s;} .btn, button, #mainNav > ul > li.button > a {transition: color 0.2s, background 0.2s, background-color 0.2s, border-color 0.2s;} #logo img, #content a img, #archiveWrapper.team .member-image img {transition: opacity 0.4s;} .btnRainbow:before {transition: opacity 0.8s;} #mobileNav {transition: all 0.3s;}