/*--------------------------------------------------------------
   General
--------------------------------------------------------------*/

body{
    opacity: 0;
    min-height: 100vh;
}

body.no-js{
    opacity: 1;
}

.entry-category a, .entry-content p>a, .entry-meta a, .section-filter .filter-active, .section-filter a, .entry-content ul li a {
    position: relative;
}

.entry-category a:after, .entry-content p>a:after, .entry-meta a:after, .entry-tags a:after, .filter-active:after, .section-filter a:after, .entry-content ul li a:after {
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: .15s all cubic-bezier(.39,.575,.565,1);
    -o-transition: .15s all cubic-bezier(.39,.575,.565,1);
    transition: .15s all cubic-bezier(.39,.575,.565,1);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    width: 100%;
}

.entry-content p>a:after, .entry-content ul li a:after {
    opacity: .25;
}

.entry-content p>a:after, .entry-content ul li a:hover:after {
    opacity: 1;
}


img {
    max-width: 100%;
    height: auto;
}

img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    /* IE 9 */
    -webkit-transform: translateZ(0);
    /* Chrome, Safari, Opera */
    transform: translateZ(0);
    image-rendering: optimizeSpeed;
    /*                     */
    image-rendering: -moz-crisp-edges;
    /* Firefox             */
    image-rendering: -o-crisp-edges;
    /* Opera               */
    image-rendering: -webkit-optimize-contrast;
    /* Chrome (and Safari) */
    image-rendering: optimize-contrast;
    /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;
    /* IE8+                */
}

iframe {
    max-width: 100%;
}

pre {
    white-space: pre-wrap;
}

figure {
    margin: 0;
}

.justify-center {
    justify-content: center;
}

.vh-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    z-index: 111;
}

.text-center {
    text-align: center;
}
.container-full{
    padding:0 30px;
    width: 100%;
}

.section-content:after,
.clearfix::after,
.section-content .gallery:after {
    content: "";
    display: table;
    clear: both;
}

.section-content{
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.section-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding-top: 55px;
}

.section-header{
    margin-bottom: 2rem;
    max-width: 582px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.section-content:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.section-content.pinhole-comments{
    margin-bottom: 30px;
}

.section-header + .section-header-bottom {
    margin-top: 25px;
}

.section-header:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    left: 50%;
    margin-left: -0.5px;
    top: 0;
}
.section-header + .section-actions{
    margin-top: -10px;
}
.section-actions {
    position: relative;
    z-index: 1;
    margin-bottom:2rem;
}

.section-title{
    max-width: 582px;
}
.section-title,
.section-header .entry-meta{
    text-align: center;
}
.section-title .entry-title {
    margin-bottom: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.section-title + .section-desc{
    margin-top: 2rem;
}
.section-actions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section-actions a {
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 0;
}

.section-actions ul li {
    margin: 0 10px;
    &:last-child {
        margin-right: 0;
    }
}

.section-content > *:not([class*="align"]):not([class*="gallery"]),
.section-desc > *:not([class*="align"]),
.gallery-size-thumbnail {
    max-width: 582px;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
   Entry Style Classes
--------------------------------------------------------------*/
.meta-item {
    display: inline-block;
    vertical-align: top;
}
.entry-title{
    margin-bottom: 0;
}

.entry-category a {
    pointer-events: auto;
}
.entry-meta{
    margin-top: 5px;
    line-height: 1.6;
}
.meta-item:after{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 3px;
    display: inline-block;
    vertical-align: 3px;
    line-height: 1;
    margin: 0 5px 0 7px;
}
.meta-item:last-child:after{
    display: none;
}


/*--------------------------------------------------------------
   WordPress Classes
--------------------------------------------------------------*/

.aligncenter,
.alignnone {
    clear: both;
    display: block;
    margin: 0 auto @spacing-vertical;
    max-width: 100%;
}

.alignright,
.section-content .mks_pullquote_right {
    display: inline;
    float: right;
    margin-left: 4rem;
    margin-bottom: @spacing-vertical;
    max-width: 100%;
    margin-top: .45rem;
}
.alignleft,
.section-content .mks_pullquote_left  {
    display: inline;
    float: left;
    margin-right: 4rem;
    margin-top: .45rem;
    margin-bottom: @spacing-vertical;
}

.wp-caption-text {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 1rem;
}

figure.alignright{
    margin-right: 10%;
    margin-left: 20px;
}
figure.alignleft{
    margin-left: 10%;
    margin-right: 20px;
}

p img.alignleft{
    margin-left: -10rem;
}

p img.alignright{
    margin-right: -10rem;
}

.section-content > .mks_pullquote_right{
    margin-right: 10%!important;
    margin-left: 3.4rem!important;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.section-content > .mks_pullquote_left{
    margin-left: 10%!important;
    margin-right: 3.4rem!important;
    margin-bottom: 1rem;
    line-height: 1.5;
}



/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}





/*--------------------------------------------------------------
   Owl slider
--------------------------------------------------------------*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */

.no-js .owl-carousel {
    display: block;
}

/*--------------------------------------------------------------
   Pagination
--------------------------------------------------------------*/

.pinhole-section .section-content .pinhole-pagination{
    position: relative;
    min-height: 40px;
    clear: both;
    text-align: center;
    margin-top: 1rem;
    max-width: 100%;
}
.load-more a,
.pinhole-pagination .prev-next a,
.pinhole-pagination .prev-next a,
.pinhole-pagination .next,
.pinhole-pagination .prev,
.infinite-scroll a{
    height: 40px;
    min-width: 200px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-size: 12px;
    position: relative;
          
}
.pinhole-pagination a{
    margin:0 4px;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out; 
}

.pinhole-pagination .current{
    pointer-events: none;
}


.pinhole-pagination .pinhole-prev,
.pinhole-pagination .pinhole-next{
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}
.pinhole-pagination .page-numbers,
.pinhole-link-pages a,
.pinhole-link-pages span{
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    line-height: 40px;
}

.prev-next .prev:not(:empty) + .next {
  margin-left: 30px;
}

.pinhole-pagination .prev:empty,
.pinhole-pagination .next:empty {
  display: none;
}
.pinhole-loader {
    width: 50px;
    height: 8px;
    position: absolute;
    margin-left: -25px;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    margin-top: -4px;
}
.pinhole-loader-active .pinhole-loader{
  opacity: 1;
  z-index: 99;
}
.pinhole-loader-active a{
  font-size: 0;
}
.load-more a{
  position: relative;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}


.pinhole-infinite-scroll a{
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.dot {
width: 8px;
height: 8px;
border-radius: 50%;
  background: #fff;
  position: absolute;
  animation-duration: 0.6s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.dot1, .dot2 {
  left: 0;
}

.dot3 { left: 1.5em; }

.dot4 { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

@keyframes revealback {
  from { transform: scale(1); }
  to { transform: scale(0.001); }
}


.dot1 {
  animation-name: reveal;
}

.dot2, .dot3 {
  animation-name: slide;
}

.dot4 {
  animation-name: revealback;
}

.infinite-scroll{
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
}
.infinite-scroll.pinhole-loader-active{
  opacity: 1;  
}
.infinite-scroll a{
    font-size: 0;
}
/* Password Protected Post/ Page */
.post-password-required label{
    width: 100%;
}
.post-password-required input[type="submit"],
.error404 .search-submit{
    width: 270px;
    display: block;
    margin: 10px auto;
}
.post-password-required input[type="password"]{
    width: 270px;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: block;
}
.section-content .post-password-form{
    text-align: center;
    max-width: 400px !important;
}
.error404 .search-form{
    text-align: center;
}
.error404 label,
.error404 .search-field{
    width: 270px;
}
.entry-content .fb_iframe_widget{
    display: block;
    margin-bottom: @spacing-vertical;
}
.pinhole-vertical-separator{
    display: block;
    width: 1px;
    height: 30px;
}
.section-content .mks_tabs.vertical{
    padding:0 0 0 115px;
}
.mks_dropcap{
    padding:11px 17px;
}
.sticky .entry-title a:before{
    content: "\f08d";
    font-family: "FontAwesome";
    line-height: 1;
    outline: 0;
    margin-right: 10px;
}
/*--------------------------------------------------------------
   Sticky Bottom 
--------------------------------------------------------------*/
.pinhole-sticky-bottom{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: translate3d(0,70px,0);
    border-top: 1px solid;
    height: 70px;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.pinhole-sticky-bottom-on .pinhole-sticky-bottom{
    transform: translate3d(0,0,0);
}
.sticky-bottom-slot{
    line-height: 1.4;
    position: relative;
    i{
        position: absolute;
        top: 50%;
        font-size: 24px;
        line-height: 21px;
        display: block;
        height: 24px;
        margin-top: -12px;
    }
}
.slot-left{
        padding-left: 38px;
    i{
        left: 0;
    }
}
.slot-right{
        padding-right: 38px;
        text-align: right;
    i{
        right: 0;
    }
}
.pinhole-sticky-bottom span{
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
}
.sticky-bottom-slot a{
    display: block;
}