/*
Theme Name: SiennaWP Child Theme
Theme URI: http://sienna.mikado-themes.com
Description: A child theme of SiennaWP
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0
Template: siennawp
*/
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}
.mkdf-page-header .mkdf-sticky-header { height: 80px !important; }
.max-w-lg { max-width: 800px; margin-left: auto; margin-right: auto; }
.text-balanced { text-wrap: balance; }
.button {
text-transform: uppercase;
font-size: .7rem;
letter-spacing: .2em;
text-decoration: none;
display: inline-block;
padding: 5px 15px;
border-radius: 5px;
color: #fff;
background-color: #1EAD73;
font-weight: 700;
transition: 300ms background ease-in;
}
.button:hover {
background: #147950;
}
.line-link {
display: inline-block;
color: #CDD0D4;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .3em;
line-height: 1.3em;
padding: 0 20px 5px;
margin-top: 15px;
border-bottom: 1px solid #1EAD73;
transition: 300ms color ease-in;
}
.line-link:hover {
color: #1EAD73;
}
p.icon {
padding-left: 40px;
position: relative;
}
p.icon::before {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
}
p.icon.map-marker::before {
background-image: url('data:image/svg+xml,')
}
p.icon.envelope::before {
background-image: url('data:image/svg+xml,');
}
p.icon.phone::before {
background-image: url('data:image/svg+xml,');
}
p.icon.clock::before {
background-image: url('data:image/svg+xml,');
}
p.icon.map-marker-dark::before {
background-image: url('data:image/svg+xml,')
}
p.icon.envelope-dark::before {
background-image: url('data:image/svg+xml,');
}
p.icon.phone-dark::before {
background-image: url('data:image/svg+xml,');
}
.blog-grid .grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
.blog-grid .grid .post { position: relative; }
.blog-grid .grid .post::before {
position: absolute;
top:1.9rem;
left:-0.5rem;
content: '';
background-color: #12754d;
height: 28px;
width: 28px;
transform : rotate(45deg);
}
.blog-grid .grid .post::after {
position: absolute;
content: attr(data-category);
top: 11px;
left: -14px;
padding: 10px 20px;
background-color: #1EAD73;
color: white;
font-size: .8rem;
text-transform: uppercase;
box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
z-index: 3;
line-height: 1;
letter-spacing: .1rem;
font-weight: 700;
}
.blog-grid .grid .post .image {
height: 250px;
margin-bottom: 30px;
z-index: 2;
position: relative;
}
.blog-grid .grid .post .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog-grid .grid .post .copy .title {
color: #1EAD73;
text-transform: uppercase;
font-size: 1rem;
line-height: 1.4em;
font-weight: 700 !important;
margin-bottom: 10px;
}
.blog-grid .grid .post .copy .description {
font-size: .9rem;
line-height: 1.4em;
}
.blog-grid .grid .post .copy .line-link {
padding-left: 0;
padding-right: 0;
font-size: .8rem;
line-height: 1;
}
@media (max-width: 768px) {
.blog-grid .grid {
gap: 2.5rem;
grid-template-columns: 1fr;
}
}
.team-grid.grid {
display: grid;
gap: 3rem 2rem;
grid-template-columns: repeat(5, 1fr);
}
.team-grid .image { height: 240px; margin-bottom: 15px; }
.team-grid .image img { height: 100%; width: 100%; object-fit: cover; object-position: top; }
.team-grid .copy { text-align: center; }
.team-grid .copy .name { margin-top: 0; line-height: 1.2em; }
.team-grid .copy .name a { font-weight: 400; color: #000; font-size: 1.1em; transition: color .25s ease-in-out; }
.team-grid .copy .name a:hover { color: #086c69; }
.team-grid .copy .title { line-height: 1.1em; color: #222; }
@media (max-width: 768px) {
.team-grid.grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
.team-grid.grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 500px) {
.team-grid.grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 400px) {
.team-grid.grid { grid-template-columns: repeat(1, 1fr); }
}
.mkdf-vertical-align-containers.mkdf-50-50 .mkdf-position-left,
.mkdf-vertical-align-containers.mkdf-50-50 .mkdf-position-right {
width: unset !important
}
.mkdf-main-menu>ul>li>a span.item_inner { padding: 2px 8px !important; }
.mkdf-main-menu>ul>li>a { font-size: 13px !important; }
.mkdf-mobile-header .mkdf-mobile-nav ul { list-style: none; }
.vert-center .mkdf-full-section-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}