/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 12 2026 | 04:10:56 */
:where(.wp-site-blocks *:focus) {
    outline: none !important;
}

a:hover,
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) {
    text-decoration: none !important;
}

main {
    position: relative;
	min-height: 65vh;
}

p.blogpost-bio-aboutme, 
p.blogpost-bio-link {
    font-size: 19px !important;
}

/* Header
-------------------------------------------- */

.header-position .site-header-wrap {
    width: 100% !important;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 97;
}
.header-position .site-header-primary {
	padding-top: 10px !important; 
	padding-bottom: 10px !important;
}

/* Navigation
-------------------------------------------- */

li.mega-menu-item {position: relative;}
li.mega-menu-item:after {
	content: "" !important;
	width: 45%;
	height: 0;
	position: absolute !important;
	left: 0;
	bottom: 0;
}
li.mega-menu-item:hover:after {height: 5px; background: #00325d;}

a.mega-menu-link {font-weight: 500 !important;}
.mega-sub-menu a.mega-menu-link {line-height: 1.5 !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {display: none;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 17px !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item {font-size: 15px !important; /*margin-bottom: 10px;*/}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    float: none !important;
    display: block;
    margin: 0 auto;
    vertical-align: top !important;
    clear: both !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {margin-bottom: 10px;}
.mega-sub-menu .mega-current-menu-item a.mega-menu-link {color: #00325d !important;}

/* Mobile Menu */

.mobinav-trigger, .search-trigger {cursor: pointer;}

.mobinav-open, 
.header-search-wrap {display: none;}

/* Search */

.header-search-open:before {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f002";
    color: #00325d;
    position: absolute;
    top: 7px;
    right: 0;
    height: 30px;
    width: 30px;
    display: flex;
    justify-self: right;
}
.search-toggled .header-search-open:before {content: "\f00d";}

/* Elementor
-------------------------------------------- */

.about-timeline-marker {
    width: 25px !important;
    height: 25px !important;
    background: #fff;
    max-width: 25px !important;
    border-radius: 50%;
    border: 2px dotted #017e9c;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 23px;
    left: -14px;
}
.about-timeline-marker .elementor-spacer {
    width: 13px !important;
    height: 13px !important;
    background: #017e9c !important;
    border-radius: 50%;
    max-width: 13px !important;
}

/* Blogs
-------------------------------------------- */

.blogpost-bio-columns:hover {background: #818baa !important;}
.blogpost-bio-right:hover {background: #cfd6e8 !important;}

/* Others
-------------------------------------------- */

.site-header-wrap:before {
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.cpright-current-year {
    font-size: 15px;
    color: #e8f3f1;
}

/* Media Queries
-------------------------------------------- */

@media screen and (max-width: 1560px) {
	
	.container-site-header, 
	.container-site-footer, 
	.post-main-content {
        max-width: 92%;
        margin-left: auto;
        margin-right: auto;
	}
	
}
@media screen and (max-width: 1400px) {
	
	.blogpost-bio-container, 
	.header-search-container {
        width: 92%;
        max-width: 93%;
        margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.right-header-wrap {padding-left: 40px !important;}
	
}
@media screen and (max-width: 1280px) {
	
	.blogarchives-temp-container,
	.blogpost-single-container, 
	.header-search-container {
        width: 94%;
        max-width: 94%;
        margin: 0 auto;
	}
	.blogarchives-temp-container > * {max-width: 100%;}
	.page-notfound-content .page-notfound-inner {max-width: 80%;}
	
	.right-header-wrap {padding-left: 30px !important;}
	
}
@media screen and (max-width: 1024px) {
	
	.primary-header-left {flex-basis: 50% !important;}
	.primary-header-right {flex-basis: 50% !important;}
	
	.header-right-inner .mega-menu-wrap {display: none !important;}
	.right-header-wrap {padding-left: 0 !important;}
	
  /* Nav */
	
	.mobinav-open {display: block;}
	.mobinav-opened .mobinav-open {display: none;}
	body.mobinav-opened {overflow-y: hidden !important;}
	
	.global-sitenav-wrap {
	    width: 100% !important; 
	    height: 100% !important;
	    position: fixed !important;
	    top: 0;
	    left: -150%;
	    z-index: 9999999;
	    -webkit-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}
	.mobinav-opened .global-sitenav-wrap {
        left: 0 !important;
	}
	.global-sitenav-inner {
	    width: 400px !important;
	    max-width: 400px !important;
		background: #dbe7e9;
		padding: 40px 20px 80px 20px !important;
		box-sizing: border-box;
	    height: 100% !important;
	    position: absolute;
	    left: 0;
	    overflow-y: scroll;
	}
	.global-sitenav-inner .mega-menu-wrap {padding-top: 30px !important;}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu, 
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
        background: transparent !important;
		-webkit-box-shadow: none;
        box-shadow: none;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 0 0 0 5px;}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
		padding: 0;
	}	
	/*#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {margin-bottom: 15px;}*/
	/*#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {font-size: 17px;}*/
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    margin-top: 20px;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {display: inline-block;}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item a.mega-menu-link:before {
        top: 50%;
        transform: translateY(-50%);
        left: -3px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
	.mega-sub-menu .mega-current-menu-item a.mega-menu-link {color: #00325d !important;}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover,
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
	.mega-sub-menu .mega-current-menu-item a.mega-menu-link:hover {color: #017e9c !important;}
	
	/* Blogs */
	
	.blogpost-bio-right {padding-left: 30px !important; padding-right: 30px !important;}
	
	.page-notfound-content .page-notfound-inner {max-width: 90%;}
	
}
@media screen and (max-width: 880px) {
	
	.primary-header-left {flex-basis: 30% !important;}
	.primary-header-right {flex-basis: 60% !important;}
	
	.breakcols-840 {flex-direction: column;}
	
	.fromto-pfolio-project-wrap {
		padding: 15px;
		border: 1px solid #dbe7e9;
	}
	
	.elementor-widget-text-editor pre {
        margin-left: 0;
        margin-right: 0;
        padding: 30px 20px;
	}
	
}
@media screen and (max-width: 840px) {
	
	.has-xx-large-font-size,
	.has-x-large-font-size,
	.has-large-font-size {font-size: 26px !important;}
	
	h1.has-xx-large-font-size, 
	h1.elementor-heading-title {font-size: 33px !important;}
	
	.relative-on-mobile-portrait {position: relative !important;}
	.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {grid-template-columns: 1fr;}
	
	.page-404-column {flex-direction: column;}
	.page-404-left {flex-basis: 100% !important;}
	.page-notfound-inner {min-height: 400px !important;}
	
}
@media screen and (max-width: 781px) {
	
	.wp-block-site-title {font-size: 24px !important;}
	ul.wp-block-list.footer-nav-list {font-size: 17px !important;}
	
}
@media screen and (max-width: 667px) {
	
	.header-button {display: none !important;}
	
	.blogpost-bio-columns {flex-direction: column; max-width: 100% !important;}
	.blogpost-bio-left .wp-block-image {max-width: 130px; align-self: center;}
	.blogpost-bio-right {padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important;}
	
}
@media screen and (max-width: 576px) {
	
	.primary-header-left {flex-basis: 100% !important;}
	.primary-header-right {flex-basis: 70px !important;}	
	.wp-block-buttons.header-button {display: none !important;}
	
	.mobile-menu-inner {width: 100%; max-width: 100%;}
	
}