.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; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .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: 600; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #content[tabindex="-1"]:focus { outline: 0; } body { font-family: 'Inter', sans-serif; color: #666666; margin:0; background: #fff; } h1,h2,h3,h4,h5,h6{ font-family: 'Oranienbaum', serif; color: #181515; font-weight: bold; letter-spacing: 1px; } a { color:#181515; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -o-transition: color .1s linear; transition: color .1s linear; text-decoration: none; } a:hover, a:focus { color:#FF4612; text-decoration: none; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0 !important; } .wp-block-button__link{ color: #fff !important; } .wp-block-button.is-style-outline .wp-block-button__link { border: 2px solid #222222; color: #222222 !important; } .post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a { text-decoration: underline; color:#FF4612; } /* =============================================== Post Format ============================================= */ .entry-video iframe { width: 100%; } /* =============================================== LOGO BOX ============================================= */ .logo { padding: 18px 0; } .logo a { font-family: 'Oranienbaum', serif; color: #181515; font-size: 25px; font-weight: bold; } .logo span { display: block; font-size: 15px; line-height: 18px; color: #181515; } #site-navigation { box-shadow: 0 5px 10px 1px #dfe7ff; } .top-bar { background: #181515; padding: 10px 0; color: #fff; font-size: 15px; } .top-button a { background: #181515; padding: 12px 20px; color: #fff; font-size: 14px; } .top-button a:hover{ background: #FF4612; } /* =============================================== MENU BOX ============================================= */ #main-menu { display:block; position:relative; float:left; margin:0 auto; } #main-menu ul { margin:0; padding: 0; display:block; } #main-menu ul li { position:relative; display:block; float:right; text-align:right; } #main-menu ul li a { display: block; z-index: 1; padding: 12px; font-size: 14px; } #main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a, #main-menu a:focus, #main-menu ul li a:focus, #main-menu li.focus > a, #main-menu li:focus > a, #main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a, #main-menu ul li.current-menu-parent > a, #main-menu ul li.current_page_ancestor > a, #main-menu ul li.current-menu-ancestor > a { color:#FF4612; } li.menu-item-has-children:after { color: #181515; content: ' ▾'; position: absolute; top: 10px; left: 0; } ul.sub-menu li.menu-item-has-children:after { color: #fff; } #main-menu ul.children , #main-menu ul.sub-menu { opacity:0; position: absolute; top: 45px; right: -9999em; background:#FF4612; z-index:10001; width:213px; padding-right:0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } #main-menu ul.children li , #main-menu ul.sub-menu li { position:relative; margin:0; line-height:1.2em; text-transform:none; width:213px; min-height: inherit; margin:0; } #main-menu li li:hover > ul, #main-menu li li:focus > ul, #main-menu li li.focus > ul { top:0px; right: -100%; } #main-menu ul.children li a , #main-menu ul.sub-menu li a { text-decoration:none; text-align:right; display:block; padding:20px 15px; margin:0; border:none; line-height:inherit; color: #fff; } #main-menu ul.children li a:hover, #main-menu ul.sub-menu li a:hover, #main-menu ul.children li.current-menu-item a, #main-menu ul.sub-menu li.current-menu-item a { background: #181515; color: #fff; } #main-menu ul.children li ul:before, #main-menu ul.sub-menu li ul:before, .menu-toggle, .dropdown-toggle, button.close-menu { display:none; } #main-menu li:hover > ul, #main-menu li:focus > ul, #main-menu li.focus > ul { opacity:1; right: 0; } /* =============================================== POST BOX ============================================= */ .post-box{ border: 1px solid rgba(0, 0, 0, 0.125); } .post-thumbnail { line-height: 0; } h3.post-title { font-size: 20px; word-wrap: break-word; } h1.post-title { word-wrap: break-word; } .post-content p{ color: #707072; } .post-meta i{ color: #FF4612; } .post-meta span { text-decoration: none; text-transform: capitalize; font-size: 15px; font-weight: 600; color: #62646c; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #181515; white-space: break-spaces; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .post-content img, .post-thumbnail img, .post-content iframe, .post-content object, .post-content embed { max-width: 100%; } .post-content img, .post-thumbnail img { max-height:100%; height:auto; } .post-content:after { content: ""; display: table; clear: both; } #content,footer { float: right; width: 100%; } /* =============================================== Slider ============================================= */ .blog_inner_box { position: relative; background: #000; } .slider .blog_box_inner { position: absolute; transform: translateY(-50%); top: 50%; right: 15%; left: 55%; } .blog_inner_box img{ height: 600px; object-fit: cover; opacity: 0.5; } .blog_box h3 { font-size: 40px; font-weight: 400; } .blog_box h3 a{ color: #fff; } .blog_box p { font-size: 16px; color: #fff; } p.slider-button a,.event-buy-tkt a{ background: #181515; font-size: 12px; padding: 12px 20px; color: #fff; border: solid 1px #fff; } p.slider-button a:hover,.event-buy-tkt a:hover{ background: #FF4612; } /* =============================================== Upcoming Event Section ============================================= */ #trending h2 { font-size: 35px; } .event-main-box,.event-main-box-post { background: #fbfcf9; margin-bottom: 35px; } .event-main-box img{ width: 100%; height: auto; } .event-main-box h3 { font-size: 25px; font-weight: 600; } .event-main-box p{ font-size: 15px; color: #666666; } .event-main-box span,.event-main-box-post span { background: #FF4612; padding: 5px 15px; border-radius: 30px; color: #fff; font-size: 14px; } .event-main-box h6 { text-align: center; font-size: 30px; margin-bottom: 15px; } /* =============================================== Scroll ============================================= */ .scroll-up { position: fixed; bottom: 12px; left: 30px; z-index: 999; } .scroll-up a { background: #FF4612; color:#000; } .scroll-up a:hover{ background: #0d0d0d; color:#fff; } .scroll-up a { display: block; height: 2.5rem; width: 2.5rem; text-align: center; line-height: 2; font-size: 1.25rem; color: #fff; opacity: 1; transition: all 0.3s ease 0s; box-shadow: 0 0 10px rgb(0 0 0 / 20%); } /*=============================================== PRELOADER =============================================== */ .cssloader { padding-top: calc(45vh - 25px); position: fixed; width: 100%; height: 100%; top:0; left: 0; right: 0; bottom: 0; background: #212121; z-index: 99999; } .sh1 { width: 0; height: 0; border-style: solid; border-width: 50px 0 0 50px; border-color: #354952 transparent #ffffff transparent; margin: 0 auto; animation: shk1 1s ease-in-out infinite normal; } .sh2 { width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent transparent #FF4612 transparent ; margin: -50px auto 0; animation: shk2 1s ease-in-out infinite alternate; } /** animation starts here **/ @keyframes shk1 { 0% { transform: rotate(360deg); } 100% { } } @keyframes shk2 { 0% { transform: rotate(-360deg); } 100% { } } .lt { color: #fff; margin: 30px auto; text-align: center; font-weight: 100; letter-spacing: 10px; } /* =============================================== Pagination ============================================= */ .pagination, .business-guidance-coach-pagination { margin:25px 0; } .pagination .nav-links a, .pagination .nav-links span.current, .business-guidance-coach-pagination a span, .business-guidance-coach-pagination span.current { display:inline-block; text-decoration: none; padding:10px 12px; font-size:14px; line-height:21px; color:#333; text-align:center; vertical-align:middle; cursor:pointer; background:#f3f4f7; position:relative; margin:0; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .pagination .nav-links a:hover, .pagination .nav-links a:focus, .pagination .nav-links span.current, .business-guidance-coach-pagination span.current, .business-guidance-coach-pagination span.current:hover, .business-guidance-coach-pagination span.current:focus, .business-guidance-coach-pagination a span:hover, .business-guidance-coach-pagination a span:focus { background: #FF4612; color: #fff; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-reply a:focus{ color: #fff; } .comment-respond input#submit:hover, .comment-reply a:hover{ background: #181515; color: #fff; } .comment-form-url input,nav.navigation.pagination{ width: 100%; } .comment-respond input#submit { background: #FF4612; border: none; color: #fff; padding: 10px; font-weight: 600; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-title { font-size: 1.125rem; } .comment-body .pull-left { padding-left: 0.625rem; } .comment-list { padding-right: 0; } .comment-list .comment { display: block; } .comment-list .pingback { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.563rem 0; } .comment-list .pingback a { margin-right: 5px; margin-left: 5px; } .comment-content.card-block { padding: 15px; } .comment-reply a { background: #FF4612; padding: 5px 15px; color: #fff; } /* =============================================== SIDEBARS =============================================== */ .sidebar-area .textwidget img{ width: 100%; height: auto; } .sidebar-area .sidebar-widget { margin-bottom: 25px; } .sidebar-area a, .sidebar-area p, .sidebar-area li, .sidebar-area address, .sidebar-area dd, .sidebar-area blockquote, .sidebar-area td, .sidebar-area th, .sidebar-area .textwidget { line-height:1.9em; font-weight: normal; } .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud { list-style: none; margin: 0; padding: 0 15px; } .sidebar-area li a, .sidebar-area li { font-size: 15px; font-weight: 500; } .sidebar-area li { padding-bottom: 15px; } .sidebar-area h4.title, .sidebar-area h1.wp-block-heading, .sidebar-area h2.wp-block-heading, .sidebar-area h3.wp-block-heading, .sidebar-area h4.wp-block-heading, .sidebar-area h5.wp-block-heading, .sidebar-area h6.wp-block-heading { padding: 20px 15px; color: #fff; font-size: 18px; background: #FF4612; border-right: solid 5px #181515; } .sidebar-area .tagcloud a { font-size: 15px !important; background: #FF4612; color: #fff; padding: 5px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; display: inline-block; margin: 5px 0; text-decoration: none; } .sidebar-area .tagcloud a:hover{ background: #181515; } .sidebar-area form { padding: 15px; } .sidebar-area select, .sidebar-area textarea, #comments textarea, .sidebar-area input[type="text"], #comments input[type="text"], .sidebar-area input[type="password"], .sidebar-area input[type="datetime"], .sidebar-area input[type="datetime-local"], .sidebar-area input[type="date"], .sidebar-area input[type="month"], .sidebar-area input[type="time"], .sidebar-area input[type="week"], .sidebar-area input[type="number"], .sidebar-area input[type="email"], .sidebar-area input[type="url"], .sidebar-area input[type="search"], .sidebar-area input[type="tel"], .sidebar-area input[type="color"], .sidebar-area .uneditable-input, #comments input[type="email"], #comments input[type="url"]{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width:100%; padding: 5px 2%; border: solid 1px #181515; } #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background:#f3f4f7; color:#434343 !important; } #wp-calendar a:hover { border:none; } #wp-calendar { background: #fff; width:100%; } #wp-calendar caption { font-size: 14px; text-transform:uppercase; margin:0 0 10px 0; text-align:right; } #wp-calendar th, #wp-calendar td { text-align: center; font-size: 14px; color:#434343 !important; padding:3px 6px; } #wp-calendar td a { display:block; text-align: center; font-size: 14px; color:#434343 !important; text-decoration:underline } #wp-calendar td#prev a, #wp-calendar td#prev a{ text-decoration:none; text-align:right; } #wp-calendar th{ font-weight:bold } tr:nth-child(2n+2) { background-color: #f3f4f7; } .searchform label { display: block; } .searchform input[type=text] { width: calc(100% - 110px); margin: 0; padding: 12px; float: right; background-color: #f3f4f7; border: none; } .searchform input[type=submit] { background: #FF4612; border: none; color: #fff; font-size:14px; font-weight: 600; text-align:center; position:relative; float:right; text-shadow:none; padding:14px 0; width:100px; margin:0 auto; cursor: pointer; -webkit-transition: color .3s ease, background-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease; -o-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .searchform input[type=submit]:hover , .searchform input[type=submit]:focus { background-color:#FF4612; text-decoration:none } .searchform:after { content: ""; display: table; clear: both; } footer { background: #181515; } footer .sidebar-area { background: none; padding: 25px 0 0 0; } .wp-block-group__inner-container h2 { color: #fff; } footer a, footer p, footer .sidebar-area li, footer .sidebar-area address, footer .sidebar-area dd, footer .sidebar-area blockquote, footer .sidebar-area td, footer .sidebar-area th, footer .sidebar-area .title, footer .sidebar-area .textwidget { color: #fff; } .footer-area ul { padding: 0; } .footer-area h4.title { padding: 0; font-size: 30px; text-transform: none; background: transparent; border: none; } img.size-auto, img.size-full, img.size-large, img.size-medium, img.alignleft, img.alignright, img.aligncenter, .attachment img { max-width:100%; height:auto; } .alignleft, img.alignleft { display:inline; float:right; margin-left:24px; margin-top:4px; } .alignright, img.alignright { display:inline; float:left; margin-right:24px; margin-top:4px; } div.aligncenter, img.aligncenter { display: block; margin-right: auto !important; margin-left: auto !important; float:none; } img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; } .wp-caption { line-height:18px; margin-bottom:25px; max-width:100% !important; padding:4px; text-align:center; } .wp-caption img { margin:5px 5px 0; width:96%; height:100% } .wp-caption p.wp-caption-text { color:#888; font-size:12px; margin:5px; } .sticky { } .gallery-caption { } .bypostauthor { }