/*
Theme Name: Base2025
Theme URI: http://www.artejanossw.co.uk
Description: Base theme 2025
Author: Andrew Stuart Horton
Author URI: http://www.artejanossw.co.uk
Version: 1.0
*/

.debugPanel { /* Debug PHP. see ASH_DrawDebugPanel() in functions.php */

    position:absolute;
    top:10%;
    left:10%;
    z-index:99999;
    background:yellow;
    color:#000;
    font-size:140%;
    font-weight:bold;
    padding:8px 16px;
}

hr {

	border: 0 none;
	border-top: 1px solid #bbb;
	background: none;
	height:0;
	width:100%;
}

.clearfloat {
	
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

img {
	
	outline:none;
}

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=number], textarea {
	
	padding:9px 10px 8px 10px;
	color:#444;
  	border: 1;
    width:80%;
}

html,body {
	font-family: "Space Grotesk", Arial, Helvetica, sans-serif;
	color: #1B365F;
	background:#fff;
	font-weight:400;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
}

#body { 

	position:relative;
    width:100%;
    overflow:hidden;
    font-size:0.9em;
    line-height: 1.5em;
}

strong, b {
	
	font-weight:700;
}

a, a:visited, a:active, a:focus {
	
	color:#000;
	text-decoration: none;
	outline: none;
}

.non-touch a:hover {
	text-decoration: underline;
}

a.smallLink {

	font-size:76%;	
}

a.btn {

    font-size:130%;
    padding:3px 30px;
    color:#333;
    border:1px solid #777;
    background:transparent;
}

a.btn:hover {

    color:#111;
    text-decoration: none;
}

a.btn.disabled, a.btn.disabled:hover  {

    color:#ccc;
    border:1px solid #ccc;
    cursor:default;
}

/* -- google review widget for Trustindex.io */

.ti-widget.ti-goog .ti-widget-container {

	padding:0 !important;
}

.home .ti-widget.ti-goog .ti-header {

	padding:0 !important;
}

.home .ti-widget.ti-goog .ti-review-item>.ti-inner {

	padding:0 !important;
}

/* -- slick slider --- */

.slick-prev, .slick-next {
    position: absolute;
    top: 45%;
    display: block;
    width: 24px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
	z-index:22;
}

.thumbnails .slick-prev, .thumbnails .slick-next {

	top:31%;
    width: 16px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: .25;
}

.slick-prev {
	left:20px;
}
.slick-next {
	right:20px;
}

.progressSlideWrap .slick-prev, .completeSlideWrap .slick-prev {
	left:-40px;
}
.progressSlideWrap .slick-next, .completeSlideWrap .slick-next {
	right:-40px;
}

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

	.progressSlideWrap .slick-prev, .completeSlideWrap .slick-prev {
		left:-20px;
		width: 16px;
    	height: 40px;
	}
	.progressSlideWrap .slick-next, .completeSlideWrap .slick-next {
		right:-20px;
		width: 16px;
    	height: 40px;
	}
}


/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

tbody td {
	
	padding:4px 6px;
	margin:0;
}

tbody td img.alignnone {
	
	margin:0;
	display:block;
}

img, fieldset {
	border: 0;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
}
/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}

/* LIST
================================================ */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
	
	line-height: 114%;
	margin: 20px 0 40px;
	font-family: "Krona One", Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h1 {
	font-size: 2.6em;
}
h2 {
	font-size: 3.2em;
}

h3 {
	font-size: 1.6em;
	margin:0;
	padding:20px 0 20px 0;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}

p {
	padding: 0 0 1.2em;
	margin: 0;
}
small {
	font-size: 87%;
}
blockquote {
	font: italic 110%/130% "Times New Roman", Times, serif;
	padding: 8px 30px 15px;
}

@media screen and (max-width:900px) {

    h2 {
		font-size: 2.6em;
	}
}

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

    h2 {
		font-size: 2.2em;
	}
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

.pageFull {
	
    position:relative;
	width:100%;
}

.pageWide {
	
	width:100%;
	max-width:1200px;
	margin:0;
}

.pageNarrow {

    position:relative;
	width:100%;
	max-width:1200px;
	margin: 0 auto;
}

.pageWideCenter {
	
	width:90%;
	max-width:960px;
	margin: 0 auto;
    text-align:center;
}

.pageNarrowGeneral, .pageNarrowGeneralLeft {
	
	width:96%;
	max-width:800px;
	padding: 190px 0 0 0;
}

.pageWideContent {
	
	width:96%;
	max-width:1200px;
	margin: 190px auto 60px auto;
}
.pageNarrowGeneralLeft {
    
    max-width:940px;
    margin-top:20px;
    text-align:left;
}

.pageNarrowCenter, .pageExtraNarrowCenter {
	
	width:80%;
	max-width:640px;
	text-align:center;
	margin: 0 auto;
}

.pageExtraNarrowCenter {
	
	max-width:500px;
}

.page-title {
	
	font-weight:300;
	padding: 0 0 30px 0;
	margin: 0;
	font-size: 200%;
	line-height: normal;
	text-align:center;
}

#PageContent {

	position:relative;
}

.doColumn50 {

	vertical-align:top;
	width:49%;
	float:left;
}

.doColumn50:first-child .doColumn50inner {

	padding-right:70px;
}

#LandingImage {

	position:relative;
}

#LandingImageContainer {

	position:relative;
	width:100vw;
	height:100vh;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.landingContent {

	position:absolute;
	left:10%;
	bottom:20%;
	width:80%;
	color:#fff;
	text-shadow:2px 2px 10px rgba(0,0,0,.9);
	text-align:center;
}

.landingContentTitle {

	font-family: "Krona One", Arial, Helvetica, sans-serif;
    font-weight:bold;
	margin-bottom:16px;
	font-size:42px;
	line-height: 54px;
}

.landingContentCopy {

	font-weight: bold;
	font-size:16px;
}

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

	.landingContent {

		left:5%;
		bottom:60px;
		width:90%;
	}

	.landingContentTitle {

		font-size:30px;
		line-height: 38px;
	}
}

#HomeIconBanner, #HomeIconBannerAbs {

	padding:10px 0;
	overflow:hidden;
}

#HomeIconBannerAbs {

	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.pageBanner, .pageBannerXt {
	
	width:92%;
	max-width:1200px;
	margin: 0 auto;
    text-align:center;
} 

.homeBannerItem {

	vertical-align: top;
	display:inline-block;
	width:23%;
	width:calc(100%/4);
}

.homeBannerItem td {

	padding:0;
}

.homeBannerItem img {

	display:block;
	max-height:100px;
	margin:20px 20px 10px 20px;
}

.homeBannerItem span {

	font-size:15px;
	font-weight:bold;
}

@media screen and (max-width:960px) {

	.doColumn50 {

		width:90%;
		float:none
	}

	.doColumn50:first-child .doColumn50inner {

		padding-right:0;
	}

	.pageBannerXt {
	
		width:100%;
	}
}

@media screen and (max-width:800px) {

	.homeBannerItem {

		width:48%;
	}

	.homeBannerItem img {

		max-height:70px;
	}

	.homeBannerItem span {

		font-size:13px;
		line-height:13px;
	}
	
}

.pageSection {

	width:88%;
	max-width:1200px;
	margin: 0 auto;
}

.pageSectionFull {

	min-height:100vh;
}

.pageSectionContent {

	display:flex;
}

.pageSectionHalf {

	flex:1;
	padding-bottom:40px;
}

.pageSectionPad_left {

	padding-right:40px;
}

.pageSectionPad_right {

	padding-left:30px;
}

#HomeFirstSection {

	padding:150px 0;
}

#HomeFirstSection h2 {

	font-family: "Space Grotesk", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-weight: 400;
}

#HomeFirstSection ul {
	margin: 1em 0 1.4em 24px;
	line-height: 280%;
}

#HomeFirstSection li {
	
	font-size:48px;
	font-weight: bold;
}

#HomeFirstSection li::marker {

	font-size:26px;
}

.homeFirstLeft, .homeFirstRight {

	flex: 0 0 auto;
	text-align:left;
	min-width:76%;
	max-width:76%;
	line-height: 300%;
}

.homeFirstRight {

	text-align: right;
	min-width:22%;
	max-width:22%;
	line-height:normal;
	align-self: flex-end;
}

#HomeSecondSection {

	padding:150px 0 130px 0;
}

#HomeSocialSection {

	padding:40px 0;
}

#GoogleSection {

	padding:80px 0;
	text-align:center;
	background-color: #e6e7e8;
}

@media screen and (max-width:900px) {

	.pageSectionContent {

		display:block;
	}

	.pageSectionPad_left, .pageSectionPad_right {

		padding:0;
	}

	#HomeFirstSection {

		padding:40px 0;
	}

	#HomeFirstSection li {
	
		font-size:32px;
	}
	
	#HomeFirstSection li::marker {
	
		font-size:20px;
	}

	.homeFirstLeft, .homeFirstRight, .pageSectionHalf {

		flex:none;
		text-align:left;
		min-width:auto;
		max-width:none;
	}

	#HomeSecondSection {

		padding:40px 0;
	}
}

/************************************************************************************
HEADER
*************************************************************************************/

.headerBar {

    position:absolute;
    top:0;
    left:0;
	width:100%;
	padding-top:12px;
    z-index:6;
	background:#fff;
}

body.admin-bar .headerBar { 

    top:32px; /* plus admin bar of 32px */
}

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

	.headerBar {

		top:0px;
	}

    body.admin-bar .headerBar { 

        top:38px;
    }
}

.part-site-logo {

	display:inline-block;
	width:25%;
	text-align:center;
	vertical-align: top;
}

.part-menu {

	display:inline-block;
	width:70%;
}

@media screen and (max-width:900px) {

	.part-site-logo {

		width:48%;
	}
	
	.part-menu {
	
		width:50%;
	}
}

/* SITE LOGO ================================================ */

.site-logo {

    display:inline-block;
    padding:0;
	margin:0;
}

.site-logo a, .non-touch .site-logo a:hover {
	
	text-decoration: none;
}

.site-logo img {
	
	outline:none;
	height:120px;
}

@media screen and (max-width:768px) {
    
    .site-logo img {

        height:100px;
    }
}

/* ================================================ */

.caseStudyTitle {

	position:relative;
	text-align:center;
	font-size:115%;
}

.csTitle {

	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	padding:10px 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.caseStudyTitle img {

	display:block;
}

.caseStudyTitle h2 {

	margin-top:0;
	margin-bottom:20px;
}

#CaseStudy h3 {

	border:1px solid #000;
	padding:16px 30px;
	margin:0;
	font-size:2em;
	font-weight:normal;
}

.theProject {

	display:flex;
	flex-wrap: wrap;
	margin-top:40px;
}

.theProject .column1 {

	display: flex;
    justify-content: center;
    align-items: center;
	flex: 40%;
}

.theProject .column2 {

	flex: 60%;
	padding-top:1.2em;
}

.whatWeDid {

	display:flex;
	flex-wrap: wrap;
}

.whatWeDid .column1 {

	flex: 60%;
}

.whatWeDid .column2 {

	display:flex;
	justify-content: center;
    align-items: center;
	flex: 40%;
}

.whatWeDid .copyWhatWeDid {

	font-weight: bold;
	font-size:130%;
}

.whatWeDid .copyWhatWeDid li {

	font-weight: normal;
	font-size:90%;
	margin:0;
}

.progress, .complete {

	text-align: center;
}

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

	.caseStudyTitle h2 {

		margin-top:0;
		margin-bottom:16px;
	}

	#CaseStudy h3 {

		font-size:1.6em;
	}

	.theProject .column1 {

		margin-bottom: 30px;
	}

	.theProject .column1, .theProject .column2 {

		flex: 100%;
		text-align: center;
	}

	.whatWeDid .column1 {

		margin-bottom: 30px;
	}

	.whatWeDid .column1, .whatWeDid .column2 {

		flex: 100%;
	}
}

/* Main Menu --------------------------------------------- */

#main-menu-wrap {

	margin-top:6px;
	padding:3px;
	border-top:1px solid rgb(55, 67, 91);
	border-bottom:1px solid rgb(55, 67, 91);
}

#main-menu-wrap:after {

	content:'';
	display:block;
	clear:both;	
}

#main-menu-content {

	float:left;
}

@media screen and (max-width:900px) {

	#main-menu-wrap {

		border:none;
	}

	#main-menu-content {

		float:right;
	}
}

/* ======================================================= */

.headerContentStrip {

	float:right;
	margin-top:13px;
	margin-right:20px;
	font-size:12px;
}

@media screen and (max-width:1150px) {

	.headerContentStrip {

		clear:both;
		float:right;
		margin-top:8px;
		margin-right:0;
		font-size:13px;
	}
	
}

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

	.headerContentStrip {

		display:none;
	}
}

/* ----------------------------------------------------- */

.socialMedaStrip {

	text-align: center;
}

.socialMedaStripLeft {

	text-align: left;
	padding-top:10px;
	border-top:1px solid #fff;
}

.socialMedaStripHeader {

	float:right;
	vertical-align:top;
}

.socialMedaStripHeader:after {

	content:'';
	display:block;
	clear:both;
}

.socialMedaStripItem, .socialMedaStripHeaderItem {

	display:inline-block;
	margin-top:6px;
	margin-left:10px;
}

.socialMedaStripItem:first-child, .socialMedaStripHeaderItem:first-child {
	
	margin-left:0;
}

.socialMedaStripHeaderItem img {
	
	width:auto;
	height:30px;
}

.socialMedaStripItem img {
	
	width:auto;
	height:42px;	
}

.socialMedaStripLeft .socialMedaStripItem img {

	height:30px;
}

/* -------------------------------- */

.footerMediaItem {

	padding-bottom:8px;
}

.footerMediaItem img {

	vertical-align: middle;
	width:34px;
	padding-right:10px;
}

.footerMediaItem a {

	color:#fff;
	font-size:80%;
}

/* --------------------------------------- */

.getAction {

	position:relative;
	text-align: center;
	overflow: hidden;
}

.getAction a, .getAction a:hover {

	display: block;
	font-family: "Krona One", Arial, Helvetica, sans-serif;
	font-size:44px;
	line-height: 44px;;
	font-weight:600;
	padding:20px;
	text-align: center;
	text-decoration: none;
}

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

	.getAction a, .getAction a:hover {

		font-size:34px;
		line-height: 36px;
	}
}

/* ----------------------------------------- */

.home #Block4Section {

	padding:0;
}

.block4container {

	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.block4container .item {
	
	position:relative;
	flex: 1 1 50%; /* Each item takes up 50% of the container's width */
	min-height:300px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}

.block4container .itemPad{
	
	padding:40px;
}

@media screen and (max-width:900px) {

	#Block4Section .pageSection {
	
		width:100%;
		max-width:none;
		margin:0;
	}
	
	.block4container .item {
	
		flex:100%;
	}
}

/* ------------------------------------------- */

#Gallery {

	padding:40px 0;
	background-color:#1d365f;
	color:#cf8a2a;
}

#GalleryPage {
 
	padding-bottom:60px;
}

.galleryContainer {

	max-width:2000px;
}

.galleryWrap {

	height:700px;
}

.galleryLeft {

	float:left;
	width:44%;
}

.galleryRight {

	float:right;
	width:52%;
	height:700px;
}

.gallerySlideWrap {

	height:100%;
}

.galleryLeftInner {

	padding:20px 40px 20px 0;
}

#GalleryPage .galleryLeftInner {

	padding:0 40px 50px 0;
}

.gallerySlide {

	display:none;
	width:100%;
	height:100%;
	background-position:left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.galleryCaption {

	font-weight: bold;
}

.galleryCaption a {

	color:#cf8a2a;
}

@media screen and (max-device-width: 1024px) and (orientation:portrait) {

	.galleryWrap {

		height:auto;
	}

	.galleryLeft {

		float:none;
		width:auto;
	}

	.galleryRight {

		float:none;
		width:auto;
		padding:30px 30px 30px 0;
		height:600px;
	}
}

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

	.galleryWrap {

		height:auto;
	}

	.galleryLeft {

		float:none;
		width:auto;
	}

	.galleryRight {

		float:none;
		width:auto;
		padding:0 0 30px 0;
		height:500px;
	}

	.galleryLeftInner {

		padding:0;
	}

	#GalleryPage .galleryLeftInner {

		padding:0 0 30px 0;
	}
}

/************************************************************************************
POST
*************************************************************************************/
.post {
	padding-bottom:25px;
	margin-bottom: 25px;
	border-bottom:1px solid #bbb;
}

.post:last-child {
	border-bottom:none;
}

/* post content */
.post-content {
	min-width: 120px;
}

/* post title */
.post-title {
	font-size: 26px;
	margin: 0 0 5px;
	padding: 0;
}

/* post image */
.post-image {
	margin: 0 0 5px;
}
.post-image.left {
	float: left;
	margin-right: 15px;
}
.post-image.right {
	float: right;
	margin-left: 15px;
}

/* lightbox zoom image */
.post-image .lightbox {
	position: relative;
	display: inline-block;
	zoom:1;
	max-width: 100%;
}
.post-image .lightbox .zoom {
	width: 40px;
	height: 40px;
	background: url(images/icon-zoom.png) no-repeat center center;
	margin: -20px 0 0 -20px;
	position: absolute;
	top: 50%;
	left: 50%;	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
.post-image .lightbox:hover .zoom {
	background-color: #000;
}

/* post meta */
.post-meta {
	margin: 0 0 7px;
}
.post-meta .post-author {
	background: url(images/post-author.png) no-repeat 0 2px;
	padding: 2px 0 2px 16px;
	margin-right: 7px;
}
.post-meta .post-category {
	background: url(images/post-category.png) no-repeat 0 2px;
	padding: 2px 0 2px 16px;
	margin-right: 7px;
}
.post-meta .post-tag {
	background: url(images/post-tag.png) no-repeat 0 3px;
	padding: 2px 0 2px 16px;
	margin-right: 7px;
}
.post-meta .post-comment a {
	background: url(images/post-comment.png) no-repeat 0 3px;
	padding: 2px 0 2px 16px;
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.post-video iframe,  
.post-video object,  
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
	clear: both;
	padding-bottom: 20px;
	text-align: right;
}
.pagenav a, .pagenav span {
	line-height: 100%;
	padding: 6px 0 0;
	margin: 0 2px;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
	min-width: 24px;
	min-height: 18px;
	text-align: center;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
.pagenav a {
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-decoration: none;
}
.non-touch .pagenav a:hover {
	background-color: #000;
}
.pagenav .current {
	text-decoration: none;
	color: #000;
	background:#fff;
	cursor:default;
}

/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav {
	margin: 0 0 30px;
	padding: 15px 0;
	clear: both;
}
.post-nav span {
	width: 47%;
	position: relative;
}
.post-nav a {
	text-decoration: none;
	display: block;
}
.non-touch .post-nav a:hover {
	text-decoration: none;
}
.post-nav .prev {
	float: left;
}
.post-nav .next {
	float: right;
	text-align: right;
}

/* post nav arrow */
.post-nav span span {
	background: #333;
	color: #fff;
	font: normal 20px/100% "Times New Roman", Times, serif;
	display: block;
	float: left;
	width: 32px;
	height: 28px;
	padding: 4px 0 0;
	text-align: center;
	margin: -8px 10px 17px 0;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
.post-nav .next span {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
.non-touch .post-nav a:hover span {
	background: #000;
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 15px;
	max-width: 100%;
}
.wp-caption-text {
	font-style: italic;
	font-size: 95%;
	line-height: 120%;
	margin: 6px 0;
}

/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, .menu, .gallery
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, .menu, .gallery
{ display: block; zoom: 1; }

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

#footer {
	clear: both;
	color:#fff;
	padding:20px 20px 12px 20px;
    background-color: #1d365f;
}

.footerMenuSection {

    padding:20px 0 0 0;
}

.footerMenuColumn {

	display:inline-block;
	text-align: left;
	vertical-align: top;
}

.footerMenuColumn30 {

	width:30%;
}

.footerMenuColumn40 {

	width:36%;
}

.footerContent {

	padding:16px 0 0 10px;
	font-size:90%;
}

.footerMenuTitle {

	font-family: "Krona One", Arial, Helvetica, sans-serif;
	padding-bottom: 14px;
	color:#cf8a2a;
}

.footerMenuTitle.last {

	padding-bottom: 22px;
}

.footer-nav, .footer-vert {
	
	margin: 0;
	padding: 0;
	line-height:normal;
}

.footer-nav li {
	
	padding: 0 16px 0 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	zoom:1;
}

.footer-nav li:last-child {
	
	padding: 0;
}

.footer-vert li {
	
	padding: 1px 0;
	margin: 0;
	list-style: none;
	font-size:110%;
	zoom:1;
}

.footer-nav li a, .footer-vert li a {

	color:#fff;
}

.footer-baseline {

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-end;
	border-top:1px solid #cf8a2a;
	margin-top:60px;
	padding-top:15px;
}

.footer-docs {

	margin-left:auto;
	margin-right:20px;
	font-size:82%;
}

.footer-text {

	color:#cf8a2a;
	font-size:80%;
}

.footerLogo {

	max-width:140px;
	min-width:80px;
}

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

	.footer-vert li {
	
		font-size:110%;
		padding: 2px 0;
	}

	.footerMenuColumn30 {

		width:49%;
	}

	.footerMenuColumn40 {

		width:90%;
	}

	.footer-contact a.pageSocialLink {

		font-size:130%;
		padding:5px 0;
	}

	.footer-baseline {

		display:block;
		margin-top:20px;
	}

	.footerLogo {

		width:70%;
		max-width:200px;
	}

	.footer-docs, .footer-text {

		margin:0;
		font-size:90%;
		text-align:center;
		margin-bottom:22px;
	}
}


/* ------------------------------- */