/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://www.drivenpublishing.ca/
Description: Twenty Twenty-Two Child Theme
Author: Rene J. Babin
Author URI: https://www.drivenpublishing.ca/
Description: This theme was designed based on Wordpress' Twenty Twenty-Four theme. Completed by René J. Babin of Driven Publishing for Harbour Authority of Port Hood.
Template: twentytwentyfour
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-column, responsive-layout
Text Domain: twentytwentyfour-child
*/

/*---START CUSTOM CSS HERE --*/

html {
height: 100%;

}

.wp-block-post-title a:hover {
text-decoration: none !important;
}

body {
width: 100%;
overflow-x: hidden;
}

.hide_overflow {
overflow: hidden !important;
overflow-y: initial !important;
overflow-x: initial !important;
}
.compensate-for-scrollbar {
    margin-right: 15px !important;
}

/*- Scrollbar - Start -*/

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
}

::-webkit-scrollbar-track {
    background-color: #f0f0f0 !important;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: #5A7BE0;
}

/*- Scrollbar - End -*/

/*-- Fancybox - Start --*/

.fancybox__content {
width: 94%;
    border-radius: 30px;
    border: 2px solid #205CAA !important;
    vertical-align: top !important;
    margin-top: 20px !important;
	background-color: #FAFAFA;
	margin-bottom: 20px;
}

#fancybox-container-1 {
overflow-y: scroll !important;
}

.fancybox-active {
   /*  overflow: hidden !important; */
    overflow-y: scroll !important;
    overflow-x: hidden !important;
	touch-action: auto !important;
	
}
.fancybox-stage {
overflow-y: scroll !important;
}
.fancybox-inner {
touch-action: auto !important;
display: block;
}
.fancybox-container {

}

.fancybox-caption-wrap {
display: none;
}

.fancybox-slide {

    min-height: 100%;
    overflow-y: scroll !important;
    touch-action: auto !important;

}
.fancybox-slide div {

    min-height: 100%;
    overflow-y: scroll !important;
    touch-action: auto !important;

}

.fancybox-slide>* {

    width: 94%;
    border-radius: 30px;
    border: 2px solid #205CAA !important;
    vertical-align: top !important;
    margin-top: 30px !important;
	background-color: #FAFAFA;
}

.fancybox__container {
--fancybox-bg: rgba(38, 49, 113, 0.81);
}

.fancybox-hide {
display: none;
}

.fancybox-active .header-desk {
display: none !important;
}
.header-mbl {
display: none;
}
.fancybox-active .header-mbl {
display: block;
}

.is-close-btn {
background-image: url(https://www.haporthood.ca/wp-content/uploads/haph-close-01.svg);
width: 60px;
height:60px;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 1 !important;
background-color: transparent !important;
border: 0;
}

.is-close-btn svg {
display: none;
}

.is-compact .fancybox__content>.f-button.is-close-btn {
top: -20px;
}

/* With Fancy Box */

html.with-fancybox {
overflow-x: hidden;

}
html.with-fancybox ::-webkit-scrollbar {
-webkit-appearance: none;
    width: 0px;
	
}
.with-fancybox body {
margin-right: 0px !important;

}

.hide-scrollbar ::-webkit-scrollbar {
    -webkit-appearance: initial;
    width: 0px;
}

.hide-scrollbar ::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: initial;
}

.hide-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: initial;
    background-color: initial;
}

/*-- Fancybox - End --*/

h1 {
margin-left: 10px;
margin-right: 10px;
}

.img-w-caption {

}

.fa-file-pdf-o:before {
content: "\f1c1";
padding-left: 6px;
}

.mwl__topbar__controls__control--fullscreen {
display: none !important;
}

.show {
    visibility: visible ;
    opacity: 1;
	display: block !important;
  }

.sc-link {
margin-top:0px;
}

.hide {
display: none;
visibility: hidden;
opacity: 0;
}

.hideme {
margin-bottom: -110px !important;
}


a:focus, a:active {
text-decoration: none !important;
border-width: 0;
text-decoration-color: none !important;
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

.scrollLink {
color: transparent;
}


/* Start Contact Form */

.haph_contact_form {
padding-left: 10px !important;
padding-right: 10px !important;
margin-top: 8px !important;
padding-bottom: 10px !important;


}

.haph_send_button {
margin-top: 20px !important;
border-radius: 24px !important;
background-color: #5a7be0 !important;
padding-left: 20px !important;
padding-right: 20px !important;
font-weight: 600 !important;
border: 2px #ffffff solid !important;
}



div.wpforms-container-full .wpforms-confirmation-container-full {
background-color: transparent;
border: 0px !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p {
color: #396945 !important;
}

.wpforms-container input.wpforms-field-medium {
max-width: 100%;
}

.wpforms-container .wpforms-field-row.wpforms-field-medium {
max-width: 100%;
}

.cont-style-haph iframe {
    border: 2px solid #9daee0 !important;
    border-radius: 18px;
    overflow: hidden;
	height: 400px;
}

.iframe-style-haph {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}


.map_block_box {

}

.haph-contact-cols .fa {
color: #5a7bdf;

}

.haph-contact-cols .fa-user {

height: 10px;
display: inline-block;
width: 16px !important;
float: left;
padding-right: 12px;
padding-top: 4px;
}

/* End Contac Form */

/*-- Start Header Bar --*/

.top-cnt-navs-row {
display: none;
padding-bottom: 60px;
background-color: transparent !important;
}

.haph-posts-content .cnt-grp-01 {
margin-top: 4vw !important;

}

.top-bar-bck {
width: 100%;
background-color: #253271;
z-index: 100;
height: 74px;
display: flex;
position: absolute;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 90px !important;
top: 0;
left: 0;
border-bottom: 3px solid #e6835c;

}

.haph-hdr-02:before {
width: 100%;
background-color: #253271;
z-index: 100;
height: 74px;
display: block !important;
position: relative;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
border-bottom: 3px solid #e6835c;
}


.header-bar-top-menu {

}

.menu-nav-top-right {
margin-left: 2px !important;
}

#Local_Time {
margin-left: 14px;
display: block;
}

.cnt-grp-01 {
background-color: #fafafa;
margin-top: 200px !important;
display: block;
position: relative;
z-index: 200;
border: solid #829acf;
border-radius: 24px 24px 24px 24px;
border-top: 4px solid #829acf;
border-right: 4px solid #829acf;
border-bottom: 4px solid #829acf;
border-left: 4px solid #829acf;
width: 98%;
max-width: 836px;

}

.all-post-btn {
display: block;
position: relative;
}

.all-post-btn a {
border: solid #fff 2px !important;

}

.haph-btn-01 {
display: block;
position: relative;
}

.haph-btn-01 a {
border: solid #fff 2px !important;

}


.haph-homepage-content .cnt-grp-01 {
margin-top: 600px !important;
}

.page-template-wp-custom-template-haph-posts-01 .cnt-grp-01 {
margin-top: 4vw !important;
}

.single-post .cnt-grp-01 {
margin-top: 10px !important;
}

.haph-slideshow-home-01 {
position: absolute;
width: 100%;
overflow-x: hidden;
}


.haph-slider-01 {
height: 860px !important;

}

.haph-slide-txt-01 {

}

.haph-slide-logo-01 {

}

.haph-slide-btn-01 {

}



.haph-slideshow-home-01:after {
min-height: 540px;
margin-top: -12%;
background-image: url(https://www.haporthood.ca/wp-content/uploads/port-hood-harbour-authority-bar-01.png);
content: "";
background-repeat: no-repeat;
overflow-x: hidden;
background-size: contain;
display: block;
position: relative;
width: 103% !important;
}

.featured-img-bck {

position: absolute;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-left: 0px !important;
margin-right: 0px !important;
width: 100%;
overflow-x: hidden !important;
background-color: transparent !important;
}

.page-template-wp-custom-template-haph-gallery-01 .featured-img-bck {

z-index: -2;
}


.single-post .featured-img-bck {
z-index: -2;
}

.page-template-wp-custom-template-haph-posts-01 .featured-img-bck {
z-index: -2;
}


.featured-img-bck img {
border-radius: 0px;
min-height: 540px;
}

.featured-img-bck:after {
min-height: 540px;
margin-top: -8%;
background-image: url(https://www.haporthood.ca/wp-content/uploads/port-hood-harbour-authority-bar-01.png);
content: "";
background-repeat: no-repeat;
overflow-x: hidden;
background-size: contain;
display: block;
position: relative;
width: 103% !important;
}

.hide-bar:after {
background-image: none !important;
}

.haph-ft-posts-01:before {
height: 540px;
min-height: 60vh;
margin-top: -8%;
background-image: url(https://www.haporthood.ca/wp-content/uploads/port-hood-harbour-authority-bar-01.png);
content: "";
background-repeat: no-repeat;
overflow-x: hidden;
background-size: contain;
display: block;
width: 103% !important;
position: absolute;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: -30vh;

}

.haph-ft-posts-01-A {

}

.haph-ft-posts-01-B {
background-position: 22% 10% !important;
}

.cnt-gal-grp-01 .mgl-root {
margin-left: auto !important;
margin-right: auto!important;
width: 90% !important;
text-align: center;
display: block;
position: relative;
}

.haph-gal-imgs {
width: 90% !important;
max-width: 1280px !important;
}

.haph-gal-content {

}

.haph-gal-imgs img {
border: 3px solid #9caddf;
border-radius: 12px;
}

.featured-img-bck-post img {
width: 150vh;
height: 100%;
min-width: 100%;
z-index: -2;
position: fixed;
object-fit: cover;

}

.single-post .featured-img-bck-post img {
z-index: 0 !important;
}


.page-template-wp-custom-template-haph-posts-01 footer {
margin-block-start: 0rem !important;
}

footer {
margin-top: 0px;
}

/*
:where(.wp-site-blocks) > * {
margin-block-start: 0rem;
margin-block-end: 0;
}
*/

.header-logo-drk {
margin-top: -6px !important;
}

.header-logo-drk img {
margin-bottom: -5% !important;
}

.header-logo-drk:where(figure) {
margin: 0 0 0;
}


.Nav-DRK-01 a {
color: #F1D01C !important;

}


/*-- End Header Bar --*/

.wp-block-column {
word-break: normal !important;
overflow-wrap: normal !important;
}

.show-sml {
display: none;
}


.sep-haph {
height: 2px;
}

.sep-haph-02 {
background-color: #9dade0 !important;
color: #9dade0 !important;
width: 80%;
height: 1px;
}
}

/*-- Home Page Start --*/

.page-id-326 {


}

.page-id-326 .top-cnt-navs-row {


}

/*-- Home Page End --*/

/*-- Header Start --*/

.top-weather-haph {
padding-left: 16px;
z-index: 100;
}

.top-time-haph {
z-index: 100;
text-align: right;
}


#temperature {
width: 36px !important;
    display: inline-block;
	text-align: right;
	margin-right: 2px;
}

.header-desk-haph {
display: block;

}
.header-mbl-haph {
display: none;

}



/*- Header Block -*/



.haph-hdr-01{

}

.haph-hdr-02 {


width: 100%;
position: relative;
height: 200px;
display: block;
z-index: 9999;


}

/*- Columns Block -*/
.haph-hdr-cols-01 {

margin-top: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;

}

.logo-group-01 {
padding-top: 0px !important;
}

/*- Logo Block -*/
.haph-hdr-logo-01 {
padding-top: 0px !important;
padding-bottom: 0px !important;
z-index: 300;

}

/*- Menus Block -*/
.haph-hdr-menus-01 {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
z-index: 300;
}

/*- Menus Top-Menu Block -*/
.haph-hdr-topmenu-01 {
font-size: 16px;
font-weight: 600;
color: #4d6bc6 !important;

}

.haph-hdr-topmenu-01 a {
font-weight: 600;
color: #4d6bc6 !important;
}

.haph-hdr-topmenu-01 a:hover {
text-decoration: none;
}

.top-right-container {
background-color: #eefbff;
border-radius: 32px;
position: relative;
border: 2px solid #597be0;
gap: 0.2rem;
}

/*- Menus Main-Menu Block -*/
.haph-hdr-mainmenu-01 {
font-size: 22px;
padding-bottom: 8px;
}
.haph-hdr-mainmenu-01 a {
color: #22409a !important;
font-weight: 600;
}
.haph-hdr-mainmenu-01 a:hover {
text-decoration: none;
}


/* Menu 2 */

.Nav-DRK-01 a {
color: #F1D01C !important;

}

.header-temp-part {

}

.haph-hd-01 {
position: relative;

}

/*-- Header End --*/

/*-- Footer - Start --*/

footer h2 {
padding-bottom: 0.4em !important;
}

.footer-temp-part {
padding-top: 0px !important;
margin-top: 0px;
position: relative;
}

.ft-btns-haph {

}

.ft-btn-haph {


}

.ft-btn-haph .fa {

margin-left: 2px;
color: #efb04a;

}

.ft-btn-haph a {

padding-right: 18px !important;
padding-left: 24px !important;

}


.ft-last-row-haph {

}

.fa-map-marker {
height: 60px;
display: inline-block;
width: 16px !important;
float: left;
padding-right: 12px;
margin-bottom: 40px;
padding-top: 4px;

}

.fa-envelope {
height: 60px;
display: inline-block;
width: 16px !important;
float: left;
padding-right: 12px;
margin-bottom: 40px;
padding-top: 4px;
}


.fa-map-o {
height: 60px;
display: inline-block;
width: 16px !important;
float: left;
padding-right: 12px;
margin-bottom: 60px;
padding-top: 4px;

}

.fa-phone {
height: 40px;
display: inline-block;
width: 16px !important;
float: left;
padding-right: 12px;
padding-top: 4px;

}


.fa-envelope-o {
height: 40px;
display: inline-block;
width: 16px !important;
float: left;
padding-right: 12px;
padding-top: 4px;

}

.ft-col-01-txt {

}


/*- Complete Footer Block -*/
.haph-ft-01 {
position: relative;
}

/*- Footer Columns Block Top -*/
.haph-ft-cols-01 {

}

/*- Footer Columns Block Bottom + ft-cols-b -*/
.haph-ft-cols-02 a:link {
text-decoration: none !important;

}

/*- Each Footer Col of .haph-ft-cols-01  -*/
.ft_col {

}

.ft_nav a:hover {
text-decoration: none;

}

footer a {
text-decoration: none;
}


/*- Footer Column 01 Block -*/

.logo-ft img {

margin-bottom: 20px;

}

.logo-ft {



}

.ft-col-01 p {
line-height: 1.8;
padding-top: 0;
padding-left: 0;

}

.ft-col-01 a:link {
text-decoration: none;
}

.made-by {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
color: #597be0 !important;
}

.foooter .made-by a {
color: #597be0 !important;
}


/*- Footer Column 02 Block -*/
.ft-col-02 a:hover {
text-decoration: none;
}

/*- Footer Column 03 Block -*/

.ft_col_03 {

width: 310px !important;

}

.ft-col-03 .fa {
color: #eeaf49;
}


.ft-col-03 a {

text-decoration: none;

}

.ft-ct-00 {

}

.ft-ct-01 {
padding-left: 28px !important;

}

.ft-ct-02 {

}

.ft-ct-03 {

}
.ft-ct-04 {

}

.ft-grp-01 {

}

.ft-cols-a {


}

.ft-cols-b {

}

/*-- Footer - End --*/


/*-- Mobile Menu - Start --*/

/*- Mobile Menu page --*/
.mobile-menu-group {

}

/*- Header Mobile Menu Group -*/
.haph-hdr-mobile-01 {

}

/*- Mobile Menu Page -*/
.mbl-menu-list {

}

.mbl-menu-list li {
list-style: none;
padding-bottom: 8px;
font-size: 18px;
}

.mbl-menu-list li a {


line-height: 2;
text-decoration: none;
font-weight: 600;
border-left: 2px solid #9DAEE0;
padding-left: 8px;
}



/*-- Mobile Menu - End --*/

/*-- Gallery Start --*/

.pswp {
z-index: 999999 !important;
}

.mwl button.pswp__button:not(.pswp__button--arrow--prev):not(.pswp__button--arrow--next) svg {
stroke: #fff;
}

.mgl-item {
border-radius: 9px;
}

.mwl {
z-index: 999999;
}

.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img {
max-width: 80%;
max-height: 100%;
transform: scale(1);
transition: transform .2s;
cursor: zoom-in;
}

.mwl .mwl__navigation__previous, .mwl .mwl__navigation__next {
background: #597be0;
border: 1px solid; 
}


.mwl .mwl__navigation__previous svg, .mwl .mwl__navigation__next svg {
filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(60deg) brightness(103%) contrast(101%);
}

.mwl .mwl__navigation__next:hover, .mwl .mwl__navigation__previous:hover {
background: #597be0;

}

.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control .mwl__topbar__controls__control__label {
display: none;
}

.mwl.light .mwl__topbar .mwl__topbar__slide-counter {
display: none;
}

.mwl.light .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control svg path {
fill: #fff !important;
}

.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control {
background: #597be0;
padding: 10px;
line-height: normal !important;
margin-right: initial;
border-radius: 99px;
margin-top: 10px;
display: inline-flex;
flex-wrap: nowrap;
opacity: 1;
border: 1px solid #fff;
}

.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control svg {
margin-top: initial;
}


.mwl__topbar__controls__control--fullscreen {
display: none !important;
}

.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail {

padding-top: 10px;

}


.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail.magnification_disabled img {
    cursor: auto;
}


.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img {
max-width: 80%;
max-height: 96%;
transform: scale(1);
transition: transform .2s;
border-radius: 30px;
border: 3px solid #9eade0;
cursor: zoom-in;
}

.mwl .mwl__navigation__next, .mwl .mwl__navigation__previous {
position: absolute;
padding: 15px 10px;
border-radius: 99px;
line-height: 16px;
opacity: 1;
transition: opacity .2s;
cursor: pointer;
}



/*-- Gallery End --*/



/*------ BTNS START -------*/

.btn-to-top {
background-image: url(https://www.haporthood.ca/wp-content/uploads/haph-up-01.svg);
width: 60px;
height: 60px;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.fix-to-top {
    position: fixed;
    right: 10%;
    bottom: 20px;
    z-index: 999999;
    opacity: 0;
}
#btmfloat {
display: inline-block;
}

.btmfloat {
position: fixed;
    bottom: 20px;
    right: 20px; 
}

.totop-btn {
width: 40px;
height: 40px;
display: block;
background-color: #FCD7BA;
border: 2px solid #f8ae75;
align-content: center;
border-radius: 40px;
}

.totop-btn a {
    font-size: 24px;
    color: #003d62;
    text-align: center;
    display: inline-block;
    min-width: 40px;
    min-height: 40px;
    padding-top: 0px;
    margin-top: 0px;

}
.totop-btn a:active {
    color: #003d62;
}

.btn-close {
background-image: url(https://www.haporthood.ca/wp-content/uploads/haph-close-01.svg);
width: 60px;
height:60px;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.haph_close_btn {
    display: block;
    position: fixed;
    right: 2%;
    z-index: 9999999;
    max-width: 60px;
    float: right;
    top: 15px;
}

.btn-menu {
background-image: url(https://www.haporthood.ca/wp-content/uploads/haph-menu-word-01.svg);
width: 122px;
height: 54px;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
vertical-align: text-top;
cursor: pointer;
}


/*-- Menu Button --*/

.mbl_btn_grp {
width: 122px;

}

.haph-posts-list-01 {
width: 836px;
}

.haph-posts-list-01 li {
background-color: #fafafa;
margin-top: 10px !important;
display: block;
position: relative;
z-index: 200;
border: solid #829acf;
border-radius: 24px 24px 24px 24px;
border-top: 4px solid #829acf;
border-right: 4px solid #829acf;
border-bottom: 4px solid #829acf;
border-left: 4px solid #829acf;
padding: 30px;
margin-bottom: 30px;
}

.haph-posts-list-01 h2 {
margin-top: 6px;
}

.haph-posts-list-01 a:hover {
text-decoration: none;
} 

.read-more-01 {
color: #fff;
background-color: #597be0;
font-size: 18px;
padding: 8px 8px 8px 8px;
border: 2px solid #ffffff !important;
border-radius: 24px;
font-weight: 500;
line-height: inherit;
padding-top: 0.6rem;
padding-right: 1rem;
padding-bottom: 0.6rem;
padding-left: 1rem;
text-decoration: none;
}
.read-more-01 a {
border: 2px solid #ffffff !important;

}

.haph-posts-nav .wp-block-query-pagination-next-arrow {

background-color: #597be0;
padding: 2px 12px 2px 12px;
border-radius: 33px;
font-size: 36px;
border: 2px solid #ffffff;

}

.haph-posts-nav .wp-block-query-pagination-previous-arrow {

background-color: #597be0;
padding: 2px 12px 2px 12px;
border-radius: 36px;
font-size: 36px;
border: 2px solid #ffffff;

}



a:where(:not(.wp-element-button)) {
text-decoration: none;
}

.haph-posts-nav .page-numbers {

background-color: #597be0;
padding: 6px 12px 6px 12px;
border-radius: 24px;
font-size: 20px;
border: 2px solid #ffffff;

}

.haph-posts-nav .current {
color: #9eade0;
border: 2px solid #9eade0 !important;
}

.haph-homepage-content .cnt-grp-01:before {

}


/*------ BTNS END -------*/

/*  START MEDIA QUERY

@media screen and (max-width: 1080px) and (min-width: 992px)
@media screen and (max-width: 1080px)
@media screen and (max-width: 991px) and (min-width: 620px)
@media screen and (max-width: 781px)
@media screen and (max-width: 619px)
@media screen and (max-width: 800px)
@media screen and (max-width: 1024px)
@media screen and (max-width: 781px)


*/



@media screen and (max-width: 1080px) and (min-width: 992px) { 


/* START Header */

.top-bar-bck {
margin-top: 14px !important;
height: 72px;
}

.haph-hdr-cols-01 {
flex-wrap: wrap !important;
text-align: center;
display: block !important;
margin-left: auto;
margin-right: auto;
z-index: 300;
}

.haph-hd-01 {
position: relative;
display: block;
padding-left: 5%;
margin-left: auto;
margin-right: auto;
}

.haph-hdr-topmenu-01 {
padding-top: 4px !important;
font-size: 14px;
letter-spacing: normal;
font-weight: 600;
color: #4d6bc6 !important;
display: inline-block !important;
padding-left: 5% !important;
padding-bottom: 10px !important;
}

.haph-hdr-topmenu-01 a {
font-size: 14px;
letter-spacing: normal;
}

.haph-hdr-menus-01 {
flex-basis: 100%;
}

.haph-hdr-mainmenu-01 {
font-size: 22px;
padding-bottom: 8px;
display: inline-block !important;
position: relative;
margin-block-start: 0px;
}

.haph-hdr-mainmenu-01 nav {
color: #eefbff !important;
font-size: 24px;
height: 60px;
width: 100%;
background-color: #597be0;
border: solid 2px #eefbff;
border-radius: 32px;
margin-left: auto !important;
padding-left: 18px;
padding-right: 18px;
justify-content: center;
}

.haph-hdr-mainmenu-01 a {
font-size: 20px;
font-weight: 700;
letter-spacing: normal;
text-transform: none;
}

.Nav-DRK-01 a {
color: #eefbff !important;
justify-content: center !important;
}

.haph-hdr-mainmenu-01 .items-justified-right {
justify-content: center !important;
}

.haph-hdr-menus-01.wp-container-core-group-layout-2 {
justify-content: center !important;
}

.top-cnt-navs-row {
display: block;
}

.page-template-wp-custom-template-haph-gallery-01 .top-cnt-navs-row {
display: none;
}


.page-template-wp-custom-template-haph-posts-01 .top-cnt-navs-row {
display: none;
}

.header-logo-drk {
margin-top: 8px !important;
z-index: 300;
position: relative;
}

.header-logo-drk img {
margin-bottom: 0px !important;
margin-left: 4%;
}

.top-time-haph {
    margin-right: 10px !important;
}
.menu-nav-top-right {
    margin-left: 10px !important;
}

/* END Header */

/* START Content */

/* END Content */

/* START Footer */

/* END Footer */

}

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


.cnt-grp-01 {
margin-top: 1vw !important;

}

.haph-posts-content .cnt-grp-01 {
margin-top: 10px !important;

}

.single-post .cnt-grp-01 {
margin-top: 10px !important;
}

.single-post .top-cnt-navs-row {
padding-bottom: 10px !important;
}

.haph-homepage-content .cnt-grp-01 {
margin-top: 420px !important;
}

.page-template-wp-custom-template-haph-pages-02 .cnt-grp-01 {
        margin-top: 120px !important;
}

.page-template-wp-custom-template-haph-pages-02 .wp-block-post-featured-image img {
    box-sizing: border-box;
    max-width: 190%;
    vertical-align: bottom;
    width: 105%;
    height: 630px;
}

.haph-slider-01 {
max-height: 800px;
min-height: 920px;
}

.haph-slide-txt-01 {


}

.haph-slide-logo-01 {


}

.haph-slide-btn-01 {


}

.haph-posts-list-01 {
width: 90%;
margin-left: 5%;
}


.featured-img-bck img {
min-height: 300px;
min-width: 110%;
overflow-x: hidden;
}


.ft-col-01 {

flex-basis: 100% !important;
flex-grow: 1 !important;
display: block;
float: left;
position: relative;
padding-bottom: 20px;
}

.ft_col_01 {
max-width: 100%;
display: inline-block !important;
}

.ft-col-02 {


flex-basis: 25% !important;
flex-grow: 1 !important;
display: block;
float: left;
position: relative;

}

.ft-col-03 {

flex-basis: 45% !important;
flex-grow: 1 !important;
display: block;
float: left;
position: relative;

}


.haph-ft-cols-01 {
flex-wrap: wrap !important;
}
.haph-ft-cols-02 {
flex-wrap: nowrap !important;
padding-bottom: 66px !important;
}



.ft_btm_col_01 {
padding-right: 0px;

}
.ft_btm_col_02 a:link {
text-decoration: none !important;

}

.ft-btns-haph {
padding-top: 10px;
padding-bottom: 10px;
}


}


@media screen and (max-width: 991px) and (min-width: 620px) { 

/* START Header */

.top-bar-bck {
margin-top: 14px !important;
height: 72px;
}

.haph-hdr-cols-01 {
flex-wrap: wrap !important;
text-align: center;
display: block !important;
margin-left: auto;
margin-right: auto;
z-index: 300;
}


.haph-hd-01 {
position: relative;
display: block;
padding-left: 5%;
margin-left: auto;
margin-right: auto;
}

.haph-hdr-topmenu-01 {
padding-top: 4px !important;
font-size: 14px;
letter-spacing: normal;
font-weight: 600;
color: #4d6bc6 !important;
display: inline-block !important;
padding-left: 5% !important;
padding-bottom: 10px !important;
}

.haph-hdr-topmenu-01 a {
font-size: 14px;
letter-spacing: normal;
}

.haph-hdr-menus-01 {
flex-basis: 100%;
}

.haph-hdr-mainmenu-01 {
font-size: 22px;
padding-bottom: 8px;
display: inline-block !important;
position: relative;
margin-block-start: 0px;
}

.haph-hdr-mainmenu-01 nav {
color: #eefbff !important;
font-size: 24px;
height: 60px;
width: 100%;
background-color: #597be0;
border: solid 2px #eefbff;
border-radius: 32px;
margin-left: auto !important;
padding-left: 18px;
padding-right: 18px;
}

.haph-hdr-mainmenu-01 a {
font-size: 20px;
font-weight: 700;
letter-spacing: normal;
text-transform: none;
}

.Nav-DRK-01 a {
color: #eefbff !important;
letter-spacing: 0px;

}

.haph-hdr-mainmenu-01 .items-justified-right {
justify-content: center !important;
}

.haph-hdr-menus-01.wp-container-core-group-layout-2 {
justify-content: center !important;
}

.page-template-wp-custom-template-haph-posts-01 .top-cnt-navs-row {
display: none;
}

.top-cnt-navs-row {
display: block;
}

.page-template-wp-custom-template-haph-gallery-01 .top-cnt-navs-row {
display: none;
}

.header-logo-drk {
margin-top: 8px !important;
z-index: 300;
position: relative;
}

.header-logo-drk img {
margin-bottom: 0px !important;
margin-left: 4%;
}

.top-time-haph {
    margin-right: 10px !important;
}
.menu-nav-top-right {
    margin-left: 6px !important;
}

/* END Header */

/* START Content */

/* END Content */

/* START Footer */

/* END Footer */

}


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

/* START Header */
.haph-hdr-mainmenu-01 a {
font-size: 22px !important;
font-size: 2.7vw !important;
}
/* END Header */


/* START Footer */

.ft-cols-b {
width: 100%;
display: block !important;
}
.ft-cols-b p {
text-align: center !important;
}

.ft_col_01 {
padding-right: 0px !important;
}
.ft_col_02 {
padding-bottom: 40px;
}
.ft_col_03 {
padding-bottom: 10px;
}

.logo-ft img {
margin-bottom: 30px;
}

.haph-ft-cols-01 {
margin-bottom: 0px;
}

.ft-btns-haph {
padding-top: 10px;
}



.ft_btm_col_02 {
padding-bottom: 40px;
}

/* END Footer */

.haph-posts-list-01 li {
margin-left: 16px;
margin-right: 16px;
}

.haph-homepage-content .cnt-grp-01 {
margin-top: 390px !important;
}

.depicter-1-element-14-frame {
margin-top: 10px;

}


.depicter-layers-wrapper {
margin-top: 60px !important;
}

}


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

/* START Header */

.top-cnt-navs-row {
display: block;
}



.featured-img-bck img {
min-height: 260px;
min-width: 190%;
overflow-x: hidden;
}

.haph-hdr-topmenu-01 {
font-size: 18px;
font-weight: 600;
color: #4d6bc6 !important;
background-color: #eefbff;
border-radius: 32px;
position: relative;
border: 2px solid #597be0;
gap: 0.2rem;
height: 60px;
padding-top: 0px !important;
margin-bottom: 10px;
width: 190px;
margin-left: auto !important;
margin-right: auto !important;
}

.haph-hd-01 {
position: relative;
display: block;
padding-left: 5%;
margin-left: auto;
margin-right: auto;
}

/*-------*/
.header-desk-haph {
display: none !important;

}
.header-mbl-haph {
margin-top: 0px;
display: block !important;

}

.haph-hdr-menus-01 {
padding-top: 0px !important;
}
.haph-hdr-logo-01 {
padding-bottom: 0px !important;
}

.haph-hdr-mobile-cols-01  {
	row-gap: 0.5rem;
}

.header-logo-drk {
margin-top: 8px !important;
z-index: 300;
position: relative;
}

.header-logo-drk img {
margin-bottom: 0px !important;
margin-left: 4%;
}

/*
:where(body .is-layout-flow) > * {
    margin-block-start: 0.2rem;
    margin-block-end: 0;
}
*/


.logo-group-mbl-01 {
padding-top: 0px !important;
text-align: center;
width: 100%;
}
.haph-hdr-mobile-cols-01 {
padding-top: 0px !important;
}

.top-bar-bck {
margin-top: 20px !important;
}

.top-time-haph {
    margin-right: 10px !important;
}
.menu-nav-top-right {
    margin-left: 10px !important;
}

#Local_Time {
    margin-left: 10px;
    display: block;
}

.top-cnt-navs-row {
padding-bottom: 0px !important;
}

.top-cnt-navs-row h1 {
margin-top: 0px !important;
}


.haph-posts-list-01 li {
margin-left: 16px;
margin-right: 16px;
}

/* END Header */

/* START Content */

/* END Content */

/* START Footer */

/* END Footer */


/*----- Homepage Slideshow -------*/

.haph-slide-logo-01 {
/*display: inline-block !important;
width: 100% !important;
height: auto !important;
left: initial !important;
transform: translateX(0%) !important; */
}

.haph-slide-txt-01 {

}

.depicter-1-element-14-frame {


}


}


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

.top-bar-bck {
height: 16vw;

}

.haph-homepage-content .cnt-grp-01 {
margin-top: 360px !important;
}

.depicter-layers-wrapper {
margin-top: -100px !important;
}

.haph-slide-txt-01 {
font-size: 2em !important;
}

.haph-contact-cols .fa-map-marker {

margin-bottom: 42px;

}

.haph-posts-list-01 {
width: 98%;
margin-left: 1%;
}

/*
.haph-slide-logo-01 {
max-width: 90% !important;
text-align: center !important;
margin-left: 5% !important;
margin-right: 5% !important;
width: 300px !important;
}
*/

}

/*-- Depictor Slideshow CSS  */

@media screen and (min-width: 1900px) { 

.haph-slider-01 {

}

}


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

}

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

.services-cols {
gap: 0rem;
}


}

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

}


/*  END MEDIA QUERY  */