/*
Theme Name:Sunny Journey LLC 
Theme URI:
Author:SpiderZen
Author URI:
Description:
Version:2022.01
*/
@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2; color:#757575}
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display:block; max-width:none }

.owl-theme .owl-nav {margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent;}
.owl-theme .owl-nav [class*='owl-'] {color:#FFF; font-size:14px; margin:5px; padding:4px 7px; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:3px;}
.owl-theme .owl-nav [class*='owl-']:hover {background:#869791; color:#FFF; text-decoration:none;}
.owl-theme .owl-nav .disabled {opacity:0.5; cursor:default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top:30px;}
.owl-theme .owl-dots {text-align:center; -webkit-tap-highlight-color:transparent;}
.owl-theme .owl-dots .owl-dot {display:inline-block; zoom:1; *display:inline;}
.owl-theme .owl-dots .owl-dot span {width:10px; height:10px; margin:5px 7px; background:#c2c2c2; display:block; -webkit-backface-visibility:visible; transition:opacity 200ms ease; border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#3a3434;}

.owl-carousel {display:none; width:100%; -webkit-tap-highlight-color:transparent;position:relative; z-index:1;}
.owl-carousel .owl-stage {position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -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; width:100%;}*/
.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; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {background:none; color:inherit; border:none; padding:0 !important; font:inherit;}
.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 {-ms-touch-action:pan-y; touch-action:pan-y; -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 .owl-carousel {display:block;}
.owl-carousel .animated {animation-duration:1000ms; animation-fill-mode:both;}
.owl-carousel .owl-animated-in {z-index:0;}
.owl-carousel .owl-animated-out {z-index:1;}
.owl-carousel .fadeOut {animation-name:fadeOut;}
@keyframes fadeOut {
0% {opacity:1;}
100% {opacity:0;}
}
.owl-height {transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {/**This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrongcalculation of the height of the owl-item that breaks page layouts*/ }
.owl-carousel .owl-item .owl-lazy {opacity:0; transition:opacity 400ms ease;}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height:0;}
.owl-carousel .owl-item img.owl-lazy {transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper {position:relative; height:100%; background:#000;}
.owl-carousel .owl-video-play-icon {position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url("owl.video.play.png") no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display:none;}
.owl-carousel .owl-video-tn {opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame {position:relative; z-index:1; height:100%; width:100%;}

#page{ overflow:hidden;}
.ratio .full-img, .ratio a.d-block{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img, .ratio a.d-block img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}


.banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-image:before, .banner-image:after{ content:''; position:absolute; top:0; left:0; bottom:0; right:0;}
.banner-image:before{ background:rgba(0,0,0,0.4);}
.banner-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.banner .banner-image{ height:690px;}
.banner .carousel-caption{margin:0; padding:0; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); bottom:auto; color:var(--bs-white); text-align:left; font-size:18px; z-index:1;}
.banner .carousel-caption h2{ font-size:60px;}
.banner .carousel-control-prev, .banner .carousel-control-next{ z-index:2; width:40px;}

.header{ position:relative; z-index:1000; background:var(--bs-white);}
.pre-header{ padding:0; border-bottom:1px solid #ccc;}
.pre-header ul.info{ font-size:14px; margin:0; padding:0; list-style:none;}
.pre-header ul.info li{ float:left;}
.pre-header ul.info li + li{ margin-left:15px;}
.pre-header ul.info li a i{ font-size:16px; color:var(--bs-primary);}
.pre-header ul.social{ margin:0 0 0 auto; padding:0; list-style:none;}
.pre-header ul.social li{ float:left;}
.pre-header ul.social li a{ display:block; height:50px; width:50px; line-height:50px; font-size:20px; text-align:center;}
.post-header{ padding:16px 0; background:#fff;}
.post-header .searech-btn{ font-size:24px; height:40px; width:40px; text-align:center; line-height:40px;}
.header-search{ position:absolute; top:100%; left:0; right:0; z-index:100;}
.header-search .card-body{ border:none; border-radius:0; border-top:1px solid #ccc; padding-left:0; padding-right:0;}
.header-search .card-body form{ position:relative; display:block;}
.header-search .card-body form input[type="search"]{ padding-right:58px; padding-left:15px; height:46px; border:none;}
.header-search .card-body form input[type="submit"]{ background:url(images/search.svg) no-repeat center var(--bs-primary); background-size:20px; position:absolute; top:0; padding:0; width:40px; height:40px; border:none; text-indent:-9999px; margin:0; padding:0; top:50%; margin-top:-20px; right:4px; padding:0;}
.header-search .card-body form input[type="submit"]:hover{ background-color:var(--bs-secondary);}

.section{ padding:100px 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.w1 .image-block{ padding:104px 0 0 52px; position:relative;}
.w1 .image-block .ratio-4x3{ border-radius:0 0 30px 0; overflow:hidden;}
.w1 .image-block .float-img{ position:absolute; top:0; left:0; width:70%; border-radius:0 0 0 30px; overflow:hidden; z-index:10;}
.w1 .content{ padding-left:50px;}
.w1 .content ul li{ font-weight:700;}

.content-style ul{ padding:0; list-style:none;}
.content-style ul li{ position:relative; padding-left:24px;}
.content-style ul li + li{ margin-top:6px;}
.content-style ul li:before{ content:'\f058'; position:absolute; top:0; left:0; color:#520c2c; font-family:'Font Awesome 6 Free'; font-weight:900;}

.w2{ color:#fff;}
.w2:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#101010; opacity:0.6; z-index:1;}
.w2 .box{ background:rgba(255,255,255,0.24); padding:35px; border-radius:20px;}
.w2 .box img{ margin-bottom:35px; width:72px;}

.w3 .content{ -webkit-box-shadow:0 20px 20px 0 rgba(186,186,186,0.29); box-shadow:0 20px 20px 0 rgba(186,186,186,0.29); border-radius:20px; border:1px solid #e9eff3;}
.w3 .content .content-box{ padding:70px;}
.w3 .content .content-box .icon{ background:#520c2c; position:relative; margin-bottom:35px; height:75px; width:75px; border-radius:10px;}
.w3 .content .content-box .icon img{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:60%;}
.w3 .content [class*=col-]{ position:relative;}
.w3 .content [class*=col-] + [class*=col-]{ border-left:1px solid #d8d8d8;}
.w3 .content [class*=col-] + [class*=col-]:before{ background:#f8f9fd; height:60px; width:60px; text-align:center; line-height:60px; border:1px solid #d8d8d8; border-radius:50%; content:'\f101'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:-30px;}

.w4:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#101010; opacity:0.6; z-index:1;}
.w4:after{ background:#f8f9fd; content:''; position:absolute; left:0; right:0; bottom:0; height:100px; z-index:2}
.w4 .intro-content{ color:#fff;}
.w4 .content { -webkit-box-shadow:0 20px 20px 0 rgba(186,186,186,0.29); box-shadow:0 20px 20px 0 rgba(186,186,186,0.29); border-radius:20px; border:1px solid #e9eff3; padding:60px; text-align:center; background:#fff; position:relative;}
.w4 .content:before{content:'\f10e'; font-family:'Font Awesome 6 Free'; font-weight:900; color:#ed8d8d; right:60px; font-size:80px; line-height:1; position:absolute; top:-35px;}
.w4 .content .profile-img{ margin:0 auto 20px; width:80px; border-radius:50%; overflow:hidden;}

.w5{ background:#f8f9fd;}
.w5 .ratio{ overflow:hidden; border-radius:15px;}
.w5 a.d-block:hover p{ color:var(--bs-body-color);}

.w6{ padding:150px 0; color:#fff;}
.w6:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#101010; opacity:0.6; z-index:1;}
.w6 [class*=col-]:last-child{ text-align:right;}

.footer{ background:#0a0a0a; color:var(--bs-white); font-size:14px;}
.footer a{ color:var(--bs-white);}
.footer a:hover{ color:var(--bs-primary);}
.footer-top{ padding:50px 0;}
.footer-top ul.social{ margin:0 0 0 auto; padding:0; list-style:none;}
.footer-top ul.social li{ display:inline-block;}
.footer-top ul.social li + li{ margin-left:10px;}
.footer-top ul.social li a{ display:block; height:40px; width:40px; line-height:40px; font-size:18px; text-align:center; background:var(--bs-primary); color:var(--white); border-radius:50%;}
.footer-top .menu{ margin:0; padding:0; list-style:none;}
.footer-top .menu li + li{ margin-top:5px;}
.footer-bottom{ padding:20px 0; text-align:center; background:#242424;}
.post-header .logo img, .footer-logo img{ width:260px;}


.page-banner{ position:relative;}
.page-banner .banner-image{ height:350px; background:#000;}
.page-banner .container{ color:#fff; position:absolute; z-index:50; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.page-banner .container h1{position:relative; padding-bottom:16px; margin-bottom:24px;}
.page-banner .container h1:after{ width:130px; bottom:0; left:0; background:var(--bs-primary); height:5px; content:''; position:absolute;}

.breadcrum-items{ padding:20px 0; font-size:14px; background:#e9eff3; text-transform:uppercase;}
.breadcrum-items:before, .breadcrum-items:after{ content:''; display:table; }
.breadcrum-items:after{ clear:both;}
.breadcrum-items span{ display:block; float:left;}
.breadcrum-items span a{ display:block;}
.breadcrum-items span a:after{ content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; float:right; margin:0 10px 0 10px;font-size:11px;}
.breadcrum-items span:last-child a:after{ display:none; }
.breadcrum-items span.current-item{ font-weight:700;}

.page-banner .container .breadcrum-items{ padding:0; background:none;}
.page-banner .container span.current-item{ color:var(--bs-primary);}
.page-banner .container .breadcrum-items span a{ color:var(--bs-white);}

.post-list-item{ -webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.12); box-shadow:0 0 40px 0 rgba(0,0,0,0.12);}
.post-list-item .full-img{ border-radius:0; overflow:hidden;}
.post-list-item .content{ padding:30px; position:relative; background:#fff;}
.post-list-item .content h6{ font-size:15px; font-weight:400;}
.post-list-item ul{ padding:0; list-style:none;}
.post-list-item ul li{ float:left;}
.post-list-item ul li + li:after{ margin:0 6px; content:"-"; float:left;}
.post-list-item ul li i{ margin-right:6px; /*color:#000*/; font-size:16px;}
.post-list-item ul li{ font-size:14px;}

.blog-sidebar h3{ margin-bottom:20px; position:relative; font-size:24px; text-transform:none; overflow:hidden;}
.blog-sidebar h3 span{ position:relative; display:inline-block;}
.recent-post-widget h3{ margin-bottom:20px; position:relative; font-size:24px; text-transform:none; overflow:hidden;}
.recent-post-widget h3 span{ position:relative; display:inline-block;}

.single-post .blog-post .blog-post-img{ display:none;}
.blog-sidebar .widget{ margin:0 0 30px 0; padding:0;}
.blog-sidebar .widget:last-child{ margin:0;}
.blog-sidebar .widget ul{ padding:0; margin:0; list-style:none;}
.blog-sidebar .widget ul li{ display:block;}
.blog-sidebar .widget ul li a{padding-left:20px; position:relative;}
.blog-sidebar .widget ul li a:before{ content:'\f0da'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; }
.blog-sidebar .widget ul li a:hover{}
.blog-sidebar .widget ul li + li{border-top:1px solid #d8d8d8; margin-top:16px; padding-top:16px;}
.blog-sidebar .widget ul li .post-date{ font-size:12px;}
.blog-sidebar .widget ul li .post-date{ display:block;}

.blog-sidebar .widget{ padding:35px; background:#fff; -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.1); box-shadow:0 0 25px 0 rgba(0,0,0,0.1);}
.blog-sidebar .widget + .widget{ margin-top:30px;}
.blog-sidebar .widget.widget_search .widget-content{ padding:0; border:none;}
.blog-sidebar .widget .widget-content span.screen-reader-text{ display:none;}
.blog-sidebar .widget .widget-content form{ display:block; position:relative; margin:0;}
.blog-sidebar .widget .widget-content form label{ display:block; margin:0;}
.blog-sidebar .widget .widget-content form input[type="search"]{ padding-right:58px; padding-left:15px; height:46px;}
.blog-sidebar .widget .widget-content form input[type="submit"]{ background:url(images/search.svg) no-repeat center var(--bs-primary); background-size:20px; position:absolute; top:0; padding:0; width:40px; height:40px; border:none; text-indent:-9999px; margin:0; padding:0; top:50%; margin-top:-20px; right:3px;}
.blog-sidebar .widget .widget-content form input[type="submit"]:hover{ background-color:#202020;}

.search-list article{background:#fff; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e7e7e7;}
.search-list img.wp-post-image{ display:none;}
.search-list article .comments-link, .search-list article .entry-meta, .search-list article img.default-image{ display:none}
.entry-meta{ margin-bottom:12px;}
.entry-meta .byline, .entry-meta .posted-on, .entry-meta .comments-link, .entry-meta .cat-links{ margin-right:10px; display:inline-block; line-height:12px;}
.entry-meta .svg-icon{ margin-right:5px; color:#ef8019;}
.comment-list > .comment{ background:#fff; -webkit-box-shadow:0 4px 25px 0 rgba(0,0,0,0.11); box-shadow:0 4px 25px 0 rgba(0,0,0,0.11); padding:30px;}
.comment-reply-link, #cancel-comment-reply-link{ font-size:16px;}
.comment-author{ line-height:1}

.latest-blog-post { margin:0; padding:0; list-style:none;}
.latest-blog-post h6{ margin-bottom:8px; font-size:14px;}
.latest-blog-post h6 a{ color:var(--bs-primary);}
.latest-blog-post .media{ align-items:center; text-align:left;}
.latest-blog-post .media + .media{ margin-top:30px;}
.latest-blog-post .post-thumb{ width:100px; margin-right:16px;}
.latest-blog-post ul{ padding:0; list-style:none; margin:0;}
.latest-blog-post ul li{ font-size:14px;}

.d-flex.author { line-height:1.2; font-size:14px; align-items:center}
.d-flex.author .author-avatar{ width:36px; margin-right:16px;}
.author-info{ align-items:center; padding:20px; color:#fff; background:#000;}
.author-info a{ color:#fff; text-decoration:underline;}
.author-info a:hover{ color:#fff; text-decoration:none;}
.author-info .media-body{ margin-left:16px;}
.author-info .media-body h4{ color:#fff;}

.comment-list > .comment .comment-respond{ margin-top:30px;}
.comment-reply-title{ font-size:24px;}
.comment-reply-title small{margin-left:16px;}

.sidebar-links{ padding:44px 48px 40px; background:#f3f5f9;}
.sidebar-links ul{ margin:0; padding:0; list-style:none;}
.sidebar-links ul li + li{ margin-top:16px;}
.sidebar-links ul li a{ display:block; position:relative;}
.sidebar-links ul li a.active{ font-weight:500; color:var(--bs-primary);}
.sidebar-links ul > li > a::after {position:absolute; content:"\f105"; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0; font-family:'Font Awesome 6 Free';  
font-weight:900;}
.call-us { padding:33px 5px 28px; margin-top:40px; border:20px solid var(--bs-primary);}
.call-us p { font-size:11px; letter-spacing:2px; padding-bottom:6px;}
.call-us h2 {font-size:40px; font-weight:400;}
.search-list .post-list-item .content a.link{ font-weight:500; color:var(--bs-primary); text-transform:uppercase;}
.search-list .post-list-item .content a.link:hover{ color:var(--bs-body-color);}

.gallery-box { -webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.12); box-shadow:0 0 40px 0 rgba(0,0,0,0.12); background:#fff;}
.gallery-box .content{ padding:30px; position:relative; text-align:center; }