/*! Theme Name: Blogin Aarambha Author: Aarambha Themes Version: 1.0.0 License: GPLv3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.en.html */ :root { --color-accent: #808080; --color-accent-secondary: #000; --color-heading: #181818; --color-1: #3a3a3a; --color-2: #ffffff; --container-width: 1170px; --border-color: rgba(0,0,0,0.3); } html[data-theme='dark'] { --color-accent: #808080; --color-accent-secondary: #ffffff; --color-heading: #ffffff; --color-1: #ffffff; --color-2: #000; } :root { --color-link: var(--color-accent-secondary); --color-link-hover: var(--color-accent); --color-link-visited: var(--color-1); --color-bg-1: var(--color-2); --color-bg-2: var(--color-accent-secondary); --color-bg-3: var(--color-accent); --color-btn: var(--color-2); --color-btn-hover: var(--color-accent); --color-btn-bg: var(--color-accent); --color-btn-bg-hover: var(--color-bg-1); --border: 1px solid var(--border-color); } /* 2.0 ===== Global ===== */ body { color: var(--color-1); font-size: 16px; line-height: 1.27; margin: 0; word-break: break-word; font-family: 'Barlow', sans-serif; font-weight: 400; background: var(--color-bg-1); } .site.is-boxed { margin-left: auto; margin-right: auto; max-width: 100%; width: var(--container-width); } .site.is-boxed,.content-area.is-boxed { background-color: var(--color-bg-1); border-color: var(--color-1); box-shadow: 0 0 12px 0 var(--color-1); } *:focus { outline: none; } /*font awesome supportive style*/ [class*="fa-"] a { margin-left: 2px; } /* -- "Header-Tags" (These are the styles for the Header Tags) -- */ h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.2; margin: 0; color: var(--color-heading); } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* -- "Accessibility" (These are the styles for the Accessibility) -- */ .assistive-text, .screen-reader-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { background-color:var(--color-2); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip-path: none; clip: auto !important; color: #21759b; display: block; font-size: 0.875rem; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* -- "Blockquote" (These are the styles for the Blockquote) -- */ blockquote, .wp-block-quote,.wp-block-pullquote { color: var(--color-accent); font-weight: 500; padding: 30px 50px 15px; position: relative; font-size: 25px; font-weight: 600; background: var(--color-bg-1); margin: 40px 0; line-height: 1.4; border-left: 5px solid; } .wp-block-pullquote { border-left: none; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { text-transform: uppercase; } .wp-block-pullquote blockquote { border: none; } /* -- "Clearings" (These are the styles for the Clearings) -- */ .clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .clearfix { display: block; } /* -- "Breadcrumb" (These are the styles for the Breadcrumb) -- */ .breadcrumb, .breadcrumb a, .breadcrumb span, .breadcrumbs, .breadcrumbs a, .breadcrumbs span { text-transform: uppercase; } .breadcrumbs li { display: inline-block; list-style: outside none none; position: relative; } .breadcrumbs li:not(:last-child) { margin-right: 15px; padding-right: 15px; } .site-header .page-title-wrap .container > .breadcrumbs ul li::before { right: 0px; } .breadcrumbs li::before { position: absolute; display: block; content: ""; height: 7px; width: 7px; border-right: 2px solid var(--color-2); border-top: 2px solid var(--color-2); margin: auto; bottom: 0px; transform: rotate(45deg); right: -23px; top: 1px; opacity: 0.7; } .breadcrumbs li:last-child::before { display: none; } .breadcrumbs li span, .breadcrumb li span { color: var(--color-2); } .breadcrumb a:hover span, .breadcrumbs a:hover span { opacity: 1; } .text-left .breadcrumbs li:first-child { margin-left: 0 !important; } /* -- "Superscript and Subscript" (These are the styles for the Superscript and Subscript) -- */ sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /* -- "Text Elements" (These are the styles for the Text Elements) -- */ p { line-height: 1.4; margin: 20px 0; } strong { font-weight: bold; } cite, em, i { font-style: italic; } /* pre { background-color: '#eee'; margin-bottom: 20px; overflow: auto; padding: 30px; } */ pre, code, kbd, .wp-block-code { font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; line-height: 21px; background-color: #f8f9fa; } abbr, acronym, dfn { border-bottom: 1px dotted rgba(0, 0, 0, 0.4); cursor: help; } address { display: block; margin: 0 0 15px; } ins { text-decoration: none; } /* -- "table" (These are the styles for the Links) -- */ table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; } table th { font-weight: 600; text-transform: uppercase; } table td { text-transform: capitalize; } table { border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 20px; width: 100%; border: none; padding: 0; } /* -- "Links" (These are the styles for the Links) -- */ ul { margin: 0; padding: 0; } a { color: var(--color-link); text-decoration: none; } a:active, a:hover { outline: none; text-decoration: none; transition: all 0.3s ease-in 0s; } a:focus{ text-decoration: none; transition: all 0.3s ease-in 0s; outline: 1px dotted var(--color-accent-secondary); } /* -- "Forms" (These are the styles for the Forms) -- */ input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], textarea, input[type="reset"], input[type="button"], input[type="number"], input[type="submit"] { -moz-appearance: none !important; -moz-border-radius: 0px; -moz-box-sizing: inherit; -webkit-appearance: none !important; -webkit-border-radius: 0px; -webkit-box-sizing: inherit; appearance: none !important; border-radius: 0px; box-sizing: inherit; } input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"] { border: var(--border); height: 41px; margin: 0 0 15px; padding: 5px 10px 5px; width: 100%; color: var(--color-1); } textarea { border: var(--border); margin: 0 0 15px; padding: 8px 19px 7px; width: 100%; color: var(--color-1); } input[type="reset"], input[type="button"], input[type="submit"] { -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border: none; cursor: pointer; display: block; font-size: 16px; font-weight: 300; min-height: 41px; margin-bottom: 30px; margin-top: 5px; padding: 0px 40px 2px; text-align: center; text-transform: capitalize; transition: all 0.3s ease-out; } input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { color: var(--color-2); } select { background: var(--color-bg-1); border-radius: 3px; border: var(--border); font-size: 14px; /*font-weight: 600;*/ height: 45px; padding: 10px; width: 100%; color: var(--color-link); } option { margin: 5px 0; } input[type="radio"], input[type="checkbox"], input[type="file"] { margin-bottom: 5px; } input[type="file"] { -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: 0 none; cursor: pointer; display: block; height: 40px; text-align: center; text-transform: uppercase; } input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */ opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } input:-ms-input-placeholder, textarea:-ms-textarea-placeholder { /* IE 10+ */ opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ opacity: 1; } input, textarea, select { color: var(--color-1); font-size: 16px; font-family: 'Barlow', sans-serif; } /* -- "label" (These are the styles for the label) -- */ label { display: inline-block; font-size: 14px; font-weight: 400; /*margin-bottom: 5px;*/ width: 100%; } input[type="radio"], input[type="checkbox"] { display: inline-block; margin: 0 5px 0 0; } /* ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 15px 0 0; } .post .page-content, .post .entry-content, .post .entry-summary { margin-top: 0px; } .page-links { clear: both; margin: 0 0 1.5em; } /* ===== Buttons ===== */ /* -- "Back To Top" (These are the styles for the Back To Top) -- */ .back-to-top { bottom: 70px; position: fixed; right: 30px; z-index: 9; } .back-to-top button { -moz-border-radius: 3px; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s ease-out; border-radius: 3px; border: 1px solid rgb(255, 255, 255, 0); color: var(--color-2); display: block; font-family: "FontAwesome"; font-size: 16px; text-align: center; transition: all 0.5s ease-out; cursor: pointer; padding: 12px 15px 12px 15px; } .back-to-top button:hover { border: 1px solid var(--color-2); color: var(--color-btn); } /* -- "box-button" (These are the styles for the box-button) -- */ .read-more-wrap .read-more-button, .wpcf7-submit[type="submit"], input[type="submit"], button[type="submit"], .comment-form input[type="submit"] { background: var(--color-btn-bg); color: var(--color-btn); display: inline-block; font-size: 14px; line-height: 1.2; padding: 9px 23px 9px; text-align: center; text-transform: capitalize; position: relative; font-weight: 500; font-family: inherit; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .read-more-wrap .read-more-button:hover, .box-button:hover, .box-button:active, .box-button:focus, .wpcf7-submit[type="submit"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, .comment-form input[type="submit"]:hover, .back-to-top button:hover, .post-navigation .nav-links .nav-previous a:hover, .pagination-wrap .nav-links .nav-previous a:hover, .post-navigation .nav-links .nav-next a:hover, .pagination-wrap .nav-links .nav-next a:hover{ background-color: var(--color-accent-secondary); } .wpcf7-submit[type="submit"], input[type="submit"], button[type="submit"] { padding: 10px 20px 12px; } .wpcf7-submit[type="submit"] { height: auto; border: none } /* -- "Alignment" (These are the styles for the Alignment) -- */ .alignleft { display: inline; float: left; margin-bottom: 10px; margin-right: 20px; position: relative; } .alignright { display: inline; float: right; margin-bottom: 10px; margin-left: 20px; position: relative; } .aligncenter { clear: both; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; position: relative; } .alignleft>a img, .alignright>a img, .aligncenter>a img { transition: all 0.3s ease 0s; } .alignleft>a:hover img, .alignright>a:hover img, .aligncenter>a:hover img { opacity: 0.9; transition: all 0.3s ease 0s; } .entry-meta.alignleft, .entry-meta.alignright { margin-bottom: 0; } .entry-meta.alignleft>div, .entry-meta.alignright>div { border-right: medium none; padding-left: 8px; padding-right: 0px; } .entry-meta.alignleft [class*="fa-"], .entry-meta.alignright [class*="fa-"] { margin-right: 0px; margin-left: 10px; } /* -- "Images" (These are the styles for the Images) -- */ figure { margin: auto 0; } img { max-width: 100%; height: auto; vertical-align: top; } .entry-content img, .comment-content img, .widget img { max-width: 100%; } img#wpstats { display: none; } /* -- "Horizontal Row" (These are the styles for the Horizontal Row) -- */ hr { border-color: var(--color-1); border-style: solid none none; border-width: 1px 0 0; clear: both; height: 0; margin: 0 0 15px; } /* custom layout */ .container { margin-left: auto; margin-right: auto; max-width: 100%; padding-left: 15px; padding-right: 15px; width: var(--container-width); } .row { margin-left: -15px; margin-right: -15px; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* -- "captions" (These are the styles for the captions) -- */ .wp-caption { margin-bottom: 1.6em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { bottom: 0; color: var(--color-2); font-size: 14px; margin: 10px 0 0; padding: 7px; position: absolute; text-align: left; width: 100%; } /* 3.0 ====== Others ===== */ /* -- "Others" (These are the styles for the Others) -- */ .entry-meta:before, .entry-meta:after, .post-item-wrapper .post .entry-meta:before, .post-item-wrapper .post .entry-meta:after, .post-wrapper:before, .post-wrapper:after, .comment-list:before, .comment-list:after, .row:before, .row:after, .pagination:before, .pagination:after, .nav-links:before, .nav-links:after, .post:before, .post:after, .recentcomments:before, .recentcomments:after, .entry-meta-wrapper:before, .entry-meta-wrapper:after, .widget.widget_categories ul li:before, .widget.widget_categories ul li:after, .gallery, .gallery:after { clear: both; display: block; content: ""; } html { height: 100%; width: 100%; } ul { padding-left: 15px; } ul li { margin-bottom: 10px; } /* 4.0 ====== Basic Structure ======*/ iframe, video { max-width: 100%; width: 100%; border: 0; } /* 5.0 ===== Header ===== */ /* -- "Header" (These are the styles for the Header section) -- */ .site-header { position: relative; } .top-header-wrap { 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; } .top-header-wrap>div { position: relative; margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 50%; 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; } .top-header-left { padding-right: 15px; } .top-header-right { padding-left: 15px; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .top-header .top-header-wrap ul li { margin: 0 -2px; } .top-header-wrap .social-links li a { font-size: 0; display: block; min-width: 50px; text-align: center } .top-header-wrap li a, .top-header-wrap .social-links li a { padding: 15px 18px; line-height: 1.2; } .top-header-wrap li a { border-left: var(--border); text-transform: uppercase; display: inline-block; } .top-header-wrap li a:hover { background: var(--color-accent); color: var(--color-2) } .top-header-wrap li:last-child a { border-right: var(--border); } .top-header-wrap>div div+div a:first-child { border-left: none } .top-header-wrap .social-links ul li a::before { font-size: 14px; } .top-header-wrap ul { margin: 0; padding: 0; } .top-header-wrap ul li { display: inline-block; list-style: none; } .top-header-menu a, .top-header-btn a { text-transform: capitalize; } .top-header-btn a { font-size: 14px; display: block; } .top-header-btn a:hover { color: var(--color-2); } .top-header .top-header-wrap ul li { margin-bottom: 0; color: var(--color-bg-2); } .hgroup-wrap .container, .hgroup-contact-section { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: -webkit-box; flex-wrap: wrap; position: relative; } .hgroup-wrap .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hgroup-wrap { padding: 22px 0; } .hgroup-right { width: 79%; width: calc(100% - 235px); width: -webkit-calc(100% - 235px); } .hgroup-contact-section { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .hgroup-contact-section li { display: inline-block; padding: 0 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hgroup-contact-section li .hgroup-contact-icon { width: 40px; border: 1px solid var(--color-accent); height: 40px; text-align: center; padding-top: 10px; } .hgroup-contact-section li .hgroup-contact-icon .fa { font-size: 20px } .hgroup-contact-section li .hgroup-contact-text { width: 86%; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); padding-left: 8px } .hgroup-contact-section li .hgroup-contact-text span { display: block; text-transform: uppercase; margin-top: 3px } .logo-align-center .hgroup-right { display: none; } .logo-align-center .site-branding { margin: 5px auto; } .logo-align-right .site-branding { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; margin-right: 0; text-align: right; } .logo-align-right .hgroup-contact-section { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header-menu-wrap { background: var(--color-bg-2); } .header-menu-wrap .container { position: relative; } .site-header .header-search-section{ position: relative; z-index: 3; } .site-header .header-search-section .search-form { -webkit-backface-visibility: visible; backface-visibility: visible; visibility: hidden; opacity: 0; transition: all .2s; position: absolute; z-index: 3; top: 40px; max-width: inherit; right: 0; } .site-header .header-search-section.active .search-form { visibility: visible; opacity: 1; right: 0; } .site-header .site-header-section-left .header-search-section.active .search-form { left: 0; } .site-header .site-header-section-left .header-search-section form input[type="submit"] { right: auto; left: 0; } .site-header .site-header-section-left .header-search-section form input[type="search"] { padding-right: 10px; padding-left: 60px; } .site-header .header-search-section form input[type="submit"] { text-align: center; padding: 0; position: absolute; top: 0; bottom: 0; right: 0; width: 50px; border-radius: 0 } .site-header .header-search-section form input[type="search"] { color: var(--color-2); background: var(--color-bg-2); padding-right: 60px; } .site-header .header-search-section form input[type="submit"] { font-size: 0; background-image: url(../images/search-icon.png); background-repeat: no-repeat; background-position: center; border-radius: 0; height: 100%; margin: 0; text-align: center; padding: 0; position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background-color: #808080; } .site-header .header-search-icon-wrap .search-toggle { cursor: pointer; } .site-header .site-header-section-left .header-search-section .search-form { right: auto; left: 0; } /* -- "Site Branding" (These are the styles for the Site-Branding section) -- */ .site-title { display: inline-block; font-size: 30px; line-height: 1; text-transform: uppercase; } .site-branding .site-title-wrap p.site-title { margin-bottom: 0; } .site-title a { display: inline-block; } .site-footer .site-title>a { display: block; } .site-description { display: inline-block; font-size: 14px; text-transform: uppercase; } .site-title a img, .site-title a { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .site-title a:hover img, .site-title a:hover { opacity: 0.6 } /* -- "Social Profile" (These are the styles for the Social Site section) -- */ .social-links ul li a::before { font-family: "FontAwesome"; font-size: 14px; display: inline-block; z-index: 9; position: relative; top: 1px; } .social-links ul li a[href*="facebook.com"]::before { content: "\f09a" } .social-links ul li a[href*="twitter.com"]::before { content: "\f099" } .social-links ul li a[href*="linkedin.com"]::before { content: "\f0e1" } .social-links ul li a[href*="plus.google.com"]::before { content: "\f0d5" } .social-links ul li a[href*="youtube.com"]::before { content: "\f167" } .social-links ul li a[href*="dribbble.com"]::before { content: "\f17d" } .social-links ul li a[href*="pinterest.com"]::before { content: "\f0d2" } .social-links ul li a[href*="bitbucket.org"]::before { content: "\f171" } .social-links ul li a[href*="github.com"]::before { content: "\f113" } .social-links ul li a[href*="codepen.io"]::before { content: "\f1cb" } .social-links ul li a[href*="flickr.com"]::before { content: "\f16e" } .social-links ul li a[href$="feed.com"]::before { content: "\f09e" } .social-links ul li a[href*="foursquare.com"]::before { content: "\f180" } .social-links ul li a[href*="instagram.com"]::before { content: "\f16d" } .social-links ul li a[href*="tumblr.com"]::before { content: "\f173" } .social-links ul li a[href*="respanit.com"]::before { content: "\f1a1" } .social-links ul li a[href*="vimeo.com"]::before { content: "\f194" } .social-links ul li a[href*="digg.com"]::before { content: "\f1a6" } .social-links ul li a[href*="twitch.tv"]::before { content: "\f1e8" } .social-links ul li a[href*="stumbleupon.com"]::before { content: "\f1a4" } .social-links ul li a[href*="delicious.com"]::before { content: "\f1a5" } .social-links ul li a[href*="mailto:"]::before { content: "\f0e0" } .social-links ul li a[href*="soundcloud.com"]::before { content: "\f1be" } .social-links ul li a[href*="wordpress.org"]::before { content: "\f19a" } .social-links ul li a[href*="wordpress.com"]::before { content: "\f19a" } .social-links ul li a[href*="jsfispanle.net"]::before { content: "\f1cc" } .social-links ul li a[href*="tripadvisor.com"]::before { content: "\f262" } .social-links ul li a[href*="foursquare.com"]::before { content: "\f180" } .social-links ul li a[href*="angel.co"]::before { content: "\f209" } .social-links ul li a[href*="slack.com"]::before { content: "\f198" } .social-links ul li a[href*="reddit.com"]::before { content: "\f1a1" } .social-links ul li a[href*="news.ycombinator.com"]::before { content: "\f1d4" } .social-links ul li a[href*="vk.com"]::before { content: "\f189" } .social-links ul li a[href*="t.me"]::before { content: "\f2c6" } /* -- "Inline Social Profiles" (These are the styles for the Social Site section) -- */ .inline-social-icons ul, .block-social-icons ul, .widget ul { margin: 0; } .inline-social-icons li, .widget .inline-social-icons li { display: inline-block; margin: 0 5px 8px; padding: 0; } .inline-social-icons li:last-child, .site-footer .inline-social-icons li:last-child { margin-right: 0; } .inline-social-icons li:first-child, .site-footer .inline-social-icons li:first-child { margin-left: 0; } .inline-social-icons li a { -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: var(--color-1); display: inline-block; font-size: 0px; text-align: center; text-transform: uppercase; } .site-footer .inline-social-icons li a:after { content: ""; margin: 0 auto; position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); border: 15px solid #40443E; display: none; width: 100px; height: 100px; border-radius: 100%; background: var(--color-bg-3) } .social-links ul li a:hover::before, .social-links ul li a::before { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .social-links ul li:last-child a { margin-right: 0; } /* -- "Block Social Profiles" (These are the styles for the Social Site section) -- */ .block-social-icons ul li { border: none; padding: 0; display: block; margin: 0 } .block-social-icons ul li a, .widget.block-social-icons ul li a { color: var(--color-2); display: block; padding: 10px; text-transform: inherit; } .block-social-icons ul li a:hover { color: var(--color-1); background: var(--color-2); } .block-social-icons a span { border-right: 1px solid var(--color-2); color: var(--color-2); display: inline-block; font-size: 18px; margin-right: 4px; padding-right: 10px; } /* 6.0 ===== Navbar ===== */ /* -- "Navbar" section (These are the styles for the navbar section) -- */ .hgroup-right .navbar { line-height: 1; width: 94%; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); text-align: right; padding-right: 30px; } .navbar { border-radius: 0; min-height: 0; position: relative; /*width: 100%;*/ /*z-index: 9*/ } .main-navigation li { display: inline-block; list-style: outside none none; position: relative; transition: all 0.3s ease 0s; /*z-index: 1;*/ } .main-navigation ul li { margin: 0px; } .menu-top-menu-container>ul>li>a { padding: 15px 17px; } .menu-top-menu-container>ul>li.menu-item-has-children>a, .menu-top-menu-container>ul>li.page_item_has_children>a { padding-right: 31px; } .main-navigation li a { display: block; padding: 0; text-transform: uppercase; } .main-navigation div>ul>li:first-child { margin-left: 0 !important; } .main-navigation div>ul>li:last-child { margin-right: 0 !important; } .main-navigation ul li a:hover, .main-navigation li.current-menu-item a { -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* -- "Dropdown" section (These are the styles for the Dropdown section) -- */ .main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul { opacity: 0; visibility: hidden; z-index: 9999; } .main-navigation ul li:hover ul, .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul { -webkit-transition: opacity 0.5s linear; opacity: 1; top: 51px; transition: all 0.5s ease 0s; visibility: visible; } .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul { -webkit-transition: opacity 0.5s linear; opacity: 1; top: -5px; transition: all 0.5s ease 0s; visibility: visible; } .main-navigation ul li ul { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; left: 0; position: absolute; text-align: left; top: 75px; transition: all 0.3s ease 0s; width: 200px; } .main-navigation ul li ul li { display: block; float: none; margin: 0; border-bottom: var(--border); } .main-navigation ul li ul li:last-child { border-bottom: none !important; } .mobile-navbar .mean-container .meanmenu-reveal.meanclose span { background: none !important; } .site-header .mobile-navbar .mean-container a.meanmenu-reveal { top: auto; padding: 3px; } .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current-page-ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current-page-item ul li a { border: none; color: var(--color-link); float: none; height: inherit; line-height: 20px; padding: 10px 14px; background: var(--color-bg-1); } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover>a, .main-navigation ul li.current-menu-item ul li a:hover { color: var(--color-2); } .main-navigation ul li ul li ul { -webkit-transition: opacity 0.5s linear; border-left: 1px solid rgba(0, 0, 0, 0.2); border-top: medium none; right: 200px; left: auto; top: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; } .main-navigation ul li ul { box-shadow: 6px 8px 15px 0 var(--color-link); padding: 0; } .main-navigation .menu-item-has-children::before, .main-navigation .page_item_has_children::before { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; content: "\f107"; display: block; font-family: "FontAwesome"; font-size: 20px; line-height: 1; position: absolute; right: 8px; top: 0px; transition: all 0.3s ease 0s; bottom: 0; margin: auto; height: 17px; color: var(--color-link); } .menu-item-has-children:hover:before, .page_item_has_children:hover:before { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 2px; color: var(--color-link-hover); } /* -- "Search Form" section (These are the styles for the Search Form section) -- */ /* ====== Featured Content ===== */ /*.edit-link {*/ /* margin-right: 15px;*/ /*}*/ /*.edit-link a {*/ /* font-size: 14px;*/ /*}*/ /*.edit-link a:first-child {*/ /* margin-left: 8px;*/ /*}*/ /*.edit-link:last-child {*/ /* float: right;*/ /*}*/ /* -- "Banner Slider" section (These are the styles for the Baner Slider section) -- */ .header-banner-section { position: relative; line-height: 0; clear: both; } .header-banner-section .featured-image { margin: 0; } .slick-dotted.slick-slider { margin: 0 !important; } .header-banner-section .slick-dots { bottom: 10px; max-width: 1170px; margin: 0 auto; left: 0; right: 0; padding: 0 30px; } .slick-dots { bottom: -30px; text-align: left; padding: 0; } .slick-dots li { position: relative; width: 18px; height: 16px; border-radius: 3px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: width .35s; transition: width .35s; background: transparent; outline: none !important; } .slick-dots li:after { content: ''; position: absolute; top: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 4px; margin: 6px 0; border-radius: 2px; background: var(--color-bg-1); } .slick-dots li.slick-active { width: 32px; } .slick-dots li.slick-active:after { background: var(--color-accent); } .banner-slider .entry-title { margin-bottom: 10px; } .banner-slider .post .entry-content > p:last-child { margin-bottom: 10px; } .header-banner-section .slider-text { /* bottom: 0px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 43%; transform: translate(-50%, -50%); */ position: relative; width: 1170px; z-index: 3; margin: auto; max-width: 100%; /* left: 50%; right: 0; */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 15px; } .header-banner-section .slider-text .post{ max-width: 450px } .header-banner-section .slider-title { font-size: 28px; margin-bottom: 25px; position: relative; text-transform: uppercase; color: var(--color-link); padding-left: 110px; } .header-banner-section .featured-image img { width: 100%; } .banner-slider .entry-title a, .banner-slider .entry-content p{ color: var(--color-2) } .banner-slider .entry-title a { font-size: 40px; } .banner-slider .slider-item { width: 100%; min-height: 450px; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color: rgba(32,45,57,0.15); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-banner-section .post .post-detail-wrap >*:not(:last-child) { margin-bottom: 20px; } .header-banner-section .post .post-detail-wrap { padding: 0; } .banner-slider .slider-item .read-more-wrap { margin-top: 40px; } .header-banner-section .slider-item::before { position: absolute; display: block; content: ""; background: rgba(0,0,0,0.5); height: 100%; width: 100%; top: 0; left: 0; z-index: 2; } .site-main .post>.featured-image-wrapper, .post-layout-matches-wrap .featured-image-wrapper{ position: relative; } .site-main .post>.featured-image-wrapper span, .post-layout-matches-wrap .featured-image-wrapper span{ position: absolute; top: 8px; right: -5px; z-index: 99; padding: 4px 5px; color: var(--color-bg-1); background: var(--color-accent); font-size: 14px; text-transform: uppercase; font-weight: 600; } .site-main .post>.featured-image-wrapper span:before, .post-layout-matches-wrap .featured-image-wrapper span:before { position: absolute; display: block; content: ""; border-top: 5px solid rgba(0,0,0,0.5); border-right: 5px solid rgba(0, 0, 0, 0); bottom: -5px; right: 0; } .single-post-wrapper .related-post-section .post .featured-image{ margin-bottom: 0 } .share-section { position: relative; z-index: 999 } .share-section .social-links ul{ transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform-origin: center top 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background: var(--color-bg-2) none repeat scroll 0 0; margin: 0; position: absolute; top: 100%; white-space: nowrap; z-index: 999; text-align: center; width: 100%; right: 0; } .share-section:hover .social-links ul{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .post-tags-wrap { position: absolute; top: -5px; } .post-tags { background: var(--color-accent); line-height: 1; display: inline-block; width: auto; padding: 9px 7px; color: var(--color-2); margin: 0; text-transform: uppercase; font-size: 12px; position: relative; margin-right: 12px; font-weight: 600; z-index: 9 } a.post-tags:hover { color: var(--color-2); } .post-tags::before { position: absolute; display: block; content: ""; border-left: 5px solid var(--color-accent); border-top: 5px solid rgba(0, 0, 0, 0); top: 0; right: -5px; } .inner-post-tags-wrap .post-tags { background: none; color: var(--color-1); padding: 0; margin-bottom: 5px; } .inner-post-tags-wrap .post-tags:before { display: none; } .inner-post-tags-wrap .post-tags a{ margin-right: 3px } .post-tags.post-tags-sold { background: #344356; } .post-tags.post-tags-sold::before { border-left: 5px solid #1F2636; } /* post styling freom here */ .post { margin-bottom: 30px; position: relative; } .post>* { position: relative; z-index: 1; } /* ===== post-featured-image ===== */ .featured-image { margin-bottom: 15px; position: relative; } .post .featured-image { margin: 0; } /* 9.0 ===== Content ===== */ .site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 { padding-bottom: 20px; } /* -- "Entry Header" (These are the styles for the Entry Header ) -- */ .entry-header { padding: 10px 0 0px; /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/ } .entry-header.heading { padding-bottom: 15px; margin-bottom: 30px; position: relative; } .post .entry-header { padding-top: 0; /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/ } /* -- "Entry Title" section (These are the styles for the Entry Title section) -- */ .entry-title:not(.elementor .entry-title) { font-size: 22px; line-height: 1.2; position: relative; } .heading .entry-title { display: inline-block; line-height: 1.2; padding-bottom: 0; font-size: 28px; position: relative; font-weight: 700; text-transform: uppercase; padding-left: 15px; } .heading .entry-title::before { display: block; content: ""; position: absolute; width: 5px; height: 100%; background: var(--color-accent); left: 0; top: 0; } /* -- "Entry Meta" section (These are the styles for the Entry Meta section) -- */ .entry-meta-wrapper { padding-top: 10px; } .entry-meta-wrapper .entry-meta { width: 50%; float: left; } .entry-meta-wrapper .entry-meta:last-child { text-align: right; } .post-content .entry-meta { padding-top: 5px; } .entry-meta>span { display: inline-block; font-size: 12px; margin-right: 10px; text-transform: uppercase; } #secondary .entry-meta .cat-links a { padding-bottom: 0px; } .entry-meta [class*="fa-"] { display: inline-block; line-height: 1.1; margin-right: 5px; font-family: 'FontAwesome' !important; } .entry-meta>* { display: inline-block; line-height: 1; padding-right: 5px; position: relative; font-weight: 400; } /* Tag Links */ .cat-links { padding-right: 7px; } .tags-links { position: relative; } .tags-links>a { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; display: inline-block; padding: 0 8px; text-transform: uppercase; transition: all 0.3s ease 0s; } .widget_tag_cloud a:hover { color: var(--color-link-hover); opacity: 1; } /* -- "Entry Content" section (These are the styles for the Entry Content section) -- */ .entry-content { display: block; padding-bottom: 15px; width: 100%; } .entry-content dt, .comment-content dt { font-weight: bold; } .entry-content dd, .comment-content dd { margin-bottom: 20px; } .entry-content td, .comment-content td { padding: 8px; } .post .entry-content>p:last-child { margin-bottom: 5px; } /* COMMENT */ .bypostauthor > article .fn::after { content: "\f040"; left: 6px; position: relative; top: 0px; font-family: "FontAwesome"; font-weight: 400; } .bypostauthor { display: block; } .comment-list .reply { text-align: right; } .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } .comment-list { margin-left: 0 !important; padding: 0 !important; padding: 0; } .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 65px !important; } .comment-meta .comment-author img.avatar { height: 60px; width: 60px; border-radius: 60px; position: absolute; left: 0; top: 0; } .comment-meta { position: relative; padding-top: 7px; } .comment-body .comment-content, .comment-body .comment-meta, .comment-body .reply{ padding-left: 75px; } .comment-meta .comment-author .fn { margin-bottom: 5px; display: inline-block; } .comment-list>li:after, .comment-list .children>li:before { content: ""; display: block; height: 1px; width: 100%; } #comments ol, #comments ul { margin-left: 0; } .comment-body, .post-author { clear: both; padding: 0px 0 24px 0; position: relative; } .comment-body { margin: 0 0 30px; padding: 30px 0 0 0; border-top: var(--border); } .comment-content { clear: both; padding-top: 15px; } .comment-content>p:last-child { margin-bottom: 12px; } .comment-author .avatar img, .post-author .avatar img { display: block; height: 120px; width: 120px; } .comment-metadata .fn, .comment-author .url, .comment-reply-login { display: inline-block; font-size: 16px; font-style: normal; text-transform: uppercase; } .says { display: none; } .comment-list .edit-link { margin-left: 20px; } .comment-awaiting-moderation { float: right; text-align: left; width: -webkit-calc(100% - 125px); width: 82%; width: calc(100% - 125px); word-wrap: break-word; } .comment-meta, .comment-meta a { color: var(--color-link); font-size: 13px; } .comment-meta a { -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } .reply .comment-reply-link { background: var(--color-btn-bg); color: var(--color-btn); padding: 6px 12px; display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; box-shadow: 0px 7px 5px -3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 7px 5px -3px rgba(0,0,0,0.3); } .reply .comment-reply-link:hover { background: var(--color-accent-secondary); } .comment-metadata { margin-bottom: 8px; display: -ms-flexbox; display: flex; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Comment form */ .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url, .comment-form p { margin-bottom: 5px; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; width: 120px; } .comment-form .required { color: #ed331c; } .comment-form textarea { width: 100%; } .form-allowed-tags, .form-allowed-tags code { color: #383838; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } /* comment area */ .comment-reply-title { border-bottom: var(--border); font-size: 24px; font-weight: 500; margin-bottom: 25px; text-transform: uppercase; } .comment-reply-title span::before { background: #303E4B; bottom: -12px; content: ""; display: block; height: 2px; position: absolute; width: 100%; } .comments-area { padding: 30px 0 5px; position: relative; } .comments-area ol.comment-list li.comment { list-style: none; } .comment-form-comment, .form-submit { padding: 0 !important; width: 100% !important; } .comment-form p { position: relative; } .comment-form p .comment-input-icon { background: #303E4B; display: block; height: 37px; left: 2px; padding: 10px 0 0; position: absolute; text-align: center; top: 2px; width: 37px; } .comment-form p .fa { color: var(--color-2); } /* 11.0 ===== Contact form 7 styling ===== */ .wpcf7-form textarea { resize: none; } .wpcf7-form input, .wpcf7-form textarea { padding: 10px 18px; background: var(--color-bg-1); border: var(--border); margin: 0; border-radius: 0; } .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form textarea:focus { border-color: #1E3033; } /* Name: Error form **/ form.cmxform label.error, label.error,.error { color: #ff0000; font-style: italic; margin: 10px 0 0; text-align: left; } /* ===== Pages ===== */ .page-title-wrap { position: relative; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; position: relative; padding: 30px 0; } .page-title-wrap::before { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; left: 0; background: var(--color-bg-2); } .page-title-wrap .page-top-overlay-content { position: absolute; background: var(--color-bg-3); width: 100%; bottom: 0; } .page-title-wrap .page-title label { display: none; padding: 4px 8px 4px; border-radius: 3px; background: var(--color-bg-3); text-transform: uppercase; color: var(--color-2); width: auto; } .page-title span { display: block; } .page-title { font-size: 50px; line-height: 1; position: relative; margin-bottom: 15px; text-transform: capitalize; } .page-title-wrap .entry-content { position: relative; } .page-title-wrap .entry-meta > * { padding-right: 18px; } .page-title-wrap p, .page-title-wrap .entry-meta a { color: var(--color-2) } .page-title-wrap .entry-meta a { opacity: 0.7 } .page-title-wrap .entry-meta a:hover { opacity: 1; color: var(--color-2); } .page-title-wrap .page-title { color: var(--color-2); padding-bottom: 0 } .page-title-section .container { position: relative; } .page-title-wrap .meta-icon, .page-title-wrap .post-meta-wrapper ul li.post-tags .meta-icon { color: var(--color-2); } .breadcrumb a span, .breadcrumbs a span { color: var(--color-2); opacity: 0.7; } .breadcrumbs li a, .breadcrumbs li span { font-size: 18px } .page-title-wrap .breadcrumb-trail { display: block; margin: 15px 0; } .page-title-wrap .inline-social-icons { margin-bottom: 10px; } .page-title-wrap .inline-social-icons li a { height: 35px; width: 35px; border: 1px solid var(--color-bg-1); position: relative; border-radius: 40px; padding-top: 8px; display: block; } .page-title-wrap .inline-social-icons li a:hover { background: var(--color-bg-1); } .page-title-wrap .inline-social-icons li a:before { color: var(--color-2); } .page-title-wrap .inline-social-icons li a:hover:before { color: #1E3033; } .page-title-wrap .post-meta-wrapper ul li { padding: 0; margin-right: 25px; position: relative; } .page-title-wrap .post-meta-wrapper ul li.post-tags { background: none; text-transform: capitalize; } .page-title-wrap .post-meta-wrapper ul li:last-child { margin-right: 0; } .page-title-wrap .post-meta-wrapper ul li::before { position: absolute; display: block; content: ""; height: 16px; width: 2px; right: -13px; top: 3px; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } .page-title-wrap .post-meta-wrapper ul li::before { border: none; } .page-title-wrap .post-meta-wrapper ul li.post-tags { font-size: 16px; font-weight: 400; line-height: 1.27; } .page-title-wrap .post-meta-wrapper ul li:last-child:before { display: none; } .page-title-wrap .post-meta-wrapper ul li .meta-icon { margin-right: 7px; } .page-title-wrap .post-meta-wrapper ul li span a, .page-title-wrap .post-meta-wrapper ul li .meta-text { color: var(--color-2); position: relative; } .archive-description { position: relative; } .archive-description p { color: var(--color-2); } .post .entry-meta>.post-cat-list .cat-links a{ position: relative; } .post .entry-meta>.post-cat-list .cat-links a:not(:last-child) { margin-right: 4px; } .post .entry-meta>.post-cat-list .cat-links a:not(:last-child)::after{ position: absolute; display: block; bottom: 0; right: -5px; content: ","; } .post .entry-meta>div:not(:last-child)::before, .page-title-wrap .entry-meta >div:not(:last-child)::before { position: absolute; display: block; content: ""; height: 6px; width: 6px; background: var(--color-1); right: 7px; top: 0; bottom: 0; margin: auto; border-radius: 50%; transform: rotate(90deg); } .blogin-aarambha-blog .post .entry-meta >div:last-child:before, .page-title-wrap .entry-meta >div:last-child:before, .blogin-aarambha-blog .post .cat-links a:last-child:before { display: none; } .blogin-aarambha-blog .post .cat-links a:last-child{ margin-right: 0 } .wp-caption { position: relative; } .page-title-wrap .entry-meta > div::before { background: var(--color-2); opacity: 0.7; } /* -- "bbPress Support" section (These are the styles for the bbPress Support section) -- */ #bbpress-forums, #bbpress-forums button, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, div.bbp-search-form input, div.bbp-search-form button, div.bbp-breadcrumb, div.bbp-topic-tags { font-size: 16px; } div.bbp-search-form input, div.bbp-search-form button { padding: 10px; } #bbpress-forums div.bbp-search-form { float: none; } #bbpress-forums ul, #bbpress-forums ol { margin: 0; } #bbpress-forums #bbp-search-form #bbp-search { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-right: 0 none; width: 100%; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { display: inline-block; line-height: 20px; margin-top: 5px; } div.bbp-submit-wrapper button { -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background-color: rgb(46, 60, 66); border: 0 none; color: var(--color-2); cursor: pointer; display: block; font-weight: 400; height: 40px; margin-bottom: 30px; padding: 0px 20px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; } /* ===== pagination ===== */ .pagination, #wp-page-numbers, .wp-pagenavi, #main ul.default-wp-page { border-radius: 0px; margin: 0 0 10px; clear: both; } .pagination a, .pagination .current, .pagination>li>a, .pagination>li>span, #wp_page_numbers li, .wp-pagenavi li, #main ul.default-wp-page, .pagination>span { border: medium none; color: var(--color-2); display: inline-block; font-size: 14px; font-weight: 600; margin: 0 5px; text-transform: uppercase; height: 30px; width: 30px; line-height: 30px; } .pagination a.prev, .pagination a.next { display: inline-block; position: relative; text-indent: -99999999px; line-height: 30px; } .pagination { width: 100%; text-align: center; } .pagination a:hover, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, #wp_page_numbers li>a:hover, .wp-pagenavi li>a:hover, #main ul.default-wp-page li>a:hover, .pagination>span { color: var(--color-2); } .post-navigation { padding: 0 0 20px; margin-bottom: 30px; } .nav-previous { float: left; position: relative; width: 45%; } .nav-next { float: right; position: relative; width: 45%; } .nav-links a { font-weight: 600; position: relative; } .pagination-nxt-prv .nav-links a { display: block; padding: 15px 10px 15px 10px; color: var(--color-2); } .pagination-nxt-prv .nav-links a:hover { background: var(--color-bg-2); color: var(--color-2); } .pagination-nxt-prv .nav-links a, .post-navigation .nav-links a { background: var(--color-bg-3); } .pagination-wrap .nav-links .nav-next a { text-align: right; } .post-navigation .nav-links a { display: block; padding: 14px 15px 13px; text-transform: capitalize; color: var(--color-2) } .post-navigation .nav-links a:hover { color: var(--color-2); } .post-navigation .nav-links .nav-previous a, .pagination-wrap .nav-links .nav-previous a { padding-left: 60px; } .post-navigation .nav-links .nav-next a, .pagination-wrap .nav-links .nav-next a { padding-right: 60px; } .pagination a.prev::before, .nav-previous a::before { -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; content: "\f104"; display: block; font-family: "FontAwesome"; font-size: 16px; position: absolute; right: 13px; text-indent: 0; transition: all 0.3s ease-out; z-index: 9; } .pagination a.next::before, .nav-next a::before { -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; content: "\f105"; display: block; font-family: "FontAwesome"; font-size: 16px; position: absolute; right: 11px; text-indent: 0; transition: all 0.3s ease-out; z-index: 9; } .nav-next a::before, .nav-previous a::before { bottom: 0; left: 0px; margin: auto; top: 0; height: 100%; width: 50px; line-height: 50px; text-align: center; right: auto; align-items: center; justify-content: center; display: flex; } .nav-next a::before { right: 0; left: auto; } /* 8.0 ===== Widgets ===== */ ol.wp-block-latest-comments { padding-left: 0; margin: 0; } .wp-block-search .wp-block-search__input { margin-bottom: 0; } .widget { margin-bottom: 30px; } #secondary .widget { margin-bottom: 45px; padding: 0; } .widget ul li { display: block; margin-bottom: 10px } #secondary .widget li a .fa { margin-right: 5px; } .site-footer .widget ul li { margin-bottom: 13px } #secondary .widget ul li, #secondary .widget ol li { border-bottom: none; margin: 0; margin-bottom: 0px; padding: 10px 0; } #secondary .widget ul li:first-child, #secondary .widget ol li:first-child { padding-top: 0; } #secondary .widget ul li:not(:last-child), #secondary .widget ol li:not(:last-child) { border-bottom: var(--border); } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; overflow: hidden; } .widget.widget_categories li a, .widget.widget_archive ul li a { float: left; text-align: left; } .calendar_wrap { text-align: center; } #secondary .widget ul li li:first-child, #secondary .widget ul li li { padding: 10px; } #secondary .widget ul li li:first-child { border-top: var(--border); margin-top: 10px; } #secondary .widget ul li li:last-child { border-bottom: none } /* Widget-Search */ .widget_search { position: relative; } .widget_search .search-submit { border-radius: 0; border: medium none; -webkit-box-shadow: inherit; box-shadow: inherit; color: rgb(255, 255, 255); height: 100%; margin: 0; padding: 8px; position: absolute; right: 0; top: 0; } .widget_search .search-submit:hover, .not-found .search-form input[type="submit"]:hover { background-color: var(--color-accent) ; color: var(--color-2); border-color: var(--color-accent) ; } .widget_search input[type="search"], .error-content-wrap input[type="search"] { padding-right: 70px; } /* -- "Widget Calendar" section (These are the styles for the Widgete calendar section) -- */ .widget_calendar table, .widget_calendar th, .widget_calendar td { border: none; } /* widget categories styling from here */ .widget.widget_categories ul li { text-align: right; } .widget.widget_categories li a { float: left; } /* textwidget styling from here */ .textwidget { margin: 0 0 20px; } .widget_text address { display: inline-block; margin: 0; vertical-align: top; } .site-content .widget_text>ul { margin: 0; padding: 0; } .widget_text li { color: rgb(103, 103, 103); list-style: outside none none; margin-bottom: 2px; } .widget_text li a { color: rgb(95, 100, 104); } /* widget tag cloud styling from here */ .widget_tag_cloud a { border: 1px solid var(--color-link); color: var(--color-link); display: inline-block; font-size: 14px; margin: 3px 5px 5px 0; padding: 5px 15px; text-transform: uppercase; } #secondary .widget.widget_tag_cloud a:hover { color: var(--color-link-hover); } /* -- "Recent Entries/Comments widget" section (These are the styles for the Recent Entries/Comments widget section) -- */ .widget_recent_entries ul li { margin-bottom: 10px; } .recentcomments, .widget ul li.recentcomments { border-bottom: 1px solid #D6D8DB; margin-bottom: 18px; padding-bottom: 15px; padding-top: 2px; } .recentcomments:last-child, .widget ul li.recentcomments:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } .widget .menu li.recentcomments a:hover, .widget > ul > li.recentcomments a:hover { padding-left: 0; } .widget .menu li.recentcomments a:before, .widget > ul > li.recentcomments a:before { display: none; } .recentcomments .comment-author-image { border-radius: 50px; float: left; height: 43px; margin-right: 17px; overflow: hidden; width: 43px; } .recentcomments .comment-author-text { float: right; width: -webkit-calc(100% - 60px); width: 80%; width: calc(100% - 60px); } .comment-author-link { display: block; margin-bottom: 2px; } .comment-author-link a { font-weight: 600; text-transform: uppercase; } /* search section styling from here */ .slick-prev::before, .slick-next::before { opacity: 1; color: #BFBEC3; font-family: "FontAwesome"; } .slick-prev:hover:before, .slick-next:hover:before { color: #FDB92D } .slick-prev::before { content: "\f104"; } .slick-next::before { content: "\f105"; } .slick-prev { left: 10px; } .slick-next { right: 10px; } /* main styleing from here */ .site-header .top-header, .site-header .main-header, .site-header .bottom-header, .site-footer .top-footer, .site-footer .main-footer, .site-footer .bottom-footer{ position: relative; } .site-header .top-header::before, .site-header .main-header::before, .site-header .bottom-header::before, .site-footer .top-footer::before, .site-footer .main-footer::before, .site-footer .bottom-footer::before { position: absolute; display: block; content: ""; height: 100%; width: 100%; top: 0; } .post-item-wrapper .post:hover .entry-meta, #primary .post:hover .entry-meta { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .post-item-wrapper .post .entry-meta, #primary .post .entry-meta { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; row-gap: 8px; } .post-item-wrapper .post .entry-meta>div, #primary .post .entry-meta>div, .post .entry-meta>div { text-transform: uppercase; font-size: 14px; } #primary .post .entry-meta .share-section, .post-item-wrapper .post .entry-meta .share-section { float: right; padding: 15px; border-left: var(--border); padding-bottom: 10px; } .entry-meta, .post .entry-meta *, .post-item-wrapper .entry-meta *, .post-item-wrapper .entry-meta a, .post-item-wrapper .entry-meta [class*="fa-"] { color: var(--color-1); } .post-item-wrapper .post .entry-meta a:hover { color: var(--color-link-hover) } .sidebar-left #primary { float: right; } .sidebar-no #primary { width: 100%; } .elementor-page .site-content.have-sidebar #primary.content-area section { max-width: 100%; left: 0 !important; right: 0 !important; } .elementor-page .site-content.have-sidebar section.single-page-wrapper { padding: 90px 0; } /* subscribe section styling from here */ .site-content section.subscribe-section { padding: 130px 0 120px; } .subscribe-section { background-attachment: fixed !important; background-position: 50% 0; background-repeat: no-repeat !important; background-size: cover !important; } .subscribe-section::before { position: absolute; display: block; content: ""; height: 100%; width: 100%; top: 0; background: rgba(34, 49, 72, 0.89); background: -moz-linear-gradient(left, rgba(34, 49, 72, 0.89) 0%, rgba(34, 49, 72, 0.26) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34, 49, 72, 0.89)), color-stop(100%, rgba(34, 49, 72, 0.26))); background: -webkit-linear-gradient(left, rgba(34, 49, 72, 0.89) 0%, rgba(34, 49, 72, 0.26) 100%); background: -o-linear-gradient(left, rgba(34, 49, 72, 0.89) 0%, rgba(34, 49, 72, 0.26) 100%); background: -ms-linear-gradient(left, rgba(34, 49, 72, 0.89) 0%, rgba(34, 49, 72, 0.26) 100%); background: linear-gradient(to right, rgba(34, 49, 72, 0.89) 0%, rgba(34, 49, 72, 0.26) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181818', endColorstr='#181818', GradientType=1); } .subscribe-form-wrapper { position: relative; z-index: 2; } .subscribe-form-wrapper>h2 { font-size: 24px; text-transform: uppercase; color: var(--color-2) } .subscribe-form-wrapper>p { font-size: 20px; color: var(--color-2) } /* mc4wp-form form styling from here */ .widget_mc4wp_form_widget { padding: 0 !important; } .mc4wp-form { position: relative; margin: 30px 0 0; } .mc4wp-form input { margin: 0; } .mc4wp-form input[type="submit"], .site-footer .mc4wp-form input[type="submit"] { padding: 0; transition: all 0s ease 0s; width: 100%; color: var(--color-2); text-transform: uppercase; font-size: 14px; text-align: center; } .mc4wp-form input[type="submit"]:hover, .site-footer .mc4wp-form input[type="submit"]:hover { background-color: var(--color-accent-secondary); } /* single page styling from here */ .post .post-cat-list:only-child a:not(.related-post-section .post .post-cat-list a) { color: var(--color-2); background: var(--color-accent); padding: 8px 15px; margin: 0 1px 4px 0; } .post .post-cat-list:only-child a:not(.related-post-section .post .post-cat-list a):hover { background: var(--color-accent-secondary); } .post .cat-links a::before:not(.related-post-section .post .cat-links a::before) { display: none } .single-post .site-main .related-post-section .column .featured-image{ margin: 0; } .single-post .site-main .related-post-section>.entry-header.heading{ margin-bottom: 30px; padding: 0; } #primary .related-post-section .post .post-detail-wrap { margin-top: 0; padding: 25px 15px 5px; width: 100%; background: rgba(0,0,0,0.03); min-height: 132px; } #primary .related-post-section .post .post-detail-wrap .entry-meta { margin-bottom: 10px; } #primary .related-post-section .post { margin: 0; } .single-post-wrapper .post.entry-content { padding-bottom: 0 } .single-post-wrapper .post .entry-content { margin: 20px auto; } .has-thumbnail #primary .post .posted-on { display: inline-block; } .has-blog-thumbnail #primary .post .posted-on { display: inline-block; } .single-post-wrapper .post .entry-title { font-size: 30px; } .single-post-wrapper .related-post-section .post .entry-title { font-size: 18px; padding-bottom: 0; } .single-post-wrapper #primary .post .posted-on h4 { display: inline-block; margin-bottom: 0; padding: 0 5px; font-size: 16px; } .single-post-wrapper #primary .post .posted-on a { display: inline-block; top: -1px; position: relative; } .single-post-wrapper #primary .related-post-section .post .entry-meta .meta-wrapper { background: none; text-align: left; } .single-post-wrapper .post .featured-image, .single-page-wrapper .page .featured-image { margin-bottom: 15px; } .widget .search-form { width: 100%; } .widget_search .search-submit, .not-found .search-form input[type="submit"] { background-color: #303E4B; } .search-form input, .search-form label { margin-bottom: 0; } .post-wrapper { text-align: center; } .post-wrapper h3, .post-wrapper .post { text-align: left; } /* login page styling from here */ .login-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .login-content { width: 360px; } .login-form { padding: 30px 20px 20px; background: var(--color-bg-2); margin-bottom: 30px; } .login-demo-box { background: var(--color-bg-2); padding: 20px; margin-bottom: 30px; } .login-demo-box h6 { color: var(--color-2); } .login-demo-account h6 { font-size: 16px; padding-bottom: 5px; } .login-demo-account li { font-size: 13px; color: var(--color-2); } .login-demo-account li .login-demo-heading { font-weight: 600; } .login-demo-account li .login-demo-info { color: var(--color-accent) } .registration-content { width: 65%; width: calc(100% - 390px); width: -webkit-calc(100% - 390px); padding-left: 30px; background: var(--color-2); padding: 15px 30px 20px; margin-left: 30px; } .registration-content .entry-header.heading { margin-bottom: 5px; } .registration-content form .col-12 { width: 100%; } .registration-content form .col-6 { width: calc(50% - 10px); float: left; margin: 0 5px; } .input-has-two-child { isplay: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .input-has-two-child>p { width: 50%; padding: 0 10px; } .login-content-wrap p input { margin-bottom: 0; } .login-content-wrap form label { font-size: 16px; margin-bottom: 10px; color: var(--color-bg-2); } .login-content-wrap .login-content form label, .login-content p a { color: var(--color-2); } .login-content p a:hover { color: var(--color-link-hover); } .login-content-wrap select { background: var(--color-bg-1); border: var(--border); } .login-content-wrap button[type="submit"] { padding: 12px 40px 12px; font-weight: 600; } /* post listing page styling from here */ .post-layout-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .post-layout-wrap>div { margin-left: 8px; } .post-order-wrap { 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; } .post-order-wrap>span { display: block; width: 65px; padding-right: 5px; color: var(--color-1); font-size: 15px; } .post-filter-wrap input, .post-filter-wrap select { margin-bottom: 10px; height: 45px; } .post-order-wrap select { width: 64%; width: calc(100% - 65px); width: -webkit-calc(100% - 65px); } .post-column-switch ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-column-switch ul li { margin-left: 5px; margin-bottom: 0; } .post-matches-wrap { font-size: 22px; font-weight: 600; color: var(--color-bg-2); } .post-filter-wrap { 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; margin: 30px -5px; } .post-filter-wrap>div { position: relative; margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 16.6667%; padding: 0 5px; } .post-wrapper.post-grid-view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .post-list-view .post { display: flex; flex-wrap: wrap; border: var(--border); padding: 0 !important; } .post-list-view .post .featured-image { width: 50%; } .post-list-view .post .post-detail-wrap { width: 50%; border: none; padding-bottom: 56px; } /* contact page styling from here */ .contact-information-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contact-detail-wrapper { width: 330px; background: var(--color-2); padding: 20px; } .contact-form-wrap { width: 68%; width: calc(100% - 360px); width: -webkit-calc(100% - 360px); margin-right: 30px; background: var(--color-2); padding: 20px; padding-bottom: 0; } .contact-form-wrap .entry-header.heading, .contact-detail-wrapper .entry-header.heading { margin-bottom: 0px; padding-bottom: 1px; } .entry-header.heading p { margin-top: 10px; } .contact-input-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; } .contact-input-section p { width: 50%; padding: 0 7px; } .contact-form-wrap .entry-content { padding-bottom: 0; } .contact-detail-item { margin-bottom: 15px; } .contact-detail-item h4 { padding-bottom: 5px; text-transform: capitalize; } .contact-information-wrap { margin-bottom: 50px; } .container .related-post-section .container { padding: 0; } .post-item-wrapper .post>.featured-image img { width: 100%; } .comment-form p.comment-form-cookies-consent { position: relative; padding-left: 20px; } .comment-form-cookies-consent>input[type="checkbox"] { position: absolute; left: 0; top: 5px; } /* error page styling from here */ .error-404.not-found { position: relative; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 70px 0; } .error-404.not-found:before{ position: absolute; display: block; content: ""; height: 100%; width: 100%; background: rgba(48, 62, 75, 0.9); top: 0; left: 0 } .error-page-content{ margin: 0 auto; max-width: 490px; padding: 50px 0; text-align: center; width: 100%; position: relative; z-index: 9 } .site-content .error-404 h2 { color: var(--color-2); font-size: 150px; line-height: 0.8; margin-bottom: 15px; } .site-content .error-404 p, .site-content .error-404 h4 { color: var(--color-2); font-size: 20px; text-align: center; margin-bottom: 15px; } .search-form { margin: 0 auto; max-width: 100%; position: relative; width: 375px; } .error-404 .search-form input, .error-404 .search-form label { margin: 0; } .error-404 .search-form input[type="search"] { padding-right: 105px; } .site-content .error-404 a { display: inline-block; position: relative; } .error404 .site-footer { margin: 0; } .error404 .site-header { margin-bottom: 0; } .login-form-footer { margin-bottom: 5px } .login-form-footer a { color: var(--color-2); font-size: 13px; } .rsl-connect-with { color: var(--color-2); margin-bottom: 10px; } .rsl-provider-list a{ color: var(--color-2); padding: 5px 10px; display: inline-block; font-size: 14px; margin-right: 3px; cursor: pointer; } .rsl-provider-facebook { background: #3B5999; } .rsl-provider-google { background: #DD4C39; } .rsl-provider-twitter { background: #1BA2F3; } .rsl-provider-list a:hover{ color: var(--color-2); opacity: 0.8 } #wp-description-editor-container { margin-bottom: 15px; } .form-option { margin-bottom: 10px; } .address-fields-wrapper { margin: 0 -15px; } .type-checkboxes label, .checkbox-option label, .features-checkboxes li label { display: inline-block; width: 95%; width: calc(100% - 24px); width: -webkit-calc(100% - 24px); } .rh_drag_and_drop_wrapper , .attachments-drag-drop{ border: 3px dashed rgba(0,0,0,0.15); padding: 30px 15px; border-radius: 15px; margin-bottom: 15px; text-align: center; background: #F6F7F7; } .drag-drop-msg, .attachments-drag-drop strong { font-size: 20px; margin-bottom: 10px; display: block; } .drag-or { margin-bottom: 10px; } .drag-btn #select-images, #select-attachments { background: var(--color-btn-bg); border: none; padding: 10px 15px 12px; border-radius: 20px; color: var(--color-2); font-size: 14px; cursor: pointer; } .drag-btn #select-images:hover, #select-attachments:hover { background: var(--color-btn-bg-hover) ; } .rh_max_files_limit_message { margin-bottom: 15px; display: block; } .field-description br { margin-bottom: 10px; } .attachments-drag-drop span{ display: block; margin-bottom: 10px } .checkbox-option input { float: left; margin-top: 5px } .not-found .search-form .search-submit { position: absolute; right: 0; top: 0; margin: 0; border-color: var(--color-btn-bg); border-radius: 0; } .not-found .search-form input[type="search"] { padding-right: 105px; } .ui-autocomplete { padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: var(--color-2); color: #394041; } .ui-widget.ui-widget-content { max-width: 530px !important; } .post-list-view .post .featured-image-wrapper { width: 50%; } .post-list-view .post .featured-image-wrapper .featured-image { width: 100%; } .ui-helper-hidden-accessible { display: none; } .header-banner-section .slider-text.justify-content-center{ justify-content: center; } .header-banner-section .slider-text.justify-content-right { justify-content: flex-end; } .header-banner-section { z-index: 99; } .desktop-header-wrap, .mobile-header-wrap { position: relative; z-index: 999; } /* 10.0 ===== Footer ===== */ /* -- "Footer" section (These are the styles for the Footer section) -- */ .footer-branding:hover img { opacity: 0.5; transition: all 0.3s ease 0s; } .footer-branding { margin-bottom: 15px; } .site-footer .widget-area { position: relative; padding: 100px 0 45px; } .widget-area .container { position: relative; } .site-footer .textwidget { color: rgb(166, 167, 166); } .site-footer .widget { margin: 0 0 30px; } .widget-title, .widget_block .wp-block-group__inner-container h2{ display: block; font-size: 20px; margin: 0 0 15px; position: relative; text-transform: uppercase; } .site-footer .widget-title { display: inline-block; font-size: 20px; margin: 0 0 20px; line-height: 1; padding-left: 15px; text-align: left; } .widget>ul>li, .widget>ul>li>ul>li , .widget>ul>li>ul>li>ul>li { border-bottom: 1px solid rgb(255, 255, 255, 0.2); padding-bottom: 12px } .widget>ul>li>ul , .widget>ul>li>ul>li>ul { border-top: 1px solid rgb(255, 255, 255, 0.2); padding-top: 10px } .widget>ul>li>a, .widget_block .wp-block-group__inner-container>ul>li>a { font-weight: 500; position: relative; display: block; } .contact-detail .textwidget ul li { padding-left: 30px; position: relative; } .contact-detail .textwidget ul li .contact-icon { position: absolute; left: 0; top: 2px; font-size: 18px; } .contact-detail .textwidget ul li h4 { font-size: 16px; text-transform: uppercase; margin-top: 2px; } .widget-area .gallery { margin: 0; } .widget-area .gallery-item { margin: 0; padding: 0; } .gallery-item figure { margin: 0 } .site-footer .widget ul li a { position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .site-footer .widget p, .site-footer .widget a, .site-footer .widget li, .site-footer .widget span { color: var(--color-2); } .site-footer .site-title { font-size: 20px; margin-bottom: 5px; } .site-footer .site-description { font-size: 14px; margin-bottom: 10px; } .site-header ul, .site-header ol, .site-footer ul, .site-footer ol { list-style: none; } .site-footer .widget ul ul li{ padding-left: 12px; } .site-footer .widget ul ul ul li { padding-left: 20px; } .site-info { color: var(--color-2); font-size: 14px; line-height: 20px; /*padding: 0 0 3px;*/ } .site-footer address { margin: 0; } .site-footer input[type="reset"]:hover, .site-footer input[type="button"]:hover, .site-footer input[type="submit"]:hover, .site-footer input[type="button"], .site-footer input[type="submit"] { color: var(--color-2); } .site-footer form input, .site-footer form textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .site-footer { position: relative; margin-top: -1px; } /* -- "Galleries" section (These are the styles for the Galleries section) -- */ .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-icon img { margin: 0 auto; width: 100%; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .gallery-size-thumbnail { margin: 0 -15px 20px; } .gallery { margin: 0 -15px; } .gallery-item { float: left; margin: 15px auto; overflow: hidden; padding: 0 15px; position: relative; text-align: center; vertical-align: top; } .gallery-item .featured-image { margin: 0 } .gallery-caption { -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; bottom: -100%; color: var(--color-2); left: 10px; margin: 0; padding: 6px; text-overflow: ellipsis; transition: all 0.3s ease 0s; white-space: nowrap; width: 89.5%; width: calc(100% - 20px); width: -webkit-calc(100% - 20px); } .gallery-item:hover .gallery-caption { bottom: 0; } .breadcrumb, .breadcrumb a:hover, .current-item a, .pagination a:hover, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, #wp_page_numbers li>a:hover, .wp-pagenavi li>a:hover, #main ul.default-wp-page li>a:hover { color: var(--color-2); } ::selection { background: rgba(246, 159, 15, 0.8) none repeat scroll 0 0; /* WebKit/Blink Browsers */ color: var(--color-2); } ::-moz-selection { background: rgba(246, 159, 15, 0.8) none repeat scroll 0 0; /* Gecko Browsers */ color: var(--color-2); } .entry-meta a, .logo-section, .entry-title a, .search-toggle, .entry-meta a:hover, .post .entry-meta a:hover time, .cat-links a:hover, .site-title a, .site-cart-info { color: var(--color-link); } .mean-container .mean-nav ul li a:hover, .pagination .current, .pagination a:hover, .top-header-btn a:hover, .mc4wp-form input[type="submit"], .site-footer .mc4wp-form input[type="submit"], .back-to-top button, .post-navigation .nav-links a:hover, .pagination>li>a, .pagination>li>span, #wp_page_numbers li, .wp-pagenavi li, #main ul.default-wp-page, .pagination>span, .search-form input[type="submit"]:hover, .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover>a, .main-navigation ul li.current-menu-item ul li a:hover, .mean-container .mean-nav>ul>li>a:hover { background-color: var(--color-bg-3); } .main-navigation ul li a:hover, .main-navigation li.current-menu-item a, .widget ul li a:hover, .post-column-switch ul li.active a, .contact-detail .textwidget ul li .contact-icon, .footer-login-item-wrap ul li a:hover h3, a:hover, .hgroup-contact-section li .hgroup-contact-icon a:hover, .hgroup-contact-section li .hgroup-contact-icon .fa, .inline-social-icons li a:hover, .heading .entry-title span, .mean-container a.meanmenu-reveal, .site-title>a:hover, .main-navigation>ul>li>a:hover, .site-footer a:hover, .entry-title a:hover, .entry-content>a:hover, .site-footer .widget a:hover, .site-footer .footer-navbar .main-navigation li a:hover, .view-all-btn:hover a { color: var(--color-link-hover); } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="number"]:focus, textarea:focus, .site-footer input[type="reset"]:hover, .site-footer input[type="button"]:hover, .site-footer input[type="submit"]:hover { border-color: #1E3033; } .mc4wp-form input[type="submit"], .site-footer .mc4wp-form input[type="submit"], .site-footer input:focus { border-color: var(--color-accent) } a.box-button:hover, .box-button:active, .box-button:focus, .site-footer input, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color: var(--color-2); } a, a:hover, .post-item-wrapper .post:hover .entry-meta *, .post-item-wrapper .post .entry-meta *, .post-item-wrapper .post, .post-item-wrapper .post:hover { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget ul ul { margin-top: 13px; } .single-post-wrapper .post:hover .entry-meta { background: none; } .subscribe-section .entry-header { color: var(--color-2); } .site-footer .address ul li .icon-wrap { position: absolute; left: 0; top: 4px; height: 30px; width: 30px; background: var(--color-accent); text-align: center; padding: 5px; line-height: 1; font-size: 20px; } .site-footer .address ul li.contact-icon-parent, .widget .address ul li.contact-icon-parent { position: relative; padding-left: 40px; } .subscribe-section .entry-header .entry-header { font-size: 30px; } .subscribe-section .mc4wp-form { margin-top: 0; } .subscribe-section .entry-header { margin-bottom: 0; } .widget > ul > li li a { position: relative; } .post-filter-item > form { 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; } .post-filter-item > form > select { width: 42%; width: calc(50% - 85px); width: -webkit-calc(50% - 85px); margin-right: 30px; } .post-filter-item > form > input { width: 110px; margin: 0; } #secondary .widget:last-child { margin-bottom: 0; } .has-boxed { padding-bottom: 1px; } .no-results { text-align: center; } .contact-form #ajax-loader, .contact-form .ajax-loader { display: none; } #overview .contact-form input[type=text].error, #overview .contact-form textarea.error, .contact-form input.error, .contact-form textarea.error { border: 1px solid #ff1a3a; -webkit-box-shadow: inset 0 0 1px #ff1a3a; box-shadow: inset 0 0 1px #ff1a3a; } .page-template-contact .site-main > article.hentry { margin: 0; } ::-webkit-input-placeholder { /* Edge */ color: var(--color-1); } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-1); } ::placeholder { color: var(--color-1); } .submit-form .map-wrapper .map-canvas { width: 100%; height: 352px; margin-bottom: 10px; } .site-branding { position: relative; } .site-header-row.has-no-sides-column { grid-template-columns: inherit; } .site-header-row > div.col-has-search-element, .site-header-row > div.col-has-toggle-menu-element { position: static; } .site-header-row { position: relative; } .post-item-wrapper .text-center .posted-on, #primary .post .text-center .posted-on { left: 0; right: 0; margin: auto; width: 150px; } .post-item-wrapper .text-right .posted-on, #primary .post .text-right .posted-on { left: auto; right: 15px; } .header-layout-full-width .container, .footer-layout-full-width .container, .site-header .header-layout-full-width .container, .site-footer .footer-layout-full-width .container { width: 100%; } .header-layout-contained, .footer-layout-contained{ max-width: var(--container-width); margin: 0 auto; } .header-banner-section .slider-text .post .entry-meta .meta-wrapper { margin-bottom: 0; } .calendar_wrap { overflow-x: scroll; } .mean-container .mean-nav ul li{ margin-bottom: 0 } .header-search-icon-wrap.active .fa-search:before { content: "\f00d"; font-size: 18px } .header-search-icon-wrap .search-toggle .fa { min-width: 18px; min-height: 18px; } .site-header .desktop-header-wrap .site-header-section-center .mobile-navbar .mean-container a.meanmenu-reveal { left: auto !important; right: auto !important; } .site-header .site-header-section { column-gap: 10px; } .screen-reader-text:hover, .screen-reader-text:active, .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; color: #21759b; display: block; font-size: 1.4rem; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, a:focus, a:focus-within, .main-navigation li a:focus-within { outline: 1px solid var(--color-accent-secondary); } .entry-content p a:hover{ color: var(--color-link-hover); } .share-section:hover .social-links ul, .share-section:focus-within ul, .share-section:focus ul{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .share-section .block-social-icons { position: absolute; width: 100%; left: 0; } .site-header .header-search-section.active .search-form, .site-header .header-search-section.active .search-toggle:focus .search-form, .site-header .header-search-section.active .search-toggle:focus-within .search-form { visibility: visible; opacity: 1; } .site-description { margin-bottom: 6px; } /* new styleing from here */ .widget_block h2, .widget_block.widget_search .wp-block-search__label { font-size: 20px; margin-bottom: 20px; text-transform: uppercase; position: relative; padding-bottom: 10px; color: var(--color-heading); font-weight: 600 } .widget_block h2:before, .widget_block.widget_search .wp-block-search__label:before { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 4px; background-color: var(--color-bg-3); } .site-footer .widget_block h2, .site-footer .widget_block.widget_search .wp-block-search__label { color: var(--color-heading); padding-bottom: 0px; } .site-footer .widget_block h2::before, .site-footer .widget_block.widget_search .wp-block-search__label::before { display: none } .widget_block.widget_search .wp-block-search__label { display: block; } .wp-block-search .wp-block-search__inside-wrapper { display: block; } .wp-block-search .wp-block-search__button { display: block; width: 100%; padding: 13px 10px 13px; margin: 0; margin-bottom: 10px; background: var(--color-bg-3); color: var(--color-2); height: auto; cursor: pointer; border: none; } .widget_search .wp-block-search input[type="search"]{ padding-right: 15px } .wp-block-search .wp-block-search__input { margin-bottom: 10px; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, a:focus { outline: 1px dotted; } a:focus, button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus { outline: 1px dotted; } .main-navigation ul li:focus ul, .main-navigation ul ul li:focus ul, .main-navigation ul ul ul li:focus ul, .main-navigation ul ul ul ul li:focus ul, .main-navigation ul ul ul ul ul li:focus ul, .main-navigation ul li:focus-within ul, .main-navigation ul ul li:focus-within ul, .main-navigation ul ul ul li:focus-within ul, .main-navigation ul ul ul ul li:focus-within ul, .main-navigation ul ul ul ul ul li:focus-within ul { visibility: visible; opacity: 1; top: 51px; -webkit-transition: opacity 0.5s linear; transition: all 0.5s ease 0s; } .entry-content p a{ text-decoration:underline } .entry-content p a:hover{ text-decoration:none } .wp-block-tag-cloud a { font-size: 14px !important; border: 1px solid rgba(0,0,0,0.5); padding: 5px 9px; display: inline-block; margin-bottom: 4px; } .wp-block-tag-cloud { margin-top: 15px; } .wp-block-tag-cloud a:hover, p.wp-block-tag-cloud a:hover, .site-footer .wp-block-tag-cloud a:hover { background: var(--color-bg-3); border-color: var(--color-bg-3); color: var(--color-2) } .site-footer .wp-block-tag-cloud a { border-color: var(--color-2) } #secondary .widget ul , #secondary .widget ol { margin-left: 0; padding-left: 0 } .search-toggle:focus, .header-appointment-section a:focus, .donate-now .button-donate:focus, .search-toggle:focus-within, .header-appointment-section a:focus-within, .donate-now .button-donate:focus-within { outline: 1px dotted var(--color-accent-secondary); } .wp-block-calendar tbody td#today { background: var(--color-bg-3); color: var(--color-2); } .author-info-section { background-color: #f3f3f4; padding: 40px; -webkit-box-shadow: 0 5px 12px rgba(48, 52, 66, 0.04); box-shadow: 0 5px 12px rgba(48, 52, 66, 0.04); margin-bottom: 30px; } .author-info-section .author-profile { min-width: 119px; width: 119px; margin: 0; } .author-info-section .author-details { padding: 0 0 0 29px; } .author-info-section .author-details .author-desc p { margin: 0; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 3px; } /* new style 2022 */ .heading .entry-title{ padding-left: 0 } .widget_block h2::before, .widget_block.widget_search .wp-block-search__label::before, .heading .entry-title::before { display: none } .widget-title, .widget_block .wp-block-group__inner-container h2, .widget_block h2, .widget_block.widget_search .wp-block-search__label { margin-bottom: 0 } #secondary .widget.widget_tag_cloud a:hover { color: var(--wc-primary-text); } .page-template-pagebuilder .site-content section.single-page-wrapper { padding: 0; } .site-main>.post .entry-meta > div:not(:last-child) { padding-right: 16px; } .site-main>.post .entry-meta > div:last-child:before { display: none; } .site-footer .widget-title { padding-left: 0; display: block; } .site-footer .custom-html-widget .address ul li, .widget .custom-html-widget .address ul li, .site-footer .widget_block .address ul li, .widget .widget_block .address ul li { padding-left: 0; } .nav-links a { color: var(--color-bg-3); } .slick-dots li button { background: none !important; } .desktop-footer-wrap .row.columns { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site-footer .widget .mc4wp-form input[type="submit"], .widget .mc4wp-form input[type="submit"] { position: static; width: 100%; } .widget .mc4wp-form input { padding: 5px 10px 5px; } .cat-links a { display: inline-block; } .site-header .wc-cart-widget-wrapper .widgettitle { font-size: 20px; margin-bottom: 13px; } .site-header .woocommerce-mini-cart-item .quantity { margin-top: 6px; display: inline-block; } .woocommerce .select2-container--default .select2-selection--single { border-color: var(--color-1); min-height: 41px; border-radius: 0; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 41px; color: var(--color-1); } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 39px; } .woocommerce nav.woocommerce-pagination ul{ border:none; } .woocommerce nav.woocommerce-pagination ul li{ margin: 0 5px; border:none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { width: 30px; height: 30px; line-height: 13px; border: 1px solid var(--color-accent); font-weight: 600; } .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev { position: relative; font-size: 0; } .woocommerce nav.woocommerce-pagination ul li a.next::before, .woocommerce nav.woocommerce-pagination ul li a.prev::before { display: block; font-family: "FontAwesome"; font-size: 18px; position: absolute; right: 0; text-indent: 0; z-index: 9; top: 0; bottom: 0; margin: auto; left: 0; height: 13px; } .woocommerce nav.woocommerce-pagination ul li a.next::before{ content: "\f105"; } .woocommerce nav.woocommerce-pagination ul li a.prev::before { content: "\f104"; } #primary .no-featured-image .post-detail-wrap, .post-item-wrapper .no-featured-image .post-detail-wrap { width: 100%; margin-top: 0px; padding: 0; } #primary .post.no-featured-image .entry-meta>div { padding-top: 0px; } #comments .comment-list > ol { padding-left: 0; } .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--color-accent); } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: rgba(255,255,255,0.5); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover { color: var(--color-accent); cursor: inherit; } .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { position: static; } .wishlist_table.wishlist_view { padding: 0; border: none !important; border-left: 1px solid #e7e7e7 !important } .woocommerce table.shop_table.wishlist_table.wishlist_view td { border-top: none; border-left: none; } .woocommerce table.shop_table.wishlist_table.wishlist_view th { border-left: none; } .woocommerce table.shop_attributes th { border-right: none; } .woocommerce table.shop_attributes { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 0; } .woocommerce table.shop_table { padding: 0; border: none; border-left: 1px solid rgba(0,0,0,.1); } .woocommerce table.shop_table th { border-left: none; } .woocommerce table.shop_table td { border-left: none; border-top: none !important; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-cart .cart-collaterals .cart_totals table th { border-top: none; } .cart_totals table { border-top: 1px solid rgba(0,0,0,.1) !important; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { border-right: 1px solid rgba(0,0,0,.1); } .woocommerce table.cart td.actions .coupon input[type="text"] { min-width: 110px; } .woocommerce form .form-row { padding: 0; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background: var(--color-accent); } .variations_form.cart table { padding: 0; } .site-header-row { min-height: 80px; display: grid; grid-template-columns: auto auto; } .site-header-row.has-center-column { grid-template-columns: 1fr auto 1fr; } .site-header-row.has-only-center-column { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .site-header-row.has-only-center-column .site-header-section-center { -webkit-flex-grow: 1; flex-grow: 1; } .site-header-section { max-height: inherit; } .box-button{ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } /*-------------------------------------------------------------- # Primary --------------------------------------------------------------*/ #primary { width: 100%; -ms-flex-order: 2; order: 2; } @media (min-width: 1024px) { .have-sidebar #primary.content-area { padding-right: 25px; } .have-sidebar #primary { width: calc(100% - 380px); } } /*-------------------------------------------------------------- # Secondary --------------------------------------------------------------*/ #secondary { width: 100%; min-height: 80vh; height: 100%; } .right-sidebar, .default-sidebar { -ms-flex-order: 3; order: 3; } .left-sidebar { -ms-flex-order: 1; order: 1; } @media (min-width: 1024px) { .have-sidebar #secondary.right-sidebar { padding-left: 25px; } .have-sidebar #secondary.left-sidebar { padding-right: 25px; } .have-sidebar #secondary { width: 380px; } } /*-------------------------------------------------------------- # Featured Image --------------------------------------------------------------*/ .featured-image { position: relative; width: 100%; background-color: #dbdcdf; } .featured-image a { z-index: 10; } .featured-image:has([data-ratio="auto"]) a { position: relative; } .featured-image a::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #dbdcdf; } .featured-image img { width: 100%; z-index: 1; border-radius: inherit; } .featured-image:not([data-ratio="auto"]) { height: 0; /*padding-bottom: 100%;*/ } .featured-image:not([data-ratio="auto"]) img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .featured-image[data-ratio="1x1"] { padding-bottom: 100%; } .featured-image[data-ratio="3x2"] { padding-bottom: calc(100% * 2 / 3 ); } .featured-image[data-ratio="4x3"] { padding-bottom: calc(100% * 3 / 4 ); } .featured-image[data-ratio="16x9"] { padding-bottom: calc(100% * 9 / 16 ); } .featured-image[data-ratio="21x9"] { padding-bottom: calc(100% * 9 / 21 ); } .featured-image[data-ratio="21x11"] { padding-bottom: calc(100% * 11 / 21 ); } .featured-image[data-ratio="21x10"] { padding-bottom: calc(100% * 10 / 21 ); } .featured-image[data-ratio="2x3"] { padding-bottom: calc(100% * 3 / 2 ); } .featured-image[data-ratio="3x4"] { padding-bottom: calc(100% * 4 / 3 ); } /*-------------------------------------------------------------- # Display --------------------------------------------------------------*/ .d-none { display: none; } .d-inline-block { display: inline-block; } .d-block { display: block; } .d-flex { display: -ms-flexbox; display: flex; } .d-inline-flex { display: -ms-inline-flexbox; display: inline-flex; } @media only screen and (min-width: 720px) { .d-md-none { display: none; } .d-md-inline-block { display: inline-block; } .d-md-block { display: block; } .d-md-flex { display: -ms-flexbox; display: flex; } .d-md-inline-flex { display: -ms-inline-flexbox; display: inline-flex; } } @media only screen and (min-width: 1024px) { .d-lg-none { display: none; } .d-lg-inline-block { display: inline-block; } .d-lg-block { display: block; } .d-lg-flex { display: -ms-flexbox; display: flex; } .d-lg-inline-flex { display: -ms-inline-flexbox; display: inline-flex; } } /*-------------------------------------------------------------- # Flex --------------------------------------------------------------*/ .flex-row { -ms-flex-direction: row; flex-direction: row; } .flex-column { -ms-flex-direction: column; flex-direction: column; } .flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-content-center { -ms-flex-pack: center; justify-content: center; } .justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .align-items-start { -ms-flex-align: start; align-items: flex-start; } .align-items-end { -ms-flex-align: end; align-items: flex-end; } .align-items-center { -ms-flex-align: center; align-items: center; } .align-items-baseline { -ms-flex-align: baseline; align-items: baseline; } .align-items-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-content-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-end { -ms-flex-line-pack: end; align-content: flex-end; } .align-content-center { -ms-flex-line-pack: center; align-content: center; } .align-content-between { -ms-flex-line-pack: justify; align-content: space-between; } .align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } @media only screen and (min-width: 720px) { .flex-md-row { -ms-flex-direction: row; flex-direction: row; } .flex-md-column { -ms-flex-direction: column; flex-direction: column; } .flex-md-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-md-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-md-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-md-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .justify-content-md-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-md-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-content-md-center { -ms-flex-pack: center; justify-content: center; } .justify-content-md-between { -ms-flex-pack: justify; justify-content: space-between; } .align-items-md-start { -ms-flex-align: start; align-items: flex-start; } .align-items-md-end { -ms-flex-align: end; align-items: flex-end; } .align-items-md-center { -ms-flex-align: center; align-items: center; } .align-items-md-baseline { -ms-flex-align: baseline; align-items: baseline; } .align-items-md-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-content-md-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-md-end { -ms-flex-line-pack: end; align-content: flex-end; } .align-content-md-center { -ms-flex-line-pack: center; align-content: center; } .align-content-md-between { -ms-flex-line-pack: justify; align-content: space-between; } .align-content-md-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1024px) { .flex-lg-row { -ms-flex-direction: row; flex-direction: row; } .flex-lg-column { -ms-flex-direction: column; flex-direction: column; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-lg-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-lg-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .justify-content-lg-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-lg-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-content-lg-center { -ms-flex-pack: center; justify-content: center; } .justify-content-lg-between { -ms-flex-pack: justify; justify-content: space-between; } .align-items-lg-start { -ms-flex-align: start; align-items: flex-start; } .align-items-lg-end { -ms-flex-align: end; align-items: flex-end; } .align-items-lg-center { -ms-flex-align: center; align-items: center; } .align-items-lg-baseline { -ms-flex-align: baseline; align-items: baseline; } .align-items-lg-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-content-lg-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-lg-end { -ms-flex-line-pack: end; align-content: flex-end; } .align-content-lg-center { -ms-flex-line-pack: center; align-content: center; } .align-content-lg-between { -ms-flex-line-pack: justify; align-content: space-between; } .align-content-lg-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } } /*-------------------------------------------------------------- # Text Alignment --------------------------------------------------------------*/ .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /*-------------------------------------------------------------- # Columns --------------------------------------------------------------*/ .columns { --w-100: 100%; --w-50: 50%; --w-33: 33.333333%; --w-25: 25%; --w-20: 20%; --w-16: 16.666666%; --v1: 0 0 var(--w-100); --v2: 0 0 var(--w-50); --v3: 0 0 var(--w-33); --v4: 0 0 var(--w-25); --v5: 0 0 var(--w-20); --v6: 0 0 var(--w-16); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .columns > .column { flex-grow: 1; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .columns[data-columns="1"] > .column { -ms-flex: var(--v1); flex: var(--v1); max-width: var(--w-100); } .columns[data-columns="2"] > .column { -ms-flex: var(--v2); flex: var(--v2); max-width: var(--w-50); } .columns[data-columns="3"] > .column { -ms-flex: var(--v3); flex: var(--v3); max-width: var(--w-33); } .columns[data-columns="4"] > .column { -ms-flex: var(--v4); flex: var(--v4); max-width: var(--w-25); } .columns[data-columns="5"] > .column { -ms-flex: var(--v5); flex: var(--v5); max-width: var(--w-20); } .columns[data-columns="6"] > .column { -ms-flex: var(--v6); flex: var(--v6); max-width: var(--w-16); } @media only screen and (min-width: 720px) { .columns[data-columns-md="1"] > .column { -ms-flex: var(--v1); flex: var(--v1); max-width: var(--w-100); } .columns[data-columns-md="2"] > .column { -ms-flex: var(--v2); flex: var(--v2); max-width: var(--w-50); } .columns[data-columns-md="3"] > .column { -ms-flex: var(--v3); flex: var(--v3); max-width: var(--w-33); } .columns[data-columns-md="4"] > .column { -ms-flex: var(--v4); flex: var(--v4); max-width: var(--w-25); } .columns[data-columns-md="5"] > .column { -ms-flex: var(--v5); flex: var(--v5); max-width: var(--w-20); } .columns[data-columns-md="6"] > .column { -ms-flex: var(--v6); flex: var(--v6); max-width: var(--w-16); } } @media only screen and (min-width: 1024px) { .columns[data-columns-lg="1"] > .column { -ms-flex: var(--v1); flex: var(--v1); max-width: var(--w-100); } .columns[data-columns-lg="2"] > .column { -ms-flex: var(--v2); flex: var(--v2); max-width: var(--w-50); } .columns[data-columns-lg="3"] > .column { -ms-flex: var(--v3); flex: var(--v3); max-width: var(--w-33); } .columns[data-columns-lg="4"] > .column { -ms-flex: var(--v4); flex: var(--v4); max-width: var(--w-25); } .columns[data-columns-lg="5"] > .column { -ms-flex: var(--v5); flex: var(--v5); max-width: var(--w-20); } .columns[data-columns-lg="6"] > .column { -ms-flex: var(--v6); flex: var(--v6); max-width: var(--w-16); } } /*-------------------------------------------------------------- # Footer Sidebar --------------------------------------------------------------*/ .site-footer .footer-sidebar-wrap{ width: 100%; } ul.header-social-wrap li, ul.footer-social-wrap li { margin: 0; } /*-------------------------------------------------------------- # Footer Widget --------------------------------------------------------------*/ .site-footer .column.justify-content-center .footer-sidebar-wrap .widget { text-align: center; } .site-footer .column.justify-content-start .footer-sidebar-wrap .widget { text-align: left; } .site-footer .column.justify-content-end .footer-sidebar-wrap .widget { text-align: right; } @media only screen and (min-width: 720px) { .site-footer .column.justify-content-md-center .footer-sidebar-wrap .widget { text-align: center; } .site-footer .column.justify-content-md-start .footer-sidebar-wrap .widget { text-align: left; } .site-footer .column.justify-content-md-end .footer-sidebar-wrap .widget { text-align: right; } } @media only screen and (min-width: 1024px) { .site-footer .column.justify-content-lg-center .footer-sidebar-wrap .widget { text-align: center; } .site-footer .column.justify-content-lg-start .footer-sidebar-wrap .widget { text-align: left; } .site-footer .column.justify-content-lg-end .footer-sidebar-wrap .widget { text-align: right; } } .related-post-section .entry-meta .cat-links a:not(:last-child):after, .entry-footer .category-list a:not(:last-child):after, .entry-footer .cat-links a:not(:last-child):after, .entry-footer .tags-links a:not(:last-child):after { content: ","; } .entry-content .edit-link { margin-top: 10px; } /* new styling from here */ #primary .post { margin-bottom: 80px; } .site-content { padding-top: 50px; } .page-template .site-content { padding-top: 0; } #primary .post.has-portrait-layout .featured-image + .entry-content-wrap, .single-page-wrapper #primary .post.has-portrait-layout .featured-image + .entry-header { padding-left: 50px; width: 55%; } .post .post-detail-wrap .entry-header { padding-bottom: 30px; } .post .post-detail-wrap .read-more-wrap { padding-top: 5px; padding-bottom: 15px; } .read-more-wrap .read-more-button:hover { color: var(--color-btn); } .post .post-detail-wrap .entry-title { font-size: 28px; } #primary .post .post-detail-wrap .featured-image { position: relative; overflow: hidden; } .post .post-detail-wrap .featured-image::before { position: absolute; content: "\f1ea"; font-size: 25px; font-family: "FontAwesome"; display: block; z-index: 99; top: 15px; right: 15px; line-height: 1; background: rgba(255,255,255,0.4); padding: 4px 5px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .post .post-detail-wrap .featured-image:hover:before { top: -50px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; visibility: hidden; } .single-post-wrapper .post .post-detail-wrap .featured-image:hover:before { top: 15px; opacity: 1; visibility: visible; } .post .post-detail-wrap .featured-image .post-thumbnail { height: 100%; width: 100%; display: block; position: absolute; } #primary .post.has-portrait-layout .post-detail-wrap .featured-image { width: 45%; } #primary .post.has-landscape-layout .post-detail-wrap .entry-content-wrap, #primary .post.has-landscape-layout .post-detail-wrap .entry-header-wrap .entry-header{ width: 90%; margin: 0 auto; padding: 50px 0 10px; } #primary .post.no-featured-image.has-landscape-layout .post-detail-wrap .entry-content-wrap, #primary .post.no-featured-image.has-landscape-layout .post-detail-wrap .entry-header-wrap .entry-header { width: 100%; padding: 0; margin: 0; } .post .post-detail-wrap .featured-image .post-thumbnail::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: "\f1ea"; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); font-size: 25px; color: var(--color-2); background-color: rgba(0, 0, 0, 0.5); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "FontAwesome"; -webkit-transition: -webkit-transform .4s ease-in; transition: -webkit-transform .4s ease-in; -o-transition: transform .4s ease-in; transition: transform .4s ease-in; transition: transform .4s ease-in, -webkit-transform .4s ease-in; border: 2px solid rgba(255,255,255);; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; } .post .post-detail-wrap .featured-image .post-thumbnail:after { width: 100%; height: 100%; position: absolute; top: 0; left:0; content: "\f1ea"; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); font-size: 25px; color:var(--color-2); background-color: rgba(0, 0, 0, 0.5); z-index: 1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "FontAwesome"; -webkit-transition: -webkit-transform .4s ease-in; transition: -webkit-transform .4s ease-in; -o-transition: transform .4s ease-in; transition: transform .4s ease-in; transition: transform .4s ease-in, -webkit-transform .4s ease-in; border:2px solid rgba(255,255,255); justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .post.sticky .post-detail-wrap .featured-image::before, .post.sticky .post-detail-wrap .featured-image .post-thumbnail::before, .post.sticky .post-detail-wrap .featured-image .post-thumbnail::after { content: "\f08d"; } .post .post-detail-wrap .featured-image .post-thumbnail:hover::before{ -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .post .post-detail-wrap .featured-image .post-thumbnail:hover::after{ -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .post .post-detail-wrap .featured-image .post-thumbnail:hover img{ -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .post .post-detail-wrap .featured-image img{ -webkit-transition: -webkit-transform 0.8s ease-in; transition: -webkit-transform 0.8s ease-in; -o-transition: transform 0.8s ease-in; transition: transform 0.8s ease-in; transition: transform 0.8s ease-in, -webkit-transform 0.8s ease-in; } #primary, #secondary { margin-bottom: 50px; } .page-template #primary, .page-template #secondary { margin-bottom: 0; } /* #primary .post .entry-meta > div a, .post .entry-meta > div a { margin-bottom: 5px; display: inline-block; } */ .site-footer ul, .site-header ul, .breadcrumbs ul { padding-left: 0; } .error404 #content { padding-top: 0; } .site-header input::-webkit-input-placeholder, .site-header textarea::-webkit-input-placeholder { color: var(--color-2); } .site-header input::-moz-placeholder, .site-header textarea::-moz-placeholder { color: var(--color-2); } .site-header input:-ms-input-placeholder, .site-header textarea:-ms-input-placeholder { color: var(--color-2); } .site-header input::-ms-input-placeholder, .site-header textarea::-ms-input-placeholder { color: var(--color-2); } .site-header input::placeholder, .site-header textarea::placeholder { color: var(--color-2); } #primary .post.has-landscape-layout .post-detail-wrap .entry-content-wrap .edit-link { padding-top: 25px; } .fb_iframe_widget span { max-width: 100%; } .site-header .site-branding .site-logo .custom-logo { max-width: 200px; } .wp-block-button, .wp-block-cover-image, .wp-block-cover { margin-bottom: 8px; } #theme-toggle { padding: 0; border: none; background: transparent; } #theme-toggle span { cursor: pointer; display: inline-block; } html[data-theme="dark"] #theme-toggle span.color-light { display: none; } html[data-theme="light"] #theme-toggle span.color-dark { display: none; } #theme-toggle span.color-light i{ color: var(--color-1); } #theme-toggle span.color-dark i{ color: var(--color-1); } .page-title-wrap .cat-links a { position: relative; } .page-title-wrap .cat-links a:not(:last-child) { margin-right: 5px; } .page-title-wrap .cat-links a:not(:last-child)::after { position: absolute; display: block; bottom: 0; right: -5px; content: ","; }