/*
Theme Name: Mike Pease Caricature Art
Theme URI: http://underscores.me/
Author: Modern Print & Design
Author URI: https://www.modernprint.co.uk
Description: Mike Pease Caricature Art 2025/26
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/

header#masthead {
	background: url(svg/UTF-Header-Bar.svg) transparent no-repeat -1vw 0 / calc(100% + 2vw) auto;
	position: relative;
	z-index: 11;
}

#masthead .sticky-container {
    padding-top: 2.08333333333vw;
}

body.home #masthead .sticky-container {
    height: 5.20833333333vw;
}

section.home-slide-wrap {
    height: auto;
}

section.home-slide-wrap swiper-container,
section.home-slide-wrap .swiper {
	height:100%;
	display: block;
}

.home-slide-wrap .swiper-slide {
    position: relative;
}

.banner-fg.slide-fg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-fg.slide-fg > div {
	height:100%;
	align-items: stretch;
	align-content: center;
	padding:  0;
}

.slide-fg :is(h1,h2,h3,h4,h5,h6) {
    font-family: adelle, serif;
    font-weight: 100;
    font-size: 4vw;
    line-height: 1;
}

[data-txtside="l"] .banner-fade {
    background: linear-gradient(90deg, #fefefe 25%, transparent 100%);
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
}

[data-txtside="l"] .banner-fg.slide-fg > div > div {
	padding-right: 10vw;
}

[data-txtside="l"] .banner-bg.slide-bg {
    position: relative;
    left: 10vw;
    width: 90vw;
    height: 100%;
}

[data-txtside="r"] .banner-bg.slide-bg {
    position: relative;
    left:auto;
    width: 90vw;
    height: 100%;
}

[data-txtside="r"] .banner-fg.slide-fg > div {
	justify-content:flex-end;
}

[data-txtside="r"] .banner-fg.slide-fg > div > div {
	padding-left: 10vw;
	text-align: right;
}

[data-txtside="r"] .banner-fade {
    background: linear-gradient(270deg, #fefefe 25%, transparent 100%);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

#masthead .sticky {
    background: linear-gradient(180deg, #FFF 50%, transparent);
}

#masthead > div > div > div.grid-container.grid-x {
    align-items: flex-start;
    justify-content: space-between;
}

ul#primary-menu {
    justify-content: stretch;
    width: 100%;
    background: url(svg/Horizontal-Line-Full-Width.svg) transparent bottom center no-repeat;
    margin-bottom: 1.5vw;
}

ul#primary-menu li {
	flex:1 1 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position:relative;
}

ul#primary-menu li+li:before {
	content:'';
	width:2px;
	height:32px;
	display:block;
	position:absolute;
	background: url(svg/menu-vert-line.svg) transparent no-repeat center center / contain;
	bottom:-8px;
	left:0;
}

ul#primary-menu li a {
    padding: 1.04166666667vw;
    font-size: 1.35416666667vw;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

ul#primary-menu li.current-menu-item a,
body.single-art #primary-menu li.menu-item-object-art.menu-item-type-post_type_archive > a,
body.single-post #primary-menu li.current_page_parent > a {
	background: #000;
	color: #FFF;
	clip-path: url(#menu-item);
}

ul#primary-menu li.current-menu-item:after,
body.single-art #primary-menu li.menu-item-object-art.menu-item-type-post_type_archive:after,
body.single-post #primary-menu li.current_page_parent:after{
	content:'';
	position:absolute;
	width:1.5vw;
	height:1.5vw;
	background:#000;
	bottom: -1.25vw;
	left: 50%;
	transform:translateX(-50%);
	clip-path:url(#item-select);
}

.site-branding.cell.small-12.medium-3 {
    width: 13.59375vw;
    flex: 0 0 13.59375vw;
}

.link-button {
    background: #000;
    clip-path: url(#button-clip);
    padding: .25vw .75vw 1vw 1vw;
    display: inline-flex;
    color: #FFF;
    transition: all ease-in-out .2s;
	text-transform:uppercase;
	font-size: inherit;
	font-family: adelle-condensed, serif;
    font-style: normal;
    font-weight: 700;
}

a.link-button:active,
a.link-button:focus,
a.link-button:hover{
	color:#FFF;
	background:#333;
}

a.link-button > span {
	display: inline-block;
    padding:.5vw;
}

a.link-button.int > span {
    padding-right: 3.25vw;
    line-height: 1.5vw;
    background: url(svg/finger.svg) no-repeat 100% 50% / 2.5vw;
}

@keyframes point {
  0% { background-position: 100% 50%; } 
  50% { background-position: 90% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes look {
  0% { 
	  background-position-y:25%;
  } 50% { 
	  background-position-y:85%;
  } 100% { 
	  background-position-y:25%;
  }
}

a.link-button.int:hover > span {
	animation-name: point;
	animation-duration: 1s;
	animation-iteration-count: 3;
}

a.link-button.index-view > span {
	padding:.25vw .25vw .125vw .125vw;
    padding-right: 2.5vw;
    line-height: 1.5vw;
    background: url(svg/zoom.svg) no-repeat center right / 2vw;
}

a.link-button.index-view:hover > span {
  animation-name: look;
  animation-duration: 1s;
  animation-iteration-count: 3;
}

.banner-fg.slide-fg a.link-button {
	font-size:1.5vw;
	text-transform:uppercase;
}

.slide-bg img {
    width: 1730px;
    height: 840px;
	max-height: 47.5vw;
}

.frieze {
	display:block;
	max-width:100rem;
	position:relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.frieze > div {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}


.fd1,.fd2,.fd3,.fd4,.fd5 {
	display:block;
	overflow:hidden;
}

.fd2{
	background: url(img/FRAME_02.png) transparent no-repeat center / contain;
}

.fd3{
	background: url(img/FRAME_03.png) transparent no-repeat center / contain;
}

.fd4{
	background: url(img/FRAME_04.png) transparent no-repeat center / contain;
}

.fd5{
	background: url(img/FRAME_05.png) transparent no-repeat center / contain;
}

.frieze.full {
	width:100vw;
    height:5.9375vw;
	max-width:100%;
}

body.home .frieze.full > .fd2 {
	background: url(img/FRAME_02_FILL.png) transparent no-repeat -12px center / calc(100% + 36px) 100%;
}

swiper-container+.frieze {
    top: -.5rem;
    z-index: 99;
	margin-bottom:.5rem;
}

div#svg-clips, div#svg-clips > svg {width: 0px;height: 0px;}

section.home-about > div {
    align-items: center;
}

.home-about-img.cell.small-12.medium-6 {
    padding: 2.5vw;
}

.caps {
    font-family: cheap-pine, sans-serif;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

h1.caps {
    font-size: 7.5vw;
}

.home-about-txt.cell.small-12.medium-6 {
    display: flex;
    flex-flow: row wrap;
    row-gap: 1rem;
}

.home-about-txt.cell.small-12.medium-6 p {
	font-size:1.25vw;
	line-height:1.71875vw;
	margin:0;
	color:#5f5b5c;
}

main section p > a {
	color:#8a8a8a;
	border-bottom:2px dotted;
	font-weight:500;
}

.horz-sep {
    background: url(svg/Horizontal-Line-Small.svg) transparent center no-repeat;
    width: 100%;
    height: 1vw;
}

.home-sep {
	margin:2.5vw 0;
}

.home-sep .frieze {
    height: 5.46875vw;
}

.art-wrap.cell.small-12.grid-x {
    display: flex;
    flex-flow: row nowrap;
    column-gap: 1.5vw;
    align-items: center;
}

article[id^="art"] {
    position: relative;
}

article[id^="art"] .hover,
#art-archive div[class^="art"] .hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.35);
    display: grid;
    place-content: center;
    opacity: 0;
	transition:all .2s ease-in-out;
}

article[id^="art"]:hover .hover,
#art-archive div[class^="art"]:hover .hover{
	opacity:1;
}

.head-pen-wrap {
    width: 100%;
    background: url(svg/Horizontal-Line-Full-Width.svg) transparent bottom center no-repeat;
    margin-bottom:3.5vw;
    display: flex;
    justify-content: space-between;
}

.head-pen-wrap > div {
	width:100%;
	justify-content:space-between;
	align-items: flex-end;
}

.head-pen-wrap h1 {
	margin-bottom:1vw;
}

.head-pen-wrap .head-pen {
	background: url(svg/Hand-Pen.svg) #FFF bottom center no-repeat;
	width: 8.33333333333vw;
	height: 8.33333333333vw;
	position: relative;
	bottom: -8px;
}

.home-art .art-wrap+div {
    text-align: center;
    margin: 1.5vw 0 5vw;
}

.home-art .art-wrap+div a.link-button,
a.link-button.index-view {
	font-size:1.25vw;
}

.home-contact h2.caps {
    font-size: 5.20833333333vw;
    width: auto;
    flex: 0 0 auto;
}

section.home-contact {
    background: url(svg/Horizontal-Line-Full-Width.svg) #ddd no-repeat 5% 0px / 110%;
    padding: 3.5vw;
}

#gform_1 .gfmc-container .gfield, #gform_1 .gfmc-container .gfield > .ginput_complex > span {
    position: relative;
    padding: 0;
}

#gform_1 .gfield > .ginput_complex > span > label,
#gform_1 .gfield > label {
	position:absolute;
	top: .5vw;
	left:.5vw;
	font-weight: 400;
	font-size: 1vw;
	padding-top: .25vw;
	color: #777777;
	line-height: 1;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

#gform_1 .gfield.gfield_contains_required > .ginput_complex > span > label:after {
	content:'(Required)';
	display: inline-block;
}

#gform_1 .gfield.gfield_contains_required > .ginput_complex > span > label:after,
#field_1_8 > div > label > span,
#field_1_12 > label > span > span {
	color: #ec1a3a;
	font-size: 0.625vw;
	font-style: italic;
    font-weight: 400;
	padding-left:.125vw;
}

#gform_1 .gfield.gfield_contains_required > .ginput_complex > span > label:after {
}

#gform_1 .gfmc-field div {
	padding:0;
}

#gform_1 .gfield > .ginput_complex {
	column-gap:1vw;
}

.form-head > p {
    font-size: 1.04166666667vw;
    width: auto;
    flex: 0 0 auto;
    margin: 0 0 0.25vw 0;
}

.form-head {
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 1vw;
}

#gform_1 .gfmc-container > .gfmc-column {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    row-gap: 1vw;
}

#gform_1 .gfmc-container {
    align-items: stretch;
    column-gap: 2.5vw;
}

#gform_1 div.gf_clear.gf_clear_complex {
	display:none !important;
}

#gform_1 input:not([type="checkbox"], [type="submit"], .ginput_recaptcha),
#gform_1 textarea{
	height: 5vw;
	font-size: 1.25vw;
	padding: 1.75vw .5vw .25vw .5vw;
}

#gform_1 textarea {
	height: 17vw;
}

fieldset#field_1_8 {
    height: 70px;
    display: flex;
    align-items: center;
}

#field_1_8 > legend {
	display:none;
}

#field_1_8 > div {
	width:100%;
	height: 60px;
	display: flex;
	align-items: center;
	margin-top: .5vw;
}

#gform_1 input[type="checkbox"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 0;
  -webkit-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  cursor: pointer;
}

#gform_1 input[type="checkbox"]::before{
  content: "";
  width: 2vw;
  height: 2vw;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  -webkit-box-shadow: inset 2vw 2vw #ec1a3a;
  box-shadow: inset 2vw 2vw #ec1a3a;
  border-radius:0;
	-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

#gform_1 input[type="checkbox"]:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

#gform_1 input[type="checkbox"]+label{
    font-size:1rem;
    line-height:1;
    margin-right: 0;
}

#gform_1 input[type="checkbox"]+label > a {
    border-bottom:2px dotted;
    font-weight:600;
    color:#000;
}

#gform_1 input[type="checkbox"]:checked+label{
    font-weight:700;
}

form#gform_1 {
    position: relative;
}

#gform_1 .gform-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 70px;
    padding: 0;
    margin: 0;
    width: 10vw;
}

input#gform_submit_button_1 {
    height: 60px;
    margin: 0;
    clip-path: url(#button-clip);
    width: 100%;
    background: url(svg/plane.svg) #1da63b no-repeat -100% 0 / 2vw;
    font-size: 1.125vw;
    display: flex !important;!i;!;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: .75vw 3.75vw 1.5vw 1.5vw;
    transition: all .25s ease-in-out;
}

input#gform_submit_button_1[data-conditional-logic="visible"]{
	background-position: calc(100% - 1vw) .5vw;
}

footer#colophon {
    background: url(img/MP-Footer-x2.png) #8a8a8a no-repeat center / cover;
    position: relative;
    clip-path: url(#footer-clip);
    margin-top: -.75rem;
}

.lt-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #8a8a8a;
    mix-blend-mode: normal;
    opacity: .35;
    z-index: 5;
}

#colophon .grid-container.grid-x {
    position: relative;
    z-index: 99;
    mix-blend-mode: normal;
}

#colophon .credits.cell.small-12 {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: .5vw;
    margin-bottom: .5vw;
    color: #FFF;
}

.credits a {
    border-bottom: 2px dotted #FFF;
    color: #FFF;
}

#colophon > div.grid-container.grid-x > div.cell.small-12.medium-6.medium-offset-3.grid-x {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
    justify-content: space-between;
}

.logo-wrap.cell.small-12.medium-6{
	width: 19.5833333333vw;
    flex: 0 0 19.5833333333vw;
}

.menu-wrap.cell.small-12.medium-4{
	width:17.7604166667vw;
	flex:0 0 17.7604166667vw;
}

ul#footer-menu {
    flex-flow: column;
    height: 100%;
    justify-content: space-between;
    margin:0;
    align-items: self-start;
}

#footer-menu li {
	margin:0;
}

#footer-menu li a {
	color:#FFF;
	font-size:1.30208333333vw;
	line-height:1;
	padding: 0;
}

#footer-menu li.current_page_item a {
	font-weight:700;
}

section.art-intro > div > div {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
    position: relative;
}

.art-intro .head-pen-wrap .head-pen,
.article-intro .head-pen-wrap .head-pen{
    width: 13.5vw;
    height: 13.5vw;
    background-color: transparent;
}

.art-sizer, .art-item {
    width: 19.7083333333vw;
    /* margin-bottom:.75vw; */
    height: auto;
    overflow:hidden;
}

.art-item.landscape.featured {
	width: 40.9166666667vw;
}

.art-item.portrait.featured {
	width: 40.9166666667vw;
}

#art-archive .art-thumb-wrap picture {
    display: block;
    position: relative;
    width: 100%;
}

.art-thumb-wrap {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    border: 4px solid #FFF;
}

.post-type-archive-art main.main-content {
    background: linear-gradient(180deg, #bdbdbd, #EEE);
} 

body.post-type-archive-art .head-pen-wrap {
    margin: 0;
    position: relative;
    bottom: -4px;
}

section.art-archive-wrap {
    padding: 2.5vw 0;
}

div#art-archive {
    width: 83.333333333vw;
}

body.single-art .swiper-slide, body.single-post .swiper-slide {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto !important;!i;!;
    height: 420px !important;!i;!;
}

section[class^="art"] h2.caps {
    font-size: 4.5vw;
}

body.single-art section[class^="art"],
body.single-post section[class^="article"] {
    padding: 3.5vw 0;
    position: relative;
}

body.single-art section.art-main > div,
body.single-post section.article-main > div{
    justify-content: space-between;
}

#breadcrumbs {
	text-transform:uppercase;
	color:#9f9f9f;
	font-size:1.125vw;
}

#breadcrumbs a {
	color:inherit;
	font-weight:300;
	border-bottom:1px dotted;
}

#breadcrumbs span.breadcrumb_last strong {
	font-weight:400;
}

.art-desc,
.article-desc {
    display: flex;
    flex-flow: row wrap;
    row-gap: 1.5vw;
    font-size: 1.125vw;
    line-height: 1.71875vw;
    padding-right: 2.5vw;
}

.art-desc > div > p:last-of-type,
.article-desc > div > p:last-of-type{
	margin:0;
}

.head-frieze-wrap {
    display: flex;
    width: 100%;
    column-gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.head-frieze-wrap h2 {
	flex:0 0 auto;
	width:auto;
}

.head-frieze-wrap .frieze {
	flex:1 1 auto;
	width:auto;
}

.swiper-slide article.art img {
    max-height: 420px;
    width: auto;
}

section.art-main,
section.article-main{
    background: linear-gradient(0deg, #dfdede, #FFF);
    padding-top: 0 !important;
}

section.art-contact,
section.comm-contact{
    background-color: #d4d4d4;
    position: relative;
}

body.single-art .art-wrap .swiper-pagination{
    bottom: -2.5vw;
    top: auto;
}

body.single-post .article-wrap .swiper-pagination{
	position: absolute;
	top: auto;
	bottom: 0;
}

body.single-art .art-wrap .swiper-pagination span,
body.single-post .article-wrap .swiper-pagination span{
	width:1.5vw;
	height:1.5vw;
	border-radius:0;
	border:3px solid #9d9c9c;
	background:#FFF;
	opacity: 1;
}

body.single-art .art-wrap .swiper-pagination span.swiper-pagination-bullet-active,
body.single-post .article-wrap .swiper-pagination span.swiper-pagination-bullet-active{
	background:#c4c4c4;
}

body.single-art .art-related {
	overflow: hidden;
}

.art-wrap.swiper, .art-wrap.swiper > div {
    overflow: visible;
}

.art-text.cell.small-12.medium-6.large-6.small-order-2.medium-order-1,
.article-text.cell.small-12.medium-6.large-6.small-order-2.medium-order-1{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: space-evenly;
    padding-top: 2.5vw;
}

.art-head,
.article-head{
    display: flex;
    flex-flow: row wrap;
    row-gap: 1.5vw;
}

div#artwork {
    max-height: 85vh;
    flex: 0 0 auto;
    text-align: right;
}

#artwork > a > img {
    height: 100%;
    display: block;
}

.edgeline {
    width: 100%;
    height: 0.234375vw;
    position: absolute;
    left: 0;
    background: url(svg/Horizontal-Line-Full-Width.svg) transparent no-repeat center center / 100%;
}

.edgeline.top {
	top: -0.1171875vw;
}

.edgeline.bottom {
	bottom: -0.1171875vw;
}

.zoom-icon {
    position: absolute;
    bottom: 1vw;
    left: 1vw;
    width: 5vw;
    height: 5vw;
    background: url(svg/Zoom-Icon.svg) transparent no-repeat center center / contain;
    filter: drop-shadow(4px 4px 4px #fff)drop-shadow(4px 4px 4px #fff);
}

a.art-overlink,
a.article-overlink{
    display: inline-block;
    position: relative;
    height: auto;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}

a.art-overlink img,
a.article-overlink img{
	width:100%;
	
}

.comm-intro .comm-text.cell {
    width: 40%;
    flex: 0 0 40%;
}

.comm-intro > div {
    justify-content: space-between;
    align-items: center;
    row-gap: 1.5vw;
    margin-bottom: 1.5vw;
}

.comm-desc {
    padding-right: 5vw;
    font-size: 1.125vw;
}

section.comm-intro {
    padding: 2.5vw 0;
}

div.comm-text.cell.small-12.medium-6.large-6.small-order-2.medium-order-1 {
    display: flex;
    flex-flow: row wrap;
    row-gap: 2.5vw;
}

section.comm-contact{ 
	padding:2.5vw 0 4.5vw;
}

section.comm-contact div.form-head.cell.small-12.grid-x > h2 {
    font-size: 4.5vw;
}

div#article-media {
    padding-left: 5vw;
    padding-top: 2.5vw;
}

.cell.small-12.medium-1.frieze-vert-wrap {
    position: relative;
    display: block;
}

section.article-archive-wrap > div {
    align-items: stretch;
    /* height: 100%; */
}

.frieze-vert-wrap .frieze {
    height: 100%;
}

.frieze .vertical {
    background-size: auto 100%;
    background-position: top center;
    /* top: -0.25vw; */
}

section.article-archive-wrap {
    padding: 5vw 0 6.5vw 0;
}

section.article-intro {
    margin-top: -1.5vw;
}

.article-intro .head-pen-wrap {
    margin: 0;
}

.article-index.grid-x {
    row-gap: 1.5vw;
    column-gap: 1.5vw;
    padding: 0 1.5vw;
}

.cell.small-12.medium-10.article-index.grid-x > article {
    flex: 0 1 calc(33.33333% - 1vw);
}

.article-index article .hover,
body.single-post article .hover {
    padding: 1.5vw;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
	row-gap:1vw;
    color: #FFF;
}

body.single-post article .hover {box-sizing:border-box;}

body.blog .article-index article .hover,
body.single article .hover{
	background:rgba(0,0,0,.575)
}

article .hover a {
	color:#FFF;
}

article .hover h3.caps {
    font-size: 2.5vw;
    padding: .5vw;
    background: #000;
    clip-path: url(#footer-clip);
}

article .hover p {
	margin:0;
	line-height:1vw;
}

.wp-pagenavi {
    margin: 0 auto;
    width: 100%;
    display: inline-flex;
    text-transform: uppercase;
}

body.blog .wp-pagenavi {
	margin-top:1vw;
}

body.blog .wp-pagenavi a, 
body.blog .wp-pagenavi span {
	font-family: 'cheap-pine';
	font-size: 2vw;
	font-weight: 300;
	border: none;
	line-height: 1;
	color: #000;
}

.wp-pagenavi span.pages {
    margin-right: auto;
    margin-left: 0;
}

section.article-archive-wrap .frieze-vert-wrap:nth-child(1) .frieze .vertical {
    background-position: top left;
}

section.article-archive-wrap .frieze-vert-wrap:nth-child(3) .frieze .vertical {
	background-position: top right;
}

ul.article-gal {
    list-style: none;
    margin: 1vw 0 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    column-gap: .5vw;
    justify-content: center;
    align-items: center;
}

li.gal-item img {
    height: 15vh;
    width: auto;
    object-fit: cover;
}

a.article-overlink.gal-item img {
    /* height: 65vh; */
    /* object-fit: cover; */
}

.article-wrap.swiper article {
    width: 420px;
    flex: 0 0 420px;
}

{
	overflow:visible;
}

.article-wrap.swiper {
    padding-bottom: 2.5vw;
}

body.home .swiper-button-next, body.home .swiper-button-prev {
	text-indent: -999em;
	width: 2.5vw !important;
	height: 3vw !important;
	top: 0;
}

.swiper-button-next {
    background: url(svg/Slider-Arrow-Right.svg) #fff no-repeat center / contain;
	clip-path:url(#slideRight);
}

.swiper-button-prev {
    background: url(svg/Slider-Arrow-Left.svg) #ffffff no-repeat center / contain;
	clip-path:url(#slideLeft);
}

body.home .swiper-controls {
    filter: drop-shadow(0px 0px 10px #ffffff);
    width: 100%;
    position: absolute;
    z-index: 99;
    top: calc(50% - 1.5vw);
}

body.page-template-contact #gform_1 .gfmc-container {
	flex-flow: column;
	row-gap: 1vw;
}

body.page-template-contact #gform_1 .gfmc-container > .gfmc-column {
}

body.page-template-contact main#content {
    padding: 2.5vw 0;
    background: linear-gradient(0deg, #e0dfdf, transparent);
}

body.page-template-contact #field_1_8 > div {
	margin:0;
}

.img-frame {
    position: relative;
    background: url(img/FRAME_00.png) transparent no-repeat center / 100% 100%;
    padding: 5vw 5vw 5.25vw;
    z-index: 5;
}

body.page-template-contact section.contact-main > div {
    justify-content: space-between;
    align-items: center;
}

.img-inner {
    position: relative;
}

.contact-main .form-text {
    display: flex;
    flex-flow: row wrap;
    row-gap: 1.5vw;
}

.contact-main .form-text p {
	font-size: 1.04166666667vw;
	color: #5f5b5c;
}

section.contact-main {
    margin-bottom: 2.5vw;
}