@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

html, body{margin:0 auto; font-family: 'Open Sans', sans-serif;}
a:hover{ text-decoration: none;}


/*footer*/
.widget-heading {position: relative;}
.widget-heading:after, .widget-heading:before {content: '';height: 1px;width: 50px;background: #93d7e9;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 0;}
.widget-heading:after {right: 0;}
.widget-heading:before {left: 0;}
.widget-heading .elementor-heading-title {display: inline-block;padding: 0 10px; background: #275e6d; position: relative;z-index: 1;}
/*banner*/
.banner-area figure.swiper-slide-inner {position: relative; max-height: 650px; overflow: hidden;}
.banner-area figcaption.elementor-image-carousel-caption {margin: 0;position: absolute;bottom: 0; width: 100%;background: rgba(0, 0, 0, 0.7);padding: 5px 10px;}
/*comment form*/
#commentform input {width: 100%;height: 45px;border-radius: 0;border: 1px solid #ccc;padding-left: 10px;}
#commentform input[type="checkbox"] {height: auto;width: auto;padding: 0;}
#commentform textarea {width: 100%;height: 130px; border-radius: 0; border: 1px solid #ccc; padding: 10px;}
#commentform input[type="submit"] {background: #333; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; border: 0; max-width: 180px; font-family: 'Open Sans', sans-serif; cursor: pointer;}
#commentform { display: flex; flex-direction: column;}
p.comment-form-author {order: 1;}
p.comment-form-email {order: 2;}
p.comment-form-url {order: 3;}
p.comment-form-comment {order: 4;}
p.comment-form-cookies-consent {order: 6;}
p.form-submit {order: 7;}
p#lstc-comment-subscription {order: 8;}
h3#reply-title {text-align: center; color: #003366; font-size: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}


/*search*/
#searchButtom {position: relative; z-index: 1;}
input.hfe-search-form__input {text-align: center;}
.change-icon i.fas.fa-search:before {content: "\f00d" !important;}
.change-icon i { color: #000;}

/*slelo form*/
.slelo-form input {width: 100%;height: 40px;border-radius: 0;border: 1px solid #ccc;padding-left: 10px; font-size: 14px;}
.slelo-form label {display: block; margin: 0 0 10px; font-weight: 600; font-size: 14px;}
.slelo-form label + br {display: none;}
.slelo-form input[type="checkbox"] {width: inherit;height: inherit;}
.slelo-form .wpcf7-list-item {display: block;margin: 0;line-height: 30px;}
.slelo-form input[type="submit"] {max-width: 100px;padding: 0;background: #003366;color: #fff;text-transform: uppercase;letter-spacing: 1px;border: 0;}
.slelo-form select {width: 100%;height: 40px;padding-left: 10px;border-radius: 0;border: 1px solid #ccc;}
.slelo-form textarea {width: 100%; border: 1px solid #ccc; padding: 10px; height: 100px; border-radius: 0; font-size: 14px;}

/*slelo form end*/

/*table*/
.table table {width: 100%; border: 0;}
.table table tr {border: 0;}
.table table tr td {border: 1px solid #ccc;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-bottom: 50px; padding-top: 30px;}
/*table end*/

/*inner page*/
.inner-area {max-width: 1400px; margin: 0 auto;}
.inner-area {padding: 30px 35px;}
.post-title {text-align: center;}
.post-title h1 { font-size: 40px; line-height: 44px; font-weight: 700; color: #030303;}
.post-date {text-align: center; color: #a1a1a1; font-weight: 700; font-size: 15px; line-height: 25px; font-style: italic;}
.post-categories-area ul {list-style: none;padding: 0;text-align: center;margin: 0;}
.post-categories-area ul li a {color: #036;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;font-weight: 700;transition: 0.3s ease;}
.post-categories-area ul li a:hover {color: #4e90a4;text-decoration: none;}
.post-thumbnail img {display: block; max-width: 100%; margin: 0 auto 20px; height: auto;}
/*sidebar*/
.side-bare-area .widget_recent_entries ul {list-style: none;padding: 0;margin: 0;}
.side-bare-area .widget_recent_entries ul li a {display: block;font-size: 15px;line-height: 25px;color: #036; text-decoration: none;}
.side-bare-area .widget_recent_entries ul li {display: block;padding: 10px 0;border-bottom: 1px dotted #036;}
.side-bare-area aside {margin: 0 0 30px;}
.side-bare-area h3.widget-title {font-size: 18px;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;color: #036;text-align: center; margin: 0 0 20px; position: relative;}
#elementor-library-4 h3:before, .front-recent-post h5:before, .side-bare-area h3.widget-title:before { content: ''; height: 1px; width: 10%; position: absolute; background: #036; top: 10px; left: 0;}
#elementor-library-4 h3:after, .front-recent-post h5:after, .side-bare-area h3.widget-title:after {content: ''; height: 1px; width: 10%; position: absolute; background: #036; top: 10px; right: 0;}
#text-3 h3:after, #text-3 h3:before {width: 3% !important;}
#elementor-library-8 h3:before { content: ''; height: 1px; width: 20%; position: absolute; background: #036; top: 10px; left: 0;}
#elementor-library-8 h3:after {content: ''; height: 1px; width: 20%; position: absolute; background: #036; top: 10px; right: 0;}

.front-recent-post h5 {color: #003366;font-family: "Open Sans", Sans-serif;font-size: 18px;font-weight: 700;line-height: 29px;letter-spacing: 1px;text-align: center; position: relative;}
.front-recent-post ul {list-style: none;padding: 0;margin: 0;line-height: 36px;}
.front-recent-post ul li a {color: #036;border-bottom: 1px dotted #036;display: block;padding: 5px 0;font-size: 14px;}
.front-recent-post ul li:last-child a {border: 0;}

.simmler-post-area h3 {text-align: center;font-size: 14px;color: #036;font-weight: 600;line-height: normal;margin-bottom: 15px;}
.simmiler-post .post-thumbnail img {position: absolute; max-height: 100%; max-width: 100%; height: 100%; width: auto; margin: 0 auto; left: 0; right: 0;}
.simmiler-post .post-thumbnail {position: relative;overflow: hidden;}
.simmiler-post .post-thumbnail:after {content: '';display: block;padding-bottom: 80%;}
.simmiler-post .post-title h4 a {font-size: 18px;font-weight: 700;color: #036;line-height: 30px;margin: 0;text-align: left;padding: 5px 0; display: block;}
.simmiler-post .post-date {color: #a1a1a1;font-weight: normal;font-size: 11px;font-style: normal;text-align: left;}
.comment-link {text-align: right;}
.readm-more-btn a {color: #036; display: inline-block; padding: 0 25px; border: 1px solid; font-size: 13px; line-height: 40px;font-weight: bold;letter-spacing: 2px;text-transform: uppercase;cursor: pointer;transition: 0.3s ease;}
.readm-more-btn a:hover {color: #4e90a4;}
.readm-more-btn {text-align: center;padding: 30px 0;}
.nav-next.alignright, .nav-previous.alignleft { display: inline-block; width: calc(100%/2 - 3px);}
.nav-next.alignright a, .nav-previous.alignleft a { font-size: 14px; letter-spacing: 1px; font-weight: 600; color: #036;}
.nav-next.alignright { text-align: right;}
.nav-next.alignright a:after {content: '→'; padding-left: 5px;}
.nav-previous.alignleft a:before {content: '←'; padding-right: 5px;}

.post-anchor {height: 75px;position: fixed;line-height: 72px;width: 100px;overflow: hidden;top: 0;bottom: 0;margin: auto;z-index: 99; display: none;}
.post-anchor h2 {font-size: 14px;line-height: 75px;margin: 0;width: 25px;text-align: center;background: #333; margin: 0;}
.post-anchor h2 a {color: #fff;display: block;}
.post-anchor h2:hover {background: #ca9b52;}
.post-anchor > a {display: block;position: absolute;top: 0;z-index: -1;left: -50px;transition: 0.3s ease;}
.post-anchor img {width: auto;height: 75px;position: relative;z-index: 1;}
.post-anchor:hover > a {left: 25px;}
.previous-link.post-anchor {left: 0;}
.next-link.post-anchor {right: 0;}
.next-link.post-anchor > a {right: -50px;left: inherit;}
.next-link.post-anchor h2 {margin: 0 0 0 auto;}
.next-link.post-anchor:hover > a {right: 25px;}


.child-page-list-area h3 {position: relative;font-size: 18px;font-weight: 700;color: #036;text-transform: uppercase;margin: 0;padding: 10px 0;text-align: center;}
.child-page-list-area h3 span {background: white;padding: 0 10px;}
.child-page-list-area h3:after {content: '';height: 1px;width: 100%;background: #036;position: absolute;left: 0;z-index: -1;top: 50%;}
.child-page-list-area ul {list-style: none;padding: 0 15px !important; margin: 0;}
.child-page-list-area ul li a {display: block;font-size: 15px;color: #036;transition: 0.3s ease;padding: 10px 0;line-height: 25px;border-bottom: 1px dotted;}
.child-page-list-area ul li a:hover {color: #4e90a4;}
.child-page-list-area p {font-size: 15px; line-height: 25px;}
.child-page-list-area ul li:last-child a{ border: 0;}
.mycustom-menu .sub-menu, .mycustom-menu i.fa{ display: none;}
.elementor-text-editor a { font-weight: 600;}
.child-page-list-area p a {font-weight: 700;}
span.hfe-menu-toggle.sub-arrow i.fa {font-size: 24px;}
/**/
.single-page-area {padding: 50px 0;}
.custom-sidebar h2 a {display: inline-block; background: #fff; padding: 0 5px;}
.custom-sidebar h2:after {content: ''; height: 1px; width: 100%; position: absolute; left: 0; background: #036; top: 50%;   z-index: -1;}
.custom-sidebar h2 {position: relative; z-index: 0;}
/*slider*/
.elementor-widget-image-carousel .swiper-container {position: relative !important;}
/*end*/

/*count area*/
.counter-num {text-align: center;font-size: 70px;font-weight: 700;margin: 0; color: #3e575f;}
/*end*/


@media(max-width:1025px){
    .mycustom-menu .sub-menu, .mycustom-menu i.fa{ display: block;}
}

@media(max-width:991px){
    .inner-area {padding: 30px 0;}
}

@media(max-width:767px){
	.slelo-news-events article { flex-direction: column;  margin-bottom: 20px !important; background: #fff;}
	.slelo-news-events article .elementor-post__text { padding: 20px;}
}