@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap'); body{ margin: 0; padding: 0; color: #686a6f; font-family: 'Poppins', sans-serif; } a{color: #11819D;} .top-header{ background: #eeeeee; padding:10px 0; transition: all 0.5s ease-in-out; position: fixed; width: 100%; z-index: 999; } .top-header.fixed{ position: fixed; top: 0; width: 100%; z-index: 999; transition: all 0.5s ease-in-out; animation-name: headersticky; animation-duration: 1s; } /*@keyframes headersticky { from {top: -90px;} to {top: 0px;} }*/ .top-header .container,.head_articles .container{ display: flex; justify-content: space-between; align-items: center; } .top-header .left_logo{} .top-header .left_logo img{ height: 38px; width: auto; } .top-header .navbar ul,.footer-menu-items,.footer_social,.footer-menu-items_parent ul{list-style: none;margin: 0;padding: 0;} .top-header .navbar ul li{ display: inline-block; margin: 0 20px; } .top-header .navbar ul li:last-child{margin-right: 0;} .top-header .navbar ul li a{ color: #686a6f; font-size: 16px; text-decoration: none; } .top-header .navbar ul li a:hover{color: #000;} .footer_section { background: #323539; padding: 30px 0; } .additional-footer h6{ color: #fff; margin-bottom: 16px; } .footer-menu-items li{ margin: 9px 0; background: url('../images/arrow.jpg') 0px 4px no-repeat; padding: 0 0 0 12px; } .footer-menu-items li .dropdown-toggle:after{display: none;} .footer-menu-items li a{ color: #c5c8cb; font-size: 14px; text-decoration: none; transition: all 0.5s ease-in-out; } .footer-menu-items li a:hover{color: #fff; padding-left: 4px;} .color-footer-grey, .footer-grey{color: #c5c8cb;} .white{color: #fff;} .copyright-holder{font-size: 14px;} .footer_social li{display: inline-block;margin: 0 16px;} .footer_social li a{ color: #686a6f; font-size: 22px; text-decoration: none; } .footer_social li a:hover{color: #fff;} .footer_social {text-align: right;} #short-footer{margin-bottom: 20px;} .head_articles{ padding:10px 0; padding-top: 70px; } .head_articles h3{font-size: 20px;margin: 0;} .section_color{background: #f7f7f7;} .post_block{ background: #fff; min-height: 320px; border:1px solid #e8e9ea; border-radius: 10px; border-radius: 10px; margin-bottom: 30px; display: block; text-decoration: none; } .post_block:hover{text-decoration: none;} .post_block .post_block_img{ position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; min-height: 160px; } .post_block .post_block_img .cat_name{ background-color: rgba(50,53,57,.45); border-radius: 35px; color: #fff; padding: 5px 18px; font-size: 16px; position: absolute; left: 20px; top: 20px; z-index: 10; } .post_block .post_block_img .thumbnail-background{ width: 100%; min-height: 160px; background-size: cover; background-repeat: no-repeat; position: relative; background-color: #ccc; } .post_block .post_block_img .thumbnail-background:before{ content:''; background-color: rgba(17,129,157,.8); position: absolute; top: 0; width: 100%; height: 100%; left: 0; padding: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; } .post_block:hover .thumbnail-background:before{ opacity: 1; } .post_section{ padding:50px 0; } .post_block_content{ padding: 20px; } .post_block:hover .post_block_content h3{color: #11819D;} .post_block_content h3{ margin-top: 10px; font-size: 21px; line-height: 28px; font-weight: 400; color: #000000; height: 64px; display: block; overflow: hidden; margin-bottom: 5px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .post_block_content .author_name{ font-size: 16px; color: #b6b7ba; font-style: italic; } .post_block_content .date{ color: #b6b7ba; font-size: 16px; } .newsletter-section{ width: 100%; background: #468500; margin: 0 auto 80px; padding: 46px 0; background: #468500 url(../images/pattern-blue.png) center center repeat-x; border-radius: 8px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .newsletter-section .headline-section-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; padding: 0; } .newsletter-section .cta-wrapper .headline { color: #fff; font-size: 36px; text-align: left; margin: 0 0 4px; padding-left: 25px; letter-spacing: 1px; } .newsletter-section .cta-wrapper .description { color: #fff; text-align: left; opacity: .7; font-size: 18px; padding-left: 25px; margin-bottom: 0; } .search-bar-container .search { position: relative; float: right; padding-right: 0; width: 250px; } .search-bar-container .search .search-icon { position: absolute; top: calc(50% - 16px / 2); left: 14px; font-size: 16px; pointer-events: none; color: #b6b7ba; } .search-bar-container .search .search-field { float: right; width: 100%; height: auto; border-radius: 45px; border: 1px solid #e8e9ea; font-size: 16px; padding: 10px 5px 10px 35px; } .left_logo a{color: #000; font-size: 20px;} .single_header{ min-height: 300px; display: flex; align-items: center; position: relative; padding-top: 100px; padding-bottom: 50px; } .single_header:after{ content:''; background-color: rgba(50,53,57,.7); position: absolute; top: 0; width: 100%; height: 100%; left: 0; padding: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 1; z-index: 2; } .single_header h1{ text-shadow: none; font-size: 46px; max-width: 710px; color: #fff; margin: 30px 0; } .single_header .container{max-width: 600px; text-align: center;position: relative;z-index: 3;} .single_header .author_bx{color: #fff;font-size: 14px;} .single_header .author_bx b{} .single_header .author_bx span{font-style: italic;} .single_page{padding: 50px 0;} .single_page .container{max-width: 700px;} .single_page p{color: #323539;font-size: 18px;line-height: 30px; margin-bottom: 30px;} .single_page h2,.single_page h3{ font-size: 36px; color: #323539; margin-bottom: 30px; font-weight: 600; } .single_page h3{ font-size: 32px; } .single_page h4{ font-size: 28px; } .catename_group{} .catename_group .cat_name{ color: #fff; border: 1px solid rgba(255,255,255,.4); border-radius: 25px; font-size: 16px; font-weight: 500; padding: 2px 14px 3px; display: inline-block; text-decoration: none; margin:0 6px; } .excerpt_text,.excerpt_text p{ color: #4A4A4A; font-size: 21px; font-style: italic; font-family: MetaSerifLf-BookIta,serif; } .pagination_section{ border-bottom: 1px solid #eaeaea; background-color: #f7f7f7; padding: 20px 0; } .pagination_section .container{ display: flex; justify-content: space-between; } .pagination_section .lft_link{ font-size: 16px; color: #686a6f; font-weight: 300; } .pagination_section .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .pagination_section .lft_link .fa-angle-up{ margin-right: 10px; font-size: 24px; margin-top: -7px; } .pagination_section .next_blog{ font-size: 16px; font-weight: 300; } .pagination_section .next_blog a{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; text-decoration: none; } .pagination_section .next_blog .section-title{ font-size: 16px; color: #acafb5; } .pagination_section .fa-angle-right{ margin-left: 10px; font-size: 24px; } .related_post{ background-color: #f7f7f7; padding: 50px 0; } .related_post h3{ color: #686a6f; font-weight: 400; font-size: 21px; margin-bottom: 30px; } .single_newsletter{ background-color: #fff; padding: 50px 0; } .single_newsletter .newsletter-section{margin-bottom: 0;} .single_page img{max-width: 100%;height: auto;} .single-media-sidebar{ position: fixed; left: -100px; top: 40%; background-color: #f7f7f7; border-top-right-radius: 8px; border-bottom-right-radius: 8px; padding: 14px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; box-shadow: 0 0 20px rgba(0,0,0,0.11); } .single-media-sidebar.show{left: 0;} .single-media-sidebar ul{ margin:0; padding: 0; list-style: none; } .single-media-sidebar ul li{display: block;} .single-media-sidebar ul li a{font-size: 20px;} .common_section{ padding: 40px 0 20px; background: #f7f7f7; border-top: 1px solid #eaeaea; } .head_search { display: flex; align-items: center; } .cat_dropdown{} .cat_dropdown .categorymneu{margin-right: 20px;display: flex; align-items: center;cursor: pointer;} .cat_dropdown .categorymneu .fa-angle-down{ font-size: 21px; margin-left: 6px; } .cat_dropdown .dropdown-menu{ border: 1px solid rgba(0,0,0,.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; left: -66px; } .cat_dropdown .dropdown-menu a:focus{ background-color: transparent; color: #000; } .single-author-container{ zoom: 1; overflow: hidden; align-items: center; margin-top: 40px; } .single-author-container .author-image-container{ margin-right: 22px; } .single-author-container .author-image-container img{ width: 120px; height: 120px; border-radius: 100%; border: 3px solid #fff; } .single-author-container .media-body h4{ margin-top: 0; margin-bottom: 10px; font-size: 22px; } .single-author-container .media-body p{ color: #acafb5; font-size: 16px; line-height: 23px; margin-bottom: 0; } /* Style the entire comments section */ .comment-form-cookies-consent{display: flex;} .comment-form-cookies-consent label{ line-height: normal; font-size: 13px; margin-left: 6px; } #comments { font-size: 18px; font-weight: 700; line-height: 1; margin: 0 0 16px; } .comment_parent .commentlist{ list-style: none; padding: 0; border-bottom: 1px solid #e7e7e7; } .comment_parent .commentmetadata a{ color: #464646; font-size: 13px; } .comment_parent .commentmetadata{ border-bottom: 1px dashed #f1f1f1; padding-bottom: 6px; margin-bottom: 10px; } .comment_parent .vcard img{display: none;} .comment_parent .vcard a{ color: #fff; background: #ff6200; font-size: 12px; padding: 1px 8px; display: inline-block; font-style: normal; text-decoration: none; } /* Style each individual comment */ .comment { margin-bottom: 20px; margin-top: 20px; list-style: none; } .comment_parent .comment-body p{ font-size: 14px; font-weight: 300; } .comment_parent .comment-body { border:1px solid #e7e7e7; padding: 20px; border-radius: 5px; } .comment_parent ul.children{ padding:0; list-style: none; margin-left: 4%; } /* Style the comment author name */ .comment .comment-author { font-weight: bold; color: #333333; } /* Style the comment date */ .comment .comment-date { color: #777777; font-size: 0.9em; } /* Style the comment content */ .comment .comment-content { margin-top: 10px; color: #555555; } /* Style comment reply link */ .comment .comment-reply-link { color: #0073e6; font-size: 0.9em; text-decoration: none; } /* Style comment form */ #commentform { margin-top: 10px; } /* Style comment form labels */ #commentform label { display: block; margin-bottom: 2px; font-weight: 400; color: #333333; } /* Style comment form input fields */ #commentform input[type="text"], #commentform textarea { width: 100%; padding: 8px; border: 1px solid #e3e3e3; border-radius: 5px; } #commentform textarea{height: 160px;} /* Style comment form submit button */ #commentform input[type="submit"] { background-color: #ff6200; color: #ffffff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } #commentform input#submit:hover{ background-color:#cc4e00; } /* Style comment form submit button on hover */ #commentform input[type="submit"]:hover { background-color: #005bb5; } .comments_section h3{ font-size: 24px; color: #333; font-weight: 600; } .comments_section .comment-form-cookies-consent{display: none;} .comment-form-author input,.comment-form-email input{ width: 50% !important; } .top-header .navbar ul li.dropdown:hover .dropdown-menu { display: block; } .mobile-menu-hamber{cursor: pointer;display: none;} .top-header .navbar ul li.menu-item-has-children.keyboard-nav:focus > ul{opacity:1;display:block;} /* Icon 1 */ #nav-icon1 { width: 22px; height: 15px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 2px; width: 100%; background: #888; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon1 span:nth-child(1) { top: 0px; } #nav-icon1 span:nth-child(2) { top: 6px; } #nav-icon1 span:nth-child(3) { top: 12px; } #nav-icon1.open span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; } #nav-icon1.open span:nth-child(3) { top: 5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .top-header .navbar ul li.dropdown .dropdown-menu { border-radius: 20px; border: none; box-shadow: 0 16px 16px rgba(0,0,0,0.1); max-width: 300px; min-width: 300px; padding: 10px 10px; } .top-header .navbar ul li.dropdown .dropdown-menu .dropdown-menu { position: absolute; left: -100%; top: 0; display: none; } .top-header .navbar ul li.dropdown .dropdown-menu li.dropdown:hover,.top-header .navbar ul li.dropdown .dropdown-menu li.dropdown:focus, .dropdown-menu.depth_1, .top-header .navbar ul li.dropdown .dropdown-menu li.dropdown .dropdown-menu li.dropdown:hover .dropdown-menu.depth_2,.top-header .navbar ul li.dropdown .dropdown-menu li.dropdown .dropdown-menu li.dropdown .dropdown-menu li.dropdown:hover .dropdown-menu.depth_3,.top-header .navbar ul li.dropdown .dropdown-menu li.dropdown .dropdown-menu li.dropdown .dropdown-menu li.dropdown .dropdown-menu li.dropdown:hover .dropdown-menu.depth_4{ display: block; } .top-header .navbar ul li.dropdown .dropdown-menu li{ margin: 0; padding: 0; } .top-header .navbar ul li.dropdown .dropdown-menu li a.dropdown-toggle::after{ position: absolute; right: 10px; top: 46%; } .top-header .navbar ul li.dropdown .dropdown-menu li{display: block;} .top-header .navbar ul li.dropdown .dropdown-menu li a{ font-size: 14px; display: block; padding: 10px 16px; line-height: 16px; transition:all 0.3s ease-in; } .top-header .navbar ul li.dropdown .dropdown-menu li a:hover{ border-radius: 12px; background: #edf2fb; transition:all 0.3s ease-in; padding: 10px 16px; } .top-header .navbar ul li.dropdown .dropdown-menu a span{color: #43414e !important;} .footer-menu-items li:empty{display: none;} .pagination_bottom .nav-links .page-numbers{display: none;} .pagination_bottom .nav-links .next.page-numbers,.pagination_bottom .nav-links .prev.page-numbers{display: inline-block;} .pagination_bottom .nav-links{width: 100%;max-width: 1140px;margin:0 auto;padding: 16px 0;} .pagination_bottom .nav-links .next.page-numbers{float: right;} .pagination_bottom .nav-links a{ color: #323539; font-size: 20px; text-decoration: none; } .pagination_bottom .nav-links a:hover{text-decoration: none;opacity: 0.9;} .pagination_bottom .nav-links .next.page-numbers:after{ content: "\f105"; font-size: 24px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; margin-left: 10px; } .pagination_bottom .nav-links .prev.page-numbers:before{ content: "\f104"; font-size: 24px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; margin-right: 10px; } .top-header.fixed.login_header { top: 32px; } .comment_parent{ background: #fff; border: 1px solid #e7e7e7; border-radius: 5px; max-width: 100%; padding: 40px 40px; } .comments_section h3.comment-reply-title{ font-size: 20px; margin-top: 20px; } .comments_section h3.comment-reply-title a{ color: #000; font-weight: 600; margin-left: 10px; } .comments_section .reply a{ color: #757575; text-decoration: none; } .comments_section .reply a:after{ content: "\f112"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: rotate(268deg); font-size: 10px; margin-left: 1px; } .comments_section .reply a:hover{color: #ff6200;} .top-header .navbar{height:38px;} .mobile_menu{ position: absolute; width: 100%; left: 0; top: 50px; display:none; background-color: #eeeeee; border-top: 1px solid #e3e3e3; } .mobile_menu ul{ margin: 0; padding: 0; list-style: none; position:static; float: none; border: none; } .mobile-menu .dropdown-menu { display: none; background: #e1e1e1; } .mobile-menu li { list-style: none; } .mobile-menu a { display: block; padding: 10px 15px; text-decoration: none; color: #333; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: normal; height: auto; right: 5px; line-height: normal; padding: 10px 23px 10px; text-decoration: none; top: 8px; width: 200px; z-index: 100000; }