/*
Theme Name:     Hook Child
Description:    Child theme for Hook
Version:        3.0.1
Author:         Pirenko
Author URI:     https://www.pirenko.com/
Template:       hook
*/

#prk_half_folio #prk_half_size_single>.small-4 {
    padding-top: 0px;
    padding-bottom: 20px;
}

.mpc-lightbox {
    display: block;
}

.new-review {
    margin-top: 35px;
    margin-bottom:30px;
}

.new-review blockquote {
    font-size: 18px;
    padding-top: 10px;
    font-weight: 400;
    letter-spacing: 1px;
}

.new-review .signature {
    font-size: 14px;
}

.mobile-menu-ul li.menu-item-has-children>a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.ghost_theme_button a, .ghost_theme_button>span {
    font-weight: 400;
    padding: 10px 30px;
}

.service_lnk a, .reviewlink {
    font-weight: 400;
    padding: 10px 30px;
    border: 1px solid #3aafa9;
    color: #3aafa9 !important;
    border-radius: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size:18px;
    line-height: 32px;
    background-color: transparent;
    -moz-transition-property:color,background-color,border-color,opacity;
    -o-transition-property:color,background-color,border-color,opacity;
    -webkit-transition-property:color,background-color,border-color,opacity;
    transition-property:color,background-color,border-color,opacity;
    -moz-transition-duration:.25s;
    -o-transition-duration:.25s;
    -webkit-transition-duration:.25s;
    transition-duration:.25s;
    filter:alpha(opacity=90);
    -moz-transition-property:color,background-color,border-color;
    -o-transition-property:color,background-color,border-color;
    -webkit-transition-property:color,background-color,border-color;
    transition-property:color,background-color,border-color;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    position:relative;
    outline:none;
    cursor:pointer;
    -moz-appearance:none;
    -webkit-appearance:none;
    z-index:1;
    overflow:hidden;
    display: inline-block;
    margin-top: 20px;
}

.service_lnk a:before, .reviewlink:before {
    background-color: #3aafa9;
    border-color: #3aafa9;
    content:'';
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:100%;
    z-index:-1;
    -moz-transition-property:top;
    -o-transition-property:top;
    -webkit-transition-property:top;
    transition-property:top;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -moz-transition-timing-function:cubic-bezier(.39,.575,.565,1);
    -o-transition-timing-function:cubic-bezier(.39,.575,.565,1);
    -webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);
    transition-timing-function:cubic-bezier(.39,.575,.565,1)
}

.service_lnk a:hover, .reviewlink:hover {
    color: #161616 !important;
    opacity: 1;
}
.service_lnk a:hover:before, .reviewlink:hover:before {
    top: 0;
}

.servicevideo {
    margin-left: 86px;
    float:left;
}

.prk_service.prk_service_left .simple_line {
    display: none;
}

.mpc-button {
    margin-bottom: 10px;
}

span.mpc-button__title.mpc-transition {
    font-size: 16px !important;
    letter-spacing: 1px;
}

.mpc-lightbox {
    display: block !important;
} 

@media screen and (min-width: 768px) {
    #prk_half_folio #prk_half_size_single>.small-4 {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .mpc-lightbox {
        display: inline-block !important;
    } 
    .viewvideo {
        margin-left: 20px;
    }
}

@media screen and (min-width:992px) {
    .desktopright p {
        text-align:right !important;
    }
}

.hook_theme .testimonials_stack .owl-nav i, .hook_theme .testimonials_slider.owl-carousel .owl-nav i {
    color: white;
}

.btn_port {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

.btn_port a {
    font-weight: bold;
}

.portfolio_entry_li:hover .grid_image {
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
}

.portfolio_entry_li:hover .btn_port {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

.mpc-flipbox__wrapper .wpb_content_element {
    margin-bottom: 0;
}

.mpc-flipbox__front:after {
    content: '';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.mpc-flipbox__back:after {
    content: '';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.virtual-table {
    font-size: 12pt;
}

.virtual-table thead th {
    background-color: transparent;
    font-family: 'Barlow Condensed', sans-serif;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1.9px;
    color: 18c6d5;
}

.virtual-table .even td {
    background-color: transparent;
}

.virtual-table .odd td {
    background-color: #232323;
}

.virtual-table td.column-2 {
    text-align: center;
}

.virtual-table td.column-3 {
    text-align: center;
}

.virtual-table td.column-4 {
    text-align: center;
}

.virtual-table td.column-5 {
    text-align: center;
}

.virtual-table .fa-check {
    color: #3aafa9;
}

.virtual-table .fa-times {
    color: gray;
}

.virtual-table .fa-question {
    color: gray;
}

.virtual-table .row-hover tr:hover td {
    background-color: #515151;
}

.virtual-table tbody td, .virtual-table tfoot th {
    border: none;
}

.virtual-table thead th {
    border: none;
}

.fixed-left {
    display: none;
    position:fixed;
    left: 0;
    top: 50%;
    z-index:1000;
}

.fixed-left img {
    max-width: 100px;
    height: auto;
}

#continually-button-container {
    display: none;
}

@media screen and (min-width: 1150px) {
    #continually-button-container{
        display: block;
    }
}

@media screen and (min-width: 1150px) {
    .fixed-left {
        display: block;
    }

}

#hook_to_top {
    display: none;
}

.filter_folio .hook_folio_filter ul li {
    display: contents;
}

/*===== START CSS snippet =====*/
.fixed-button-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: rgba(17, 17, 17 ,0.75);
    color: #3aafa9;
    z-index: 9999;
  }
  @media (min-width: 768px) {
    .fixed-button-panel {
      /*width: 160px;*/
      bottom: 20px;
      left: 20px;
      right: auto;
    }
  }
  @media (min-width: 1150px) {
    .fixed-button-panel {
        display: none;
    }
  }
  
  .fixed-menu {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: -5px;
  }
  
  @media (min-width: 768px) {
    .fixed-menu {
      flex-direction: column;
    }
  }
  
  .fixed-menu__item {
    display: flex;
    padding: 5px;
    flex: 1 1 0;
    max-width: 180px;
  }
  
  .fixed-menu__btn {
    position: relative;
    display: inline-block;
    flex-grow: 1;
    margin: 0;
    padding: 5px;
    border-width: 1px;
    border-color: #3aafa9;
    border-style: solid;
    border-radius: 0;
    background: #3aafa9;
    color: #0a0a0a;
    font-family: inherit;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    transition: all .25s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    appearance: none;
    cursor: pointer;
    z-index: 1;
  }
  @media (min-width: 768px) {
    .fixed-menu__btn {
      padding: 5px 15px;
      text-transform: uppercase;
      letter-spacing: .2px;
    }
  }
  .fixed-menu__btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #0a0a0a;
    transform: translateY(100%);
    transition: all .25s;
    z-index: -1;
  }
  .fixed-menu__btn:focus,
  .fixed-menu__btn:hover {
    color: #3aafa9;
  }
  .fixed-menu__btn:focus:before,
  .fixed-menu__btn:hover:before {
    transform: translateY(0);
  }
  /*===== END CSS snippet =====*/

.ficon {
    font-size:16px;
    color:#000;
}

.fixed-menu__btn:hover > .ficon, 
.fixed-menu__btn:focus > .ficon {
    color: #3aafa9;
}

.hook_video-bg {
    display: none;
}

.hook_video-real video {
    width: 100%;
    height: auto;
}

.wp-video, .wp-video div.mejs-container {
    width: 100% !important;
}

.hook_theme .wpb_row.hook_with_video>div {
    height: 100% !important;
}


#particles-js {
  position: absolute;
  height: 100%;
  width: 100%;
	left:0px;
	top:0px;
}

@media (min-width:768px) {
    .hook_video-bg {
        display: block;
    }
    .col-bg-white > .wpb_wrapper{
        margin: 60px;
        background-color:rgba(255,255,255,0.6);
    }
    .col-bg-black > .wpb_wrapper {
        margin: 60px;
        background-color:rgba(0,0,0,0.6);
    }
    .row-bg-left .row_pattern_overlay {
        background-image: linear-gradient(-90deg,rgba(0,0,0,0) 20%,#000000 85%)!important
    }
    .row-bg-right .row_pattern_overlay {
        background-image: linear-gradient(90deg,rgba(0,0,0,0) 20%,#000000 85%)!important
    }
    .hook_video-real {
        display: none;
    }
}

@media only screen and (min-width: 980px) and (max-width:1199px) {
    .hook_responsive .columnize-3 .portfolio_entry_li, .hook_responsive .columnize-3 .grid-sizer, .hook_responsive .columnize-4 .portfolio_entry_li, .hook_responsive .columnize-4 .grid-sizer, .hook_responsive .columnize-5 .portfolio_entry_li, .hook_responsive .columnize-5 .grid-sizer, .hook_responsive .columnize-6 .portfolio_entry_li, .hook_responsive .columnize-6 .grid-sizer, .hook_responsive .hook_iso_gallery.iso_thirds .portfolio_entry_li, .hook_responsive .hook_iso_gallery.iso_thirds .grid-sizer {
        width: 33%;
    }
}