a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas, caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption, figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe, img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp, section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot, th,thead,time,tr,ul,var,video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; font-family: inherit; line-height: 1.4em; appearance: none; } *, ::after, ::before { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } button, input[type="submit"] { box-sizing: content-box; -moz-box-sizing: content-box; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Normalize webkit search */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="search"] { -webkit-appearance: none; } /* Fix IE scrollbar */ textarea { overflow: auto; } iframe { max-width: 100%; } a img { border: 0; display: block; } a { text-decoration: none; color: inherit; } ol, ul { margin-bottom: 16px; } /* Responsive images */ img, figure { max-width: 100%; height: auto; } /* Reset placeholder color */ ::-webkit-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; } h2 a { display: block; } /* 1.1. Theme Elements */ html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 15px; scroll-behavior: smooth; overflow-x: hidden; color: #262626; } :root { --main-color: #d13b53; } body { background-color: #fff; } header#masthead.site-header { z-index: 9999; position: relative; box-shadow: 0 0 10px 5px rgb(0 0 0 / 10%); } .d-flex { display: flex; } .d-flex-wrap { flex-wrap: wrap; } /* * 2. Navbar */ /* 2.1. Navbar Top */ .navbar-top { height: 40px; background-color: #fff; font-size: 13px; color: #333; } .navbar-top a:hover { color: var(--main-color); } .navbar-top-bg { display: flex; justify-content: space-between; align-items: center; height: 40px; line-height: 40px; } .navbar-top-date { padding-right: 10px; border-right: 1px solid rgba(0,0,0,.1); } .navbar-top ul { list-style: none; margin: 0; } ul.navbar-top-menu { display: inline-block; } .navbar-top ul li { display: inline-block; position: relative; } .navbar-top-menu > li > a { display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; transition: color .3s; } .navbar-top-menu > li > ul.sub-menu > li > ul.sub-menu { position: absolute; left: 80%; top: -1px; background-color: #fff; width: 100%; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.1); z-index: 9999; transition: .3s; opacity: 0; visibility: hidden; } .navbar-top-menu > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid rgba(0,0,0,.1); width: 123px; } .navbar-top-menu > li > ul.sub-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; left: 123px; } .navbar-top-menu > li > ul.sub-menu { position: absolute; background: #fff; top: 15px; left: 0; width: 125px; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.1); z-index: 9999; transition: .3s; display: block; opacity: 0; visibility: hidden; } .navbar-top-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; top: 40px; } .navbar-top-menu > li > ul.sub-menu li { border-bottom: 1px solid rgba(0,0,0,.05); width: 123px; background-color: #fff; } .navbar-top-menu > li > ul.sub-menu > li > a, .navbar-top-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding: 8px 10px; display: block; } .navbar-top-menu > li.menu-item-has-children > a:after { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: relative; margin-left: 5px; } .navbar-top-menu > li > ul.sub-menu > li.menu-item-has-children > a:after { content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 10px; top: 1px; height: 40px; line-height: 40px; } .navbar-top-social > ul > li > a { margin-left: 4px; font-size: 14px; display: block; height: 40px; line-height: 40px; padding-left: 5px; padding-right: 5px; } .navbar-top-social > ul > li > a > i { transition: color .3s; } .navbar-top-social a:hover > i.fa-facebook { color: #1877F2; } .navbar-top-social a:hover > i.fa-twitter { color: #1DA1F2; } .navbar-top-social a:hover > i.fa-instagram { color: #E4405F; } .navbar-top-social a:hover > i.fa-pinterest { color: #BD081C; } .navbar-top-social a:hover > i.fa-youtube { color: #CD201F; } .navbar-top-social a:hover > i.fa-linkedin { color: #0A66C2; } .navbar-top-social a:hover > i.fa-tumblr { color: #34465D; } .navbar-top-social a:hover > i.fa-tiktok { color: #EE1D51; } .navbar-top-social a:hover > i.fa-telegram { color: #0088cc; } .navbar-top-social a:hover > i.fa-whatsapp { color: #25D366; } .navbar-top-social a:hover > i.fa-snapchat { color: #FFFC00; } .navbar-top-social a:hover > i.fa-twitch { color: #9146ff; } .navbar-top-social a:hover > i.fa-medium { color: #131418; } .navbar-top-social a:hover > i.fa-rss { color: #FF6600; } li.menu-item a i { margin-right: 7px; } /* 3. Logo Area */ .jet-dark-logo { display: none; } .logo-area { border-top: 1px solid rgba(0, 0, 0, .05); border-bottom: 1px solid rgba(0, 0, 0, .05); } .header-middle { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; padding-bottom: 30px; } .logo a img { max-height: 100px; } a.logo-anchor { font-size: 36px; font-weight: bold; display: inline-block; } .header-middle .ads-area { max-width: 100%; width: auto; } .logo-area.center .header-middle { flex-wrap: wrap; } .logo-area.center .header-middle div { display: flex; width: 100%; align-items: center; justify-content: center; } .logo-area.center .header-middle div.logo { margin-bottom: 25px; } i.menu-icon { padding-right: 5px; } /* Navbar Search */ .show { opacity: 1 !important; visibility: visible !important; } #navSearch.show { top: 140%; } #navSearch { position: absolute; right: -250%; padding: 20px; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); opacity: 0; visibility: hidden; transition: .2s; top: 150%; background-color: #fff; border-top: 3px solid var(--main-color); z-index: 99999; } #navSearch form { position: relative; } #navSearch input { position: relative; border: 1px solid #dcdcdc; padding-left: 7.5px; padding-right: 60px; display: inline; height: 40px; border-radius: 5px; font-size: 0.923rem; outline: 0px solid #000; transition: .2s; } #navSearch button { position: absolute; line-height: 40px; background: #000; right: 0; padding-left: 20px; padding-right: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; transition: .2s; display: inline; } #navSearch input:focus { border-color: var(--main-color); } #navSearch input:focus + button { background: var(--main-color); } /* Mobile Menu */ #mobileMenu { position: fixed; top: 0; left: 0; width: 350px; height: 100%; transition: .5s; background-color: #fff; padding: 10px 30px; box-shadow: 0px 1px 5px 1px rgba(0,0,0,.1); font-size: 1.077em; z-index: 999999; } .mobile-menu-nav { margin-bottom: 50px; } #mobileMenu ul { list-style-type: none; padding: 0; left: 0; font-weight: 600; } #mobileMenu ul > li { position: relative; cursor: pointer; } #mobileMenu ul > li > a { text-decoration: none; color: #262626; display: block; line-height: 40px; transition: .2s; font-size: 14.5px; } ul.mobil-menu-ul > li > a, ul.mobil-menu-ul li.menu-item-has-children > a { border-bottom: 1px solid rgba(0,0,0,0.1); } #mobileMenu ul > li:hover > a { color: var(--main-color); } #mobileMenu ul li ul.sub-menu { padding-left: 10px; margin-bottom: 0; max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 1s linear, opacity .5s; } #mobileMenu ul.sub-menu li a { font-size: 13px; } #mobileMenu ul.sub-menu li:not(.menu-item-has-children) a { font-weight: 400; } #mobileMenu ul li ul.sub-menu.show { max-height: 3000px; transition: max-height 3s; } span.menu-toggle-icon { position: absolute; right: 0px; top: 0px; display: block; line-height: 40px !important; width: 25%; } span.menu-toggle-icon i { padding: 3px 6px; color: #000; line-height: 34px; border-radius: 100%; float: right; transition: .3s; } span.menu-toggle-icon.rotate i { transform:rotate(180deg); } .mobile-menu-text { position: relative; opacity: 0.7; font-size: 14px; } .mobile-menu-search { position: relative; margin: 20px auto; } .mobile-menu-search form { position: relative; } #mobileMenu input { border: 1px solid rgba(0,0,0,.1); padding-left: 7.5px; padding-right: 60px; display: inline; border-radius: 5px; font-size: 14px; outline: 0px solid #000; transition: .2s; max-width: 100%; } #mobileMenu .mobile-menu-search button { position: absolute; background: #222; height: 39.5px; bottom: 1px; right: 1px; padding-left: 20px; padding-right: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; transition: .2s; display: inline; } #mobileMenu input:focus { border-color: var(--main-color); } #mobileMenu input:focus + button { background: var(--main-color); border-color: var(--main-color); } .mobile-menu-btn { display: flex; align-items: center; justify-content: center; margin-top: 10px; } button#mobilePowerBtn { background: transparent; font-size: 1.846em; } #mobileMenu.mobile-dark { background-color: #212121; color: #fff; } #mobileMenu.mobile-dark ul li a, #mobileMenu.mobile-dark button { color: #fff; } #mobileMenu.mobile-dark ul li:hover a { color: var(--main-color); } #mobileMenu.mobile-dark button#searchsubmit { border-left: 1px solid rgba(255,255,255,0.2); } #mobileMenu.mobile-dark ul li a { border-color: rgba(255,255,255,0.2); } #mobileMenu.mobile-dark input { background-color: #212121; color: #fff; border-color: rgba(255,255,255,0.2); } /* Small Screen Menu */ .mobile-header { display: block; } .sm-screen-menu { background-color: #fff; display: flex; border-bottom: 1px solid rgba(0,0,0,0.1); height: 80px; align-items: center; justify-content: space-between; padding-left: 15px; padding-right: 15px; } .sm-screen-menu img { max-height: 45px; } .sm-screen-menu button { background: transparent; font-size: 18px; } /* Main Primary */ #jet-grid-area, #jet-home-area, .jet-fw-widgets { margin-top: 25px; } #jet-home-main { margin-bottom: 25px; } .left-sidebar .jet-sidebar { margin-left: 0; margin-right: 36px; } #jet-grid-area .jet-pm { display: none; } #jet-home-area .jet-grid { display: none; } #jet-home-area .jet-grid::before { display: block; } .jet-sidebar .container { padding: 0px; } .jet-sidebar .sticky-sidebar { position: -webkit-sticky; position: sticky !important; top: 25px; } .admin-bar .jet-sidebar .sticky-sidebar { top: 50px; } /* Jet Grid Modules */ .jet-grid-bg { width: 100%; background-size: cover; background-position: center; position: relative; } .jet-grid-bg { box-shadow: 0px -100px 100px -5px rgba(0,0,0,.85) inset; transition: box-shadow .35s ease-in, transform .5s ease; overflow: hidden; } .jet-grid-item:hover .jet-grid-bg { box-shadow: 0px -150px 100px -5px rgba(0,0,0,.85) inset; transform: scale(1.05); } .jet-grid-item > a { display: block; overflow: hidden; } .jet-grid-item { position: relative; overflow: hidden; cursor: pointer; } .jet-grid-text { position: absolute; z-index: 0; color: #fff; bottom: 0; left: 0; width: 100%; padding: 20px; } .jet-grid-cat { background-color: var(--main-color); padding-left: 10px; padding-right: 10px; border-radius: 1px; display: inline-block; line-height: 22px; font-size: 11px; text-transform: uppercase; font-weight: 600; } .jet-grid-text h2 { margin: 13px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .middle .jet-grid-text h2 { margin: 8px 0; } .jet-grid-meta { opacity: 0.8; font-size: 12px; } .jet-grid .full .jet-grid-bg { height: 500px; } .jet-grid .half .jet-grid-bg { height: 248px; } span.grid-author { margin-right: 10px; } @media screen and (min-width:1170px) { .grid-fw .jet-grid .full .jet-grid-bg { height: 580px; } .grid-fw .jet-grid .half .jet-grid-bg { height: 288px; } } .jet-grid .big h2 { font-size: 33px; } .jet-grid .middle h2 { font-size: 22px; } .jet-grid .small h2 { font-size: 18px; } @media screen and (min-width:1170px) { .grid-fw .jet-grid .big h2 { font-size: 36px; } .grid-fw .jet-grid .middle h2 { font-size: 28px; } .grid-fw .jet-grid .small h2 { font-size: 24px; } } @media screen and (max-width:1200px) { .jet-grid .full .jet-grid-bg { height: 402px; } .jet-grid .half .jet-grid-bg { height: 199px; } .jet-grid .big h2 { font-size: 25px; } .jet-grid .middle h2 { font-size: 19px; } } @media screen and (max-width: 992px) { .jet-grid .full .jet-grid-bg { height: 329px; } .jet-grid .half .jet-grid-bg { height: 162.5px; } .jet-grid .big h2 { font-size: 23px; } .jet-grid .middle h2 { font-size: 17px; } .jet-grid .small h2 { font-size: 15px; margin: 8px 0; } } @media screen and (max-width:475px) { .jet-grid .full .jet-grid-bg { height: 250px; } .jet-grid .half .jet-grid-bg { height: 200px; } .jet-grid-text { padding: 10px 20px; } .jet-grid-text h2 { margin: 5px 0 8px 0; } .jet-grid-cat { font-size: 9px; line-height: 18px; } .jet-grid-meta { display: none; } .jet-grid .big h2 { font-size: 20px; } .jet-grid .middle h2 { font-size: 16px; } } @media screen and (max-width:320px) { .jet-grid .full .jet-grid-bg { height: 200px; } .jet-grid .half .jet-grid-bg { height: 125px; } .jet-grid .big h2 { font-size: 18px; } .jet-grid .middle h2 { font-size: 15px; } } /* START - Jet Grid Module #1 */ @media screen and (min-width:768px) { .jet-grid-1 .jet-grid-start { padding-right: 2px; } .jet-grid-1 .jet-grid-end { padding-left: 2px; } } @media screen and (max-width:768px) { .jet-grid-1 .jet-grid-start { padding-bottom: 2px; } .jet-grid-1 .jet-grid-end { padding-top: 2px; } } /* END - Jet Grid Module #1 */ /* START - Jet Grid Module #2 */ .jet-grid-2 .jet-grid-end .jet-grid-item:first-child { padding-bottom: 2px; } .jet-grid-2 .jet-grid-end .jet-grid-item:last-child { padding-top: 2px; } @media screen and (min-width:768px) { .jet-grid-2 .jet-grid-start { padding-right: 2px; } .jet-grid-2 .jet-grid-end { padding-left: 2px; } } @media screen and (max-width:768px) { .jet-grid-2 .jet-grid-start { padding-bottom: 2px; } .jet-grid-2 .jet-grid-end { padding-top: 2px; } } /* END - Jet Grid Module #2 */ /* START - Jet Grid Module #3 */ @media screen and (min-width:768px) { .jet-grid-3 .jet-grid-start, .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(1), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(3) { padding-right: 2px; } .jet-grid-3 .jet-grid-end, .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(2), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(4) { padding-left: 2px; } .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(1), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(2) { padding-bottom: 2px; } .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(3), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(4) { padding-top: 2px; } } @media screen and (max-width:768px) { .jet-grid-3 .jet-grid-start, .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(1), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(2) { padding-bottom: 2px; } .jet-grid-3 .jet-grid-end, .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(3), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(4) { padding-top: 2px; } .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(1), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(3) { padding-right: 2px; } .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(2), .jet-grid-3 .jet-grid-end .jet-grid-item:nth-child(4) { padding-left: 2px; } } @media screen and (max-width:475px) { .jet-grid-3 .small .jet-grid-bg { height: 162.5px; } } @media screen and (max-width:320px) { .jet-grid-3 .small .jet-grid-bg { height: 140px; } } /* END - Jet Grid Module #3 */ /* START - Jet Grid Module #4 */ .jet-grid-4 .second-row { padding-top: 4px; } .jet-grid-4 .second-row .jet-grid-item:first-child { padding-right: 2px; } .jet-grid-4 .second-row .jet-grid-item:last-child { padding-left: 2px; } @media screen and (min-width:768px) { .jet-grid-4 .jet-grid-start { padding-right: 2px; } .jet-grid-4 .jet-grid-end { padding-left: 2px; } } @media screen and (max-width:768px) { .jet-grid-4 .jet-grid-start { padding-bottom: 2px; } .jet-grid-4 .jet-grid-end { padding-top: 2px; } } /* END - Jet Grid Module #4 */ /* START - Jet Grid Module #5 */ .jet-grid-5 .jet-grid-end .jet-grid-item:first-child { padding-right: 2px; } .jet-grid-5 .jet-grid-end .jet-grid-item:last-child { padding-left: 2px; } @media screen and (min-width:768px) { .jet-grid-5 .jet-grid-start { padding-right: 2px; } .jet-grid-5 .jet-grid-end { padding-left: 2px; } } @media screen and (max-width:768px) { .jet-grid-5 .jet-grid-start { padding-bottom: 2px; } .jet-grid-5 .jet-grid-end { padding-top: 2px; } .jet-grid-5 .jet-grid-end.full .jet-grid-bg { height: 225px; } } @media screen and (max-width:475px) { .jet-grid-5 .jet-grid-end.full .jet-grid-bg { height: 175px; } } /* END - Jet Grid Module #5 */ /* START - Jet Grid Module #6 */ @media screen and (min-width:768px) { .jet-grid-6 .jet-grid-start .jet-grid-item:nth-child(n+1) { padding-right: 2px; } .jet-grid-6 .jet-grid-start .jet-grid-item:nth-child(n+2) { padding-left: 2px; } } @media screen and (max-width:768px) { .jet-grid-6 .jet-grid-item:nth-child(even) { padding-left: 2px; } .jet-grid-6 .jet-grid-item:nth-child(odd) { padding-right: 2px; } .jet-grid-6 .jet-grid-item { padding-bottom: 4px; } .jet-grid-6 .jet-grid-start.full .jet-grid-bg { height: 225px; } .jet-grid-6 .jet-grid-start.full .jet-grid-bg { height: 175px; } } /* END - Jet Grid Module #6 */ /* Block Title */ .jet-block-title { margin-bottom: 15px; } .jet-block-title-1 h3 { background-color: var(--main-color); color: #fff; font-weight: 400 !important; padding: 8px 14px; font-size: 14px; line-height: 12px; display: inline-block; } .jet-block-title-1 { border-bottom: 3px solid var(--main-color); } .jet-block-title-2 { border-bottom: 3px solid var(--main-color); padding-bottom: 10px; } .jet-block-title-2 h3 { color: var(--main-color); line-height: 1.4; font-weight: 600; font-size: 16px; margin-right: 20px; max-width: 100%; } .jet-block-title-3 { background-color: var(--main-color); display: inline-block; color: #fff; padding: 7px 15px; } .jet-block-title-3 h3 { color: #fff; font-weight: 600; font-size: 15px; } .jet-block-title-4 { border-left: 8px solid var(--main-color); padding-left: 10px; } .jet-block-title-4 h3 { color: var(--main-color); font-size: 15px; font-weight: 700; } .jet-block-title-5 { position: relative; padding-bottom: 15px; } .jet-block-title-5 h3 { font-size: 15px; font-weight: 600; color: var(--main-color); } .jet-block-title-5::before { content: ''; position: absolute; width: 10%; height: 3px; background-color: var(--main-color); left: 0; bottom: 0; } .jet-block-title-5::after { content: ''; position: absolute; width: 90%; height: 3px; background-color: #eee; right: 0; bottom: 0; } .widget_block h2 { color: var(--main-color); font-size: 17px; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.1); } /* Post Module */ a.post-thumbnail { display: block; } .jet-pm-item { margin-bottom: 30px; } .jet-pm-img { position: relative; } .jet-pm-img img { transition: .3s; width: 100%; } .jet-pm-img img:hover, .jet-mega-menu-img img:hover { filter: brightness(0.7); } /* Jet Post Modules */ .jet-pm h2.post-title { font-weight: 500; color: #161616; transition: color .3s ease-in-out; } .jet-pm h2.post-title a .jet-related-posts h3 a { color: #161616; transition: color .3s ease-in-out; } .jet-pm h2.post-title:hover a, .jet-related-posts h3:hover a { color: var(--main-color); } .jet-pm-cat { color: var(--main-color) !important; font-weight: 600; font-size: 13px; text-transform: uppercase; transition: opacity .3s ease-in-out; } .jet-pm-cat:hover { opacity: .8; } .jet-pm-meta a { transition: color .3s; } .jet-pm-meta a:hover { color: var(--main-color); } /* Display is None for Sidebar & Footer in Min-Width:992px => ".ocd-lg-none" */ @media screen and (min-width:992px) { .jet-sidebar .ocd-none, .jet-main-footer .ocd-none { display: none; } } /* Display is Flex for Sidebar & Footer */ .jet-sidebar .jet-d-flex-oc, .jet-main-footer .jet-d-flex-oc { display: flex; } /* Display is None for Full Widgets (Three Column) */ .jet-fw-widgets .fwd-none { display: none; } @media screen and (max-width:992px) { .jet-fw-widgets .fwd-none-sm { display: none; } } /* ====== START ====== */ /* Jet Post Module #1 */ /* ====== START ====== */ .jet-pm-1 .jet-pm-item { display: flex; justify-content: space-between; } .jet-pm-1 .jet-pm-text { padding: 5px 0; display: flex; flex-direction: column; padding-left: 25px; } .jet-pm-1 h2.post-title { font-size: 21px; line-height: 27px; font-weight: 600; margin-top: 10px; } @media screen and (min-width:992px) { .jet-sidebar .jet-pm-1 h2.post-title, .jet-main-footer .jet-pm-1 h2.post-title { font-size: 14px; line-height: 20px; margin: 0; } .jet-sidebar .jet-pm-1 .jet-pm-text, .jet-main-footer .jet-pm-1 .jet-pm-text { padding-left: 15px; } .jet-sidebar .jet-pm-1 .jet-pm-text { padding-top: 0; padding-bottom: 0; } } @media screen and (max-width:576px) { .jet-pm-1 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } .jet-pm-1 .jet-pm-text { padding-left: 15px; } } @media screen and (max-width:992px) { .jet-fw-widgets .jet-pm-1 .jet-pm-item { flex: 0 0 100%; -ms-flex: 100%; max-width: 100%; } } .jet-fw-widgets .jet-pm-1 .jet-pm-text { padding-left: 15px; } /* ===== FINISH ===== */ /* Jet Post Module #1 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* Jet Post Module #2 */ /* ====== START ====== */ .jet-pm-2 .jet-pm-img { margin-bottom: 10px; } .jet-pm-2 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0 10px 0; } .jet-sidebar .jet-pm-2 .jet-pm-item, .jet-main-footer .jet-pm-2 .jet-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } @media screen and (max-width: 768px) { .jet-pm-2 .jet-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } .jet-pm-2 h2.post-title { font-size: 16.5px; line-height: 22px; } .jet-fw-widgets .jet-pm-2 .jet-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /* ===== FINISH ===== */ /* Jet Post Module #2 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* Jet Post Module #3 */ /* ====== START ====== */ .jet-pm-3 .jet-pm-img { margin-bottom: 10px; } .jet-pm-3 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0 10px 0; } .jet-sidebar .jet-pm-3 .jet-pm-item.small .jet-pm-text, .jet-main-footer .jet-pm-3 .jet-pm-item.small .jet-pm-text { padding-left: 10px; } @media screen and (min-width:992px) { .jet-pm-3 h2.post-title.sm-size { font-size: 16.5px; line-height: 22px; } .jet-sidebar .jet-pm-3 .jet-pm-item.small h2.post-title, .jet-main-footer .jet-pm-3 .jet-pm-item.small h2.post-title { font-size: 14px; line-height: 20px; margin: 0; } } @media screen and (max-width:768px) { .jet-fw-widgets .jet-pm-3 .jet-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width:576px) { .jet-pm-3 h2.post-title { font-size: 16.5px; line-height: 22px; } } /* ===== FINISH ===== */ /* Jet Post Module #3 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* Jet Post Module #4 */ /* ====== START ====== */ .jet-pm-4 .jet-pm-item { display: flex; } .jet-pm-4 .jet-pm-text { padding-left: 20px; } .jet-pm-4 h2.post-title { font-size: 18px; line-height: 24px; margin-top: 5px; } .jet-sidebar .jet-pm-4 h2.post-title, .jet-main-footer .jet-pm-4 h2.post-title { font-size: 15px; line-height: 20px; margin: 0; } .jet-sidebar .jet-pm-4 .jet-pm-text, .jet-main-footer .jet-pm-4 .jet-pm-text { padding-left: 15px; } @media screen and (max-width:576px) { .jet-pm-4 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } .jet-pm-4 .jet-pm-text { padding-left: 15px; } } @media screen and (max-width:768px) { .jet-fw-widgets .jet-pm-4 .jet-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /* ===== FINISH ===== */ /* Jet Post Module #4 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* Jet Post Module #5 */ /* ====== START ====== */ .jet-pm-5 .jet-pm-img { margin-bottom: 10px; } .jet-pm-5 .jet-pm-item.small .jet-pm-cat { display: none; } .jet-pm-5 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0; } .jet-pm-5 h2.post-title.sm-size { font-size: 14px; line-height: 20px; margin: 0; } .jet-pm-5 .jet-pm-item.small { display: flex; } .jet-pm-5 .jet-pm-item.small .jet-pm-text { padding-left: 10px; } .jet-pm-5 .jet-pm-item.small .jet-pm-img { margin: 0; } .jet-fw-widgets .jet-pm-5 h2.post-title.sm-size { font-size: 18px; line-height: 24px; } .jet-fw-widgets .jet-pm-5 .jet-pm-cat { display: block; } .jet-fw-widgets .jet-pm-5 .jet-pm-text { display: flex; flex-direction: column; justify-content: space-around; margin: 5px 0; } @media screen and (max-width:768px) { .jet-fw-widgets .jet-pm-5 .jet-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /* ===== FINISH ===== */ /* Jet Post Module #5 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* Jet Post Module #6 */ /* ====== START ====== */ .jet-pm-6 .jet-pm-img { margin-bottom: 10px; } .jet-pm-6 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } @media screen and (max-width:768px) { .jet-pm-6 .jet-pm-item { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; } .jet-fw-widgets .jet-pm-6 .jet-pm-item { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; } } /* ===== FINISH ===== */ /* Jet Post Module #6 */ /* ===== FINISH ===== */ /* Jet Post Modules Typography */ .jet-pm-meta { display: flex; justify-content: space-between; font-size: 12px; margin: 8px 0px; color: #505050; line-height: 21px; } .jet-pm-meta .meta-start i { margin-right: 1px; } .jet-pm-meta .meta-start span { margin-right: 5px; } .jet-pm-meta .meta-end span { margin-left: 5px; } .jet-pm-text { color: #505050; } /* Jet Post Modules Typography in Footer */ .jet-main-footer .jet-pm .jet-pm-meta { color: #a1a1a1; } .jet-pm-img img { object-fit: cover; width: 100%; } .jet-pm-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; } .jet-footer { margin-top: 25px; color: #fff; } .jet-main-footer { background-color: #1F2020; font-size: 14.5px; line-height: 22px; padding: 50px 0px; } .jet-second-footer { background-color: #161616; color: #fff; padding: 20px 0px; bottom: 0; position: relative; font-size: 14.5px; } .jet-main-footer a { text-decoration: none; } .jet-main-footer p { margin-bottom: 10px; } .jet-footer a { color: inherit; transition: color .3s; } .jet-footer a:hover { color: var(--main-color); } /* Widgets */ .jet-main-footer .jet-pm { padding: 0px; } section.widget { margin-bottom: 35px; } .widget .wp-block-archives, .widget .wp-block-categories { list-style-type: none; } /* Jet Single Area */ .jet-breadcrumb, .jet-single-heading, .jet-single-meta, .jet-single-thumb { margin-bottom: 15px; } .jet-breadcrumb { display: block; font-size: 12px; color: #8a8a8a; } .jet-breadcrumb ol { list-style-type: none; margin: 0; padding: 0; } .jet-breadcrumb ol li { display: inline; } .jet-breadcrumb a { text-decoration: none; color: inherit; transition: color .3s; } .jet-breadcrumb a:hover { color: var(--main-color); } .jet-breadcrumb li:nth-child(even) { margin: 0 4px; } .jet-single-cat { margin-bottom: 15px; margin-top: 25px; } .jet-single-cat a { background-color: var(--main-color); color: #fff; text-decoration: none; font-size: 12px; padding: 4px 10px; border-radius: 2px; font-weight: 500; display: inline-block; margin-bottom: 5px; } .jet-single-heading h1 { font-size: 35px; font-weight: 700; line-height: 1.4em; color: #222; margin-bottom: 10px; } .jet-single-heading p { color: #777777; font-size: 17px; margin: 5px 0 10px 0; line-height: 27px; } .jet-single-meta { display: flex; font-size: 12.5px; color: #8a8a8a; align-items: center; position: relative; justify-content: space-between; } .jet-single-meta a.single-author { text-decoration: none; font-weight: 600; transition: color .3s; color: #222; } .jet-single-meta a.single-author:hover { color: var(--main-color) !important; } a.jet-single-author-img { display: inline-block; width: 24px; height: 24px; margin-right: 5px; } .jet-meta-left { display: flex; align-items: center; justify-content: center; } .jet-meta-right { justify-content: flex-end; color: #444; } .jet-single-author-img img { border-radius: 50%; } .jet-meta-right span { margin-left: 10px; font-weight: 600; } .jet-single-meta em { margin: 0 5px; } .jet-single-thumb img { width: 100%; } /* Social Share Icons */ .jet-single-shares ul { list-style-type: none; display: flex; flex-wrap: wrap; } .jet-single-shares ul li { display: inline-block; margin: 0px 5px 5px 0px; } .jet-single-shares ul li:hover button { filter: brightness(0.9); } .jet-single-shares ul li button { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; font-size: 13px; background-color: transparent; transition: .3s ease-in-out; border-radius: 5px; border: 1px solid rgba(0,0,0,.05); color: #fff; } .jet-single-shares ul li.share button { background-color: var(--main-color); cursor: default; } .jet-single-shares ul li.facebook button { background-color: #3b5999; } .jet-single-shares ul li.twitter button { background-color: #55acee; } .jet-single-shares ul li.linkedin button { background-color: #0077B5; } .jet-single-shares ul li.email button { background-color: #131418; } .jet-single-shares ul li.whatsapp button { background-color: #25D366; } .jet-single-shares ul li.telegram button { background-color: #0088cc; } .jet-single-shares ul li.pinterest button { background-color: #bd081c; } .jet-single-shares ul li.tumblr button { background-color: #34465d; } .jet-single-shares ul li.google-news { font-weight: 500; color: #777; font-size: 16px; border: 1px solid #dcdcdc; padding-left: 10px; padding-right: 10px; border-radius: 5px; background-color: #fff; transition: .3s; } .jet-single-shares ul li.google-news:hover { background-color: #fafafa; } li.google-news a { display: flex; align-items: center; line-height: 35px; height: 35px; } .google-news-logo { padding-right: 10px; margin-right: 10px; border-right: 2px solid #dcdcdc; } .google-news-logo .g { color: #4285F4 !important; } .google-news-logo .o, .google-news-logo .e { color: #DB4437 !important; } .google-news-logo .o2 { color: #F4B400 !important; } .google-news-logo .l { color: #0F9D58 !important; } /* Typography */ .jet-single-text { color: #222; font-size: 16px; margin-bottom: 25px; line-height: 29px; } .jet-single-text h1, .jet-single-text h2, .jet-single-text h3, .jet-single-text h4, .jet-single-text h5, .jet-single-text h6 { font-weight: 600; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { text-decoration: none; color: inherit; } .jet-single-text h1 { font-size: 29px; line-height: 40px; margin-top: 27px; margin-bottom: 17px; } .jet-single-text h2 { font-size: 25px; line-height: 38px; margin-top: 26px; margin-bottom: 15px; } .jet-single-text h3 { font-size: 22px; line-height: 30px; margin-top: 25px; margin-bottom: 12px; } .jet-single-text h4 { font-size: 19px; line-height: 29px; margin-top: 21px; margin-bottom: 12px; } .jet-single-text h5 { font-size: 17px; line-height: 25px; margin-top: 18px; margin-bottom: 10px; } .jet-single-text h6 { font-size: 15px; line-height: 24px; margin-top: 18px; margin-bottom: 10px; } .jet-single-text p { line-height: 29px; margin-bottom: 15px; } .jet-single-text figcaption { font-size: 13px; text-align: center; margin-bottom: 10px; margin-top: 5px; font-style: italic; } .jet-single-text figcaption a { color: inherit; } .jet-single-text figcaption a:hover { color: var(--main-color); } .jet-single-text a { color: var(--main-color); text-decoration: none; } .jet-single-text ul, .jet-single-text ol { padding-left: 15px; margin-left: 20px; } .jet-single-text ul li, .jet-single-text ol li { line-height: 29px; } .jet-single-text hr { background-color: #ddd; width: 100%; height: 1px; } .jet-single-text blockquote { line-height: 29px; margin-bottom: 15px; background: #f3f3f3; padding: 30px; padding-left: 80px; } .jet-single-text blockquote p:last-of-type { margin: 0; } .jet-single-text blockquote { border-left: 7px solid var(--main-color); } .jet-single-text blockquote:before { content: '\f10d'; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: -50px; font-size: 30px; color: var(--main-color); } kbd { background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; color: #333; display: inline-block; font-family: Consolas, "Lucida Console", monospace; font-size: .85em; font-weight: 700; line-height: 1; padding: 2px 4px; white-space: nowrap; } table { width: 100%; display: table; } th, td { border: 1px solid rgba(0,0,0,.1); padding: 6.5px; text-align: left; } table tbody tr:nth-child(even), table thead { background-color: rgba(0,0,0,.03); } tr { transition: .2s; } tr:hover { filter: brightness(.9); } .gallery { display: flex; flex-wrap: wrap; } .gallery figure { margin: 5px; } /* Tags */ .jet-single-tags { margin-bottom: 25px; } .tags a { font-size: 12px; background-color: rgba(0,0,0,0.03); color: #262626; text-decoration: none; border: 1px solid #dcdcdc; border-radius: 2px; padding: 0px 7px; line-height: 20px; display: inline-block; margin-right: 2px; margin-bottom: 3px; } .tags a { background-color: rgba(0,0,0,0.05); } .jet-single-tags span:first-of-type { line-height: 20px; font-size: 11px; background-color: rgba(0,0,0,0.9); color: #dcdcdc; text-decoration: none; border: 1px solid #262626; border-radius: 2px; padding: 0px 7px; margin-right: 2px; display: inline-block; } /* Related Posts */ .jet-related-posts { margin-bottom: 25px; } .related-item img { transition: .3s; } .related-item img:hover { filter: brightness(0.7); } .related-item h3 { font-size: 14px; font-weight: 600; line-height: 1.5em; transition: .3s; margin-bottom: 5px; } .related-info { margin-top: 7px; } .related-info span, .related-info i { font-size: 11.5px; color: #818181; } /* Comments */ p.logged-in-as, p.comment-notes { margin-bottom: 15px; font-size: 14px; } p.logged-in-as a:last-of-type { color: var(--main-color); } .jet-comments-area textarea, .jet-comments-area input { border: 1px solid #dcdcdc; border-radius: 3px; font-size: 14px; color: #222; margin-bottom: 15px; padding: 10px; } .jet-comment-form textarea::placeholder, .jet-comment-form input::placeholder { color: #a1a1a1; } .jet-comments-area textarea:focus, .jet-comments-area input:focus { color: #000; } .jet-comments-area textarea { width: 100%; } .jet-comments-area input[type=text]:first-of-type { width: 100%; } .jet-comments-area input#email, .jet-comments-area input#url { width: 49%; display: inline; float: left; } .jet-comments-area input#email { margin-right:2%; } input[type="checkbox"] { margin: 0; padding: 7px; line-height: 30px; border: 1px solid rgba(0,0,0,.1); } .wp-comment-cookies { margin-bottom: 15px; font-size: 14px; } .jet-comments-area input[type="submit"], input[type="reset"] { background-color: var(--main-color); color: #fff; font-size: 13px; padding: 7px 10px; border-radius: 3px; transition: .2s ease-in; border: none; } .jet-comments-area input[type=submit]:hover { filter: brightness(0.9); } /* Comment item */ ol.comment-list, ol.comment-list ol.children { list-style-type: none; } ol.children { margin-left: 75px; } .comment-item { font-size: 14px; color: #262626; line-height: 21px; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #dcdcdc; } .comment-item:last-of-type { border: none; } .comment-item a { text-decoration: none; transition: .3s; color: inherit; } .comment-item a:hover { color: var(--main-color); } .comment-author-img { display: flex; justify-content: center; align-items: center; } .comment-author-img img { border-radius: 50%; width: 75%; box-shadow: 0px 0px 10px 2px #dcdcdc; } .comment-text .comment-info a:first-of-type { font-weight: 600; } .comment-info { margin-bottom: 7.5px; } .comment-reply a, #cancel-comment-reply-link { background-color: var(--main-color); color: #fff; font-size: 13px; padding: 5px 10px; border-radius: 3px; transition: .2s ease-in; border: none; color: #fff; display: inline-block; } .comment-reply a:hover { background-color: var(--main-color); color: #fff; } .comment-text p { font-size: 14px; margin-bottom: 15px; } .comment-info { margin-bottom: 10px; } /* Archive Title */ .archive-title { background-color: #F0F2F5; padding-top: 80px; padding-bottom: 80px; font-size: 15px; line-height: 1.4em; } .archive-title h1 { font-size: 40px; margin-bottom: 15px; } .archive-title p { color: #818181; line-height: 29px; } .archive-title ol { list-style-type: none; display: block; } .archive-title ol li { display: inline-block; color: #65676b; } .archive-title a { text-decoration: none; color: inherit; } .archive-title a:hover { color: var(--main-color); } /* Archive Pagination */ nav.pagination { text-align: center; color: #9391a1; margin-bottom: 20px; padding-top: 20px; } .nav-links { color: #9391a1; text-align: center; margin-bottom: 15px; } .nav-links > div { display: inline-block; border-radius: 3px; transition: .3s; margin: 0 5px; } nav.pagination a, .nav-links > div > a { color: inherit; text-decoration: none; height: 100%; padding: 7px 12px; transition: .3s; } nav.pagination a:hover, .nav-links > div:hover { color: var(--main-color); background-color: rgba(0,0,0,0.03); } nav.pagination a.page-numbers, .nav-links > div > a { display: inline-block; border-radius: 3px; margin: 0 5px; } nav.pagination span.current { padding: 7px 12px; background-color: var(--main-color) !important; color: #fff; border-radius: 3px; } .post-nav-links { display: block; text-align: center; color: #9391a1; font-size: 14px; } .post-nav-links .post-page-numbers { display: inline-block; border-radius: 3px; margin: 0 5px; padding: 7px 12px; transition: .3s; } .post-nav-links .post-page-numbers:hover { background: rgba(0,0,0,0.03) !important; color: var(--main-color) !important; } .post-nav-links .post-page-numbers.current { background: var(--main-color); color: #fff; font-size: 14px; cursor: pointer; } /* Author Page */ .author-title { background-color: #F0F2F5; padding-top: 100px; padding-bottom: 100px; font-size: 16px; line-height: 1.4em; } .author-title h1 { font-size: 40px; margin-bottom: 15px; } .author-title p { line-height: 29px; margin-bottom: 25px; color: #65676B; } .author-img-area img { border-radius: 50%; width: 100%; } .author-text-area { padding-left: 30px !important; } .author-social { list-style-type: none; color: #65676B; margin: 0; padding: 0; } .author-social li { display: inline-block; margin: 7px; } .author-social li:first-of-type { margin-left: 0px; } .page-404 { margin: auto; color: #262626; text-align: center; } .page-404 h1 { font-size: 10em; } .page-404 h2 { font-size: 3em; color: #262626; margin-bottom: 15px; } .page-404 p { margin-bottom: 15px; font-size: 1.231em; line-height: 24px; } /* Widgets */ .widget_block * { line-height: 25px; } .widget_search input[type="search"] { padding: 12.5px; width: 74%; border: 1px solid #dcdcdc; border-radius: 3px; color: #a1a1a1; background-color: transparent; } .widget_search input[type="search"]:focus { color: #a1a1a1; outline: none; border: 1px solid var(--main-color); transition: .3s; } .widget_search input[type="submit"], .wp-block-search__button { width: 23%; box-sizing: content-box; -moz-box-sizing: content-box; cursor: pointer; padding: 12.5px 0px; border: 1px solid var(--main-color) !important; background: var(--main-color) !important; border-radius: 3px; color: #fff !important; transition: .3s; } .widget_search input[type="submit"]:hover, .wp-block-search__button:hover { filter: brightness(0.95); } .jet-footer .widgettitle { font-size: 18px; margin: 28px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); } .widget_archive ul, .widget_recent_entries ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_categories ul { list-style: none; padding: 0; margin: 0; } .widget_text ul { padding-left: 18px; } .widget_text ol { padding-left: 15px; } .widget_recent_entries ul li, .widget_recent_comments ul li, .wp-block-latest-posts li { padding: 10px 0; line-height: 24px; border-bottom: 1px solid rgba(0,0,0,0.1); } .widget_recent_entries ul li:first-child, .widget_recent_comments ul li:first-child { padding-top: 0px; } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child { border: none; } .widget_recent_entries ul li a { font-weight: 600; display: block; line-height: 20px; } .widget_recent_entries span.post-date { font-size: 12px; display: block; padding-top: 5px; opacity: .7; } .widget_recent_entries span.post-date:before { content: '\f017'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 11.5px; padding-right: 5px; } .widget_archive select { width: 100%; padding: 10px 5px; border-radius: 3px; } .widget_recent_comments a { font-size: 14px; font-weight: 600; } .widget_recent_comments a.url { color: var(--main-color); } .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_categories ul li{ padding-bottom: 7px; } .widget_nav_menu ul li ul { display: none; } .widget_tag_cloud a { font-size: 14.5px !important; border: 1px solid #777; color: #dcdcdc; border-radius: 3px; background-color: transparent; padding: 5px 10px; display: inline-block; margin-bottom: 5px; transition: background .2s; } aside.jet-sidebar .widget_tag_cloud a { color: #444; } .widget_tag_cloud a:hover { color: inherit !important; background: rgba(0,0,0,0.1); } .widget_text * { line-height: 24px; } .widget_text p { margin-bottom: 10px; } /* Author Box */ .jet-single-author-box { position: relative; margin: 30px auto 25px auto; background-color: #fcfcfc; padding: 30px 20px; border: 1px solid #eee; } .jet-single-author-box-image { display: flex; justify-content: center; } .jet-single-author-box-image a { display: block; } .jet-single-author-box-image img { border-radius: 50%; } .jet-single-author-box-text h3 { font-size: 17px; margin-bottom: 7px; transition: .3s; display: inline-block; } .jet-single-author-box-text h3:hover { color: var(--main-color); } .jet-single-author-box-text h3::before { content: '\f068'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 17px; margin-right: 5px; } .jet-single-author-box-text p { font-size: 14px; margin-bottom: 10px; line-height: 22px; } /* Ads Areas */ .ads-area { text-align: center; } .ads-area a { display: inline-block; } code, pre { background: #f4f4f4; border: 1px solid #ddd; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word; } /* Form Elements */ input[type="text"], input[type="email"], input[type="password"], input[type="url"] { border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; padding: 10px; } textarea { border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; max-width: 100%; width: 100%; padding: 10px; } .entry-content input[type="submit"] { background: var(--main-color); color: #fff; padding: 8px 20px; border-radius: 3px; transition: .3s; border: 1px solid var(--main-color); font-size: 13px; } input[type="submit"]:hover { filter: brightness(0.95); } /* Go to top button */ #gotoTopBtn { opacity: 0; visibility: hidden; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: var(--main-color); color: white; cursor: pointer; padding: 9px 12px; border-radius: 5px; font-size: 18px; transition: .3s; } #gotoTopBtn:hover { filter: brightness(.9); } /* H1 Off */ .h1-off { display: none; } /* Owl Carousel */ #jet-grid-area .owl-nav { position: absolute; top: calc(50% - 40px); display: flex; justify-content: space-between; width: 100%; } #jet-grid-area .owl-prev { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: relative; left: 1px; opacity: 0; visibility: hidden; transition: .3s; } #jet-grid-area .owl-next { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; right: 24px; visibility: hidden; opacity: 0; transition: .3s; } #jet-grid-area .owl-carousel:hover .owl-next, #jet-grid-area .owl-carousel:hover .owl-prev { opacity: .5; visibility: visible; } #jet-grid-area .owl-carousel .owl-next:hover, #jet-grid-area .owl-carousel .owl-prev:hover { opacity: 1; background-color: var(--main-color); color: #fff; } /* Post Layouts */ .post-layout-3 .entry-header, .post-layout-3 .jet-single-heading, .post-layout-3 .jet-single-cat, .post-layout-3 .jet-breadcrumb, .post-layout-4 .entry-header { text-align: center !important; } .post-layout-3 .jet-single-meta, .post-layout-4 .jet-single-meta { justify-content: center !important; } .post-layout-3 .jet-single-shares ul, .post-layout-4 .jet-single-shares ul { justify-content: center !important; } /* Dark Mode CSS */ body.dark-theme, body.dark-theme input, body.dark-theme textarea, body.dark-theme ul.sub-menu, body.dark-theme ul.sub-menu a, body.dark-theme ul.sub-menu li, body.dark-theme .jet-mega-menu, body.dark-theme ul.sub-menu li:hover a, body.dark-theme .navbar-top-nav ul li ul li:hover, body.dark-theme #navSearch, body.dark-theme .jet-main-navbar-wrapper, body.dark-theme nav.navbar-main > ul > li > ul > li.current-menu-item > a, body.dark-theme nav.navbar-main > ul > li > ul > li > ul > li.current-menu-item > a, body.dark-theme .logo-area, body.dark-theme .main-navbar-wrapper { background-color: #222 !important; } body.dark-theme .jet-main-footer, body.dark-theme .jet-second-footer, body.dark-theme nav.navbar-top, body.dark-theme li.share, body.dark-theme input.search-submit, body.dark-theme .archive-title, body.dark-theme .author-title { background: #161616 !important; } body.dark-theme #mobileMenu, body.dark-theme .sm-screen-menu { background: #161616 !important; box-shadow: none !important; } body.dark-theme ul.sub-menu { border-bottom: none !important; } body.dark-theme .mobile-menu-nav ul.sub-menu, body.dark-theme .mobile-menu-nav ul.sub-menu li, body.dark-theme .mobile-menu-nav ul.sub-menu a, body.dark-theme .mobile-menu-nav ul.sub-menu li:hover a { background: none !important; border: none !important; } body.dark-theme .navbar-top-nav ul.sub-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } body.dark-theme ul.sub-menu, body.dark-theme .jet-mega-menu, body.dark-theme .comment-author-img img { box-shadow: none !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } body.dark-theme .jet-main-footer { border-bottom: 1px solid rgba(0,0,0,0.1); } body.dark-theme *, body.dark-theme .jet-main-navbar-wrapper a, body.dark-theme .jet-mega-menu-text h2 a { color: #eee !important; border-color: rgba(255, 255, 255, 0.1) !important; } body.dark-theme .archive-title, body.dark-theme .author-title { border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; } body.dark-theme a { transition: color .3s !important; } body.dark-theme a:hover, body.dark-theme .jet-mega-menu-text h2:hover a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li:hover > a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-menu-item > a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-post-parent > a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li:hover > a i, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-menu-item > a i, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-post-parent > a i { color: var(--main-color) !important; } body.dark-theme div.nav-links > div { border: 1px solid !important; } body.dark-theme .jet-block-title-5::before { background-color: #161616 !important; } body.dark-theme .jet-block-title-5::after { background-color: rgba(255, 255, 255, 0.1) !important; } body.dark-theme .jet-block-title-1 span, body.dark-theme .jet-block-title-3 { background-color: rgba(255, 255, 255, 0.1) !important; } body.dark-theme .jet-single-meta *, body.dark-theme .jet-breadcrumb *, body.dark-theme .jet-mega-menu time { color: #9e9e9e !important; } body.dark-theme div.jet-single-cat > span > a:hover, body.dark-theme .jet-grid h2:hover a, body.dark-theme .jet-social-button-plg:hover { color: #fff !important; } body.dark-theme .jet-logo { display: none !important; } body.dark-theme .jet-dark-logo { display: block !important; } body.dark-theme blockquote, body.dark-theme code, body.dark-theme pre, body.dark-theme kbd, body.dark-theme table tbody tr:nth-child(odd) { background-color: rgba(255,255,255,0.05) !important; } body.dark-theme table tbody tr:nth-child(even) { background-color: rgba(0,0,0,0.03) !important; } body.dark-theme .jet-single-text hr { background-color: rgba(255,255,255,.3) !important; } body.dark-theme .main-navbar li ul > li:hover > a { color: var(--main-color) !important; } body.dark-theme .main-navbar li > a { color: #fff !important; } body.dark-theme .navbar-main ul li a { transition: .3s !important; } body.dark-theme input[type="text"], body.dark-theme input[type="email"], body.dark-theme input[type="submit"], body.dark-theme textarea { border-color: #818181 !important; background-color: #161616; } body.dark-theme li.google-news, body.dark-theme li.google-news:hover { background-color: #222; } /* Main Menu */ .jet-main-navbar-wrapper { position: relative; } .jet-main-navbar { display: flex; justify-content: space-between; align-content: center; align-items: center; height: 60px; position: relative; } .jet-main-navbar.menu-centered { justify-content: center; } .jet-main-navbar.header-2 { height: 80px; } .jet-main-navbar.header-2 ul.navbar-main-ul > li > a, .jet-main-navbar.header-2 ul.jet-navbar-buttons { line-height: 80px; } .jet-main-navbar.header-2 ul.navbar-main-ul > li > ul { top: 100%; } .jet-main-navbar.header-2 .jet-navbar-main { margin-right: 15px; } .jet-header-2-left { display: flex; align-items: center; } .jet-navbar-main.navbar-style-1 > ul > li:hover > a { color: var(--main-color) !important; } .jet-navbar-main.navbar-style-2 > ul > li:hover > a { background-color: var(--main-color); color: #fff; } .jet-navbar-main.navbar-style-3 > ul > li:hover > a { color: var(--main-color); } .jet-navbar-main.navbar-style-3 > ul > li:hover > a::before { width: 100%; } .jet-navbar-main.navbar-style-3 > ul > li > a::before { content: ''; background-color: var(--main-color); position: absolute; bottom: 0; left: 0; right: 0; width: 0%; transition: width .4s; -webkit-transition: width .4s; margin: auto; height: 3px; } .jet-navbar-main.navbar-style-4 > ul > li > a::before { content: ''; border-radius: 5px; position: absolute; left: 0; right: 0; top: 50%; bottom: 50%; width: 95%; transition: background-color .5s; -webkit-transition: background-color .5s; margin: auto; height: 40px; z-index: 0; } .jet-navbar-main.navbar-style-4 > ul > li:hover > a::before { background-color: rgba(0, 0, 0, .05); } .jet-navbar-main.navbar-style-4 > ul > li:hover > a { color: var(--main-color); } ul.navbar-main-ul { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; list-style: none; } ul.navbar-main-ul li { position: relative; } ul.navbar-main-ul > li > ul, ul.navbar-main-ul > li > ul > li > ul, ul.navbar-main-ul > li > ul > li > ul > li > ul { position: absolute; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.1); width: 200px; opacity: 0; visibility: hidden; top: 100%; list-style-type: none; background-color: #fff; border: 1px solid rgba(0,0,0,.07); } ul.navbar-main-ul > li:hover > ul, ul.navbar-main-ul > li > ul > li:hover > ul, ul.navbar-main-ul > li > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; transition: opacity .3s; z-index: 999999; } ul.navbar-main-ul > li > ul > li > ul, ul.navbar-main-ul > li > ul > li > ul > li > ul { left: 100%; top: -1px; } ul.navbar-main-ul .menu-item-has-children > a::after, ul.navbar-main-ul .menu-has-jet-mega-menu > a::after { content: '\f0d7'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 10px; } ul.navbar-main-ul > li.menu-item-has-children > a, ul.navbar-main-ul > li.menu-has-jet-mega-menu > a { padding-right: 25px; } ul.navbar-main-ul > li ul li a { font-weight: 400; font-size: 14px; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, .05); } ul.navbar-main-ul > li ul li:hover > a { background-color: rgba(0, 0, 0, .03); color: var(--main-color); } ul.navbar-main-ul > li > a { height: 60px; } ul.navbar-main-ul li > a { display: inline-flex; padding: 0 15px; font-size: 14px; font-weight: 600; transition: .3s; position: relative; justify-content: space-between; align-items: center; width: 100%; white-space: nowrap; } ul.jet-navbar-buttons { display: flex; align-items: center; justify-content: flex-end; margin: 0; padding: 0; list-style: none; line-height: 60px; } ul.jet-navbar-buttons li { position: relative; } ul.jet-navbar-buttons li i { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: .35s; height: 35px; width: 35px; border-radius: 50%; position: relative; } ul.jet-navbar-buttons.button-style-1 li { font-size: 16px; margin-left: 2.5px; } ul.jet-navbar-buttons.button-style-1 li:hover > i { background-color: rgba(0, 0, 0, .05); } ul.jet-navbar-buttons.button-style-2 li > i { margin: 0 7.5px; background-color: rgba(0, 0, 0, .05); } ul.jet-navbar-buttons.button-style-2 li:hover > i { background-color: rgba(0, 0, 0, .1); } ul.navbar-main-ul li.menu-has-jet-mega-menu { position: static; } ul.navbar-main-ul li:hover > .jet-mega-menu-wrapper { visibility: visible; opacity: 1; transition: opacity .3s; z-index: 999999; } .jet-mega-menu-wrapper { position: absolute; left: 0; width: 100%; background-color: #fff; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.1); visibility: hidden; opacity: 0; } .jet-mega-menu { display: flex; padding: 30px 15px 15px; } .jet-mega-menu-img img { transition: .3s; } .jet-mega-menu-text { margin-top: 10px; } .jet-mega-menu-text h2 { font-size: 14px; font-weight: 600; margin-bottom: 3px; } .jet-mega-menu-text i, .jet-mega-menu-text span { font-size: 12px; color: #555; }