/*
Theme Name: Implicit Child Theme
description: >-
A child theme of the Implicit theme
Author: Ahsan Shahid
Template: implicit
Version: 1.0.0
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:200,300,400,500,700&display=swap");
body.it-background {
font-size: 16px;
font-family: 'Roboto';
}
h1,
h2,
h3,
h4 {
font-family: 'Roboto Slab' !important;
color: black;
}
h1 {
font-weight: 200 !important;
font-size: 6.25rem !important;
text-transform: uppercase;
}
h1.h1-smaller {
font-weight: 200;
font-size: 5rem;
}
h2 {
font-weight: 600 !important;
font-size: 4.5rem !important;
text-transform: capitalize !important;
color: rgba(0, 0, 0, 0.7);
}
h3 {
font-weight: 600 !important;
font-size: 2.5rem;
}
h4 {
font-weight: 600 !important;
font-size: 2.1rem;
}
h4.h4-smaller {
font-weight: 500;
font-size: 1rem;
}
a.smaller {
font-family: 'Roboto';
font-weight: 400;
font-size: 1.2rem;
color: #c63046;
text-transform: uppercase;
font-style: normal;
}
a.bigger {
font-family: 'Roboto';
font-weight: bold;
font-size: 1.25rem;
color: #c63046;
text-transform: uppercase;
font-style: normal;
}
a.global-menu {
font-family: 'Roboto';
font-weight: 400;
font-size: 1.25rem;
color: black;
}
p,
ul,
ol,
input::placeholder {
font-family: 'Roboto';
font-weight: 300;
font-size: 1.9rem;
color: black;
margin-bottom: 1.25rem;
line-height: 2.7rem;
}
ul,
ol {
line-height: 2.8rem !important;
}
p.highlighted-text {
color: "#c63046";
font-family: 'Roboto Slab';
font-weight: lighter;
font-size: 1.25rem;
line-height: 0.9rem;
margin-bottom: 1.25rem;
}
p.smaller {
color: "#c63046";
font-family: 'Roboto Slab';
font-size: 1rem;
font-weight: lighter;
line-height: 0.5rem;
margin-bottom: 0.5rem;
}
p a {
font-family: 'Roboto';
color: #c63046 !important;
font-weight: normal;
}
.padding-150 {
padding: 9.375rem;
}
.padding-100 {
padding: 6.25rem;
}
.padding-75 {
padding: 4.6875rem;
}
.padding-50 {
padding: 3.125rem;
}
.padding-30 {
padding: 1.875rem;
}
.break-out {
width: 100vw;
position: relative;
background: #e6e6e6;
left: calc(-1 * (100vw - 100%) / 2);
}
.grey-background {
background: #e6e6e6;
width: 100vw;
}
.black-links {
color: black !important;
}
/* #page-content {
padding-top: 6.25rem;
} */
/*# sourceMappingURL=style.css.map */
/* ----------------------------- */
/* Header Section */
/* ----------------------------- */
/* ul.navbar-nav li.dropdown:hover>ul.dropdown-menu,
ul.about-page-menu li.dropdown:hover>ul.dropdown-menu {
display: block;
} */
.dropdown-menu {
background-color: transparent !important;
border: none !important;
box-shadow: unset;
}
.nav-toggle {
float: right;
}
.navbar-nav {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.dropdown-toggle::before {
font-family: "Font Awesome 5 Free";
content: "\f078" !important;
display: inline-block;
padding-right: 6px;
vertical-align: end;
font-weight: 900;
border-top: none !important;
border-bottom: none !important;
border-right: none !important;
border-left: none !important;
}
.dropdown-up-arrow:before {
font-family: "Font Awesome 5 Free";
content: "\f077" !important;
display: inline-block;
padding-right: 6px;
vertical-align: end;
font-weight: 900;
border-top: none !important;
border-bottom: none !important;
border-right: none !important;
border-left: none !important;
}
.nav-links-layout-container .dropdown-toggle::before {
content: none;
}
.dropdown-toggle::after {
display: none !important;
}
.dropdown-item hr {
display: none;
}
#site-logo {
max-height: 100%;
}
#sticky-bar {
height: 65px;
}
.after-header {
margin-top: 0;
}
.navbar-container {
height: 100%;
display: flex;
align-items: center;
}
.social-badges {
display: flex;
align-items: center;
}
.sticky-controls {
display: flex;
justify-self: space-between;
align-items: center;
}
.social-icon-img {
max-height: 60%;
}
#menu-search {
width: 100px;
}
#menu-search input#s {
width: 94px;
}
.search-results-container {
margin-top: 100px;
}
.sticky-account {
padding: 10px 8px 0 8px !important;
}
.vertical-lines {
height: 25px;
border: 1px solid rgba(0, 0, 0, 0.5);
}
.search-icon {
display: block;
z-index: 217;
position: absolute;
height: 16px;
width: 16px;
padding: 14px 9px 0 9px;
font-size: 16px;
color: #c63046;
cursor: pointer;
}
#searchformtop {
display: none;
}
#menu-search input#s,
#nav-search input#s-nav {
padding: 8px 0 0 35px;
text-transform: capitalize;
font-family: 'Roboto';
}
.post-container.post-grid {
margin: 0 auto;
}
.post-grid .half-new {
width: 50%;
height: 364px;
}
.page-banner {
margin-top: 65px;
min-height: 90vh;
background-size: cover;
background-position: center center;
position: relative;
max-width: 100%;
}
.page-banner h1::first-letter {
color: #c63046;
}
.page-banner-content {
text-align: center;
margin: auto;
width: 85%;
}
.full-logo {
width: 80%;
}
.page-banner-heading {
font-size: 8.5rem !important;
}
.page-banner-content h1,
.page-banner-content .full-logo {
padding-top: 5%;
}
.img-div img {
left: 50%;
transform: translate(-50%, 0);
}
.page-banner-scroll-icon {
width: 7%;
position: absolute;
left: 0;
right: 0;
bottom: 5%;
}
/* Navigation Menu Styles */
.menu-footer-menu-column-1-container ul,
.menu-footer-menu-column-2-container ul,
.menu-footer-menu-column-3-container ul,
.menu-navigation-container ul {
list-style: none;
font-family: 'Roboto Slab';
font-size: 13px;
font-weight: bold;
color: black;
text-transform: uppercase;
}
.dropdown-menu>li>a {
white-space: normal !important;
width: 280px !important;
}
/* Blog Post Styles */
/* .blog-content {
max-width: 400px;
}
*/
.blog-content h3 {
font-size: 2.5rem !important;
line-height: 26px !important;
}
.new-blog-post {
display: block;
width: 100%;
margin: 0 auto;
}
/* Top Ten Styles */
.post-container.top-ten {
background: #e6e6e6;
}
.top-ten .overlay-panel,
.top-ten .textfill,
.scroller .textfill {
height: auto !important;
}
.top-ten .overlay-panel {
/* width: 18%; */
margin-right: 15px;
}
.top-ten-content:nth-child(5),
.top-ten-content:nth-child(10) {
margin-right: 0;
}
#main-content .scroller {
margin-left: 0;
}
/* Author section styles */
.author-link a {
border-bottom: 1px solid #c63046;
}
.author-link a:hover {
text-decoration: none;
}
.author-name a {
text-transform: capitalize;
}
/* Footer Styles */
.widget-panel.mid {
border-left: 1px solid #e6e6e6;
}
#footer {
margin-top: 0;
}
.footer-links a,
.copyright-line p {
font-size: 1.2rem !important;
margin-bottom: 0 !important;
}
.footer-links a {
color: black !important;
font-weight: 300;
}
/* Forum Lnks ShortCode */
#main-content h4 {
font-family: 'Roboto Slab';
text-transform: capitalize;
font-size: 2.0rem;
color: black;
line-height: 2rem;
font-weight: 500;
}
.forum-child-page-link {
color: black !important;
}
.forum-links-container {
padding-top: 6%;
padding-bottom: 3%;
}
.forum-link-item {
padding-bottom: 4%;
}
/* Email Subscription Form */
.feedburner_subscribe {
width: 100%;
}
.feedburner_subscribe input.email-textbox {
font-family: 'Roboto';
font-weight: lighter;
font-size: 1.6rem;
color: black;
border: none;
border-bottom: 1px solid black;
background: none;
width: 100%;
position: relative;
z-index: 7;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
}
.mailing-list-link {
cursor: pointer;
border-bottom: 1px solid #c63046;
}
.mailing-list-link:hover {
text-decoration: none;
}
/* Page Sidebar Styles */
.latest-posts-container.col-10 {
padding-left: 0 !important;
}
.latest-posts-desc p {
font-size: 1.2rem;
line-height: 1.5rem;
}
.articles.post-container.scroller.compact.widget_c {
margin-left: 0 !important;
}
/* About Page Nav Links */
.about-page-menu {
display: flex;
flex-wrap: wrap;
flex-direction: row !important;
}
.about-page-menu li {
width: 25%;
}
.about-page-menu li:not(:last-child) {
margin-right: 5%;
}
.nav-links-layout-container {
padding: 75px 0;
margin-left: 7% !important;
margin-right: 0 !important;
max-width: 90% !important;
}
.menu-items-descriptions {
font-size: 1.5rem;
line-height: 1.9rem;
text-transform: none;
}
.fa .fa-envelope {
color: #c63046 !important;
}
/* Single Post Styles */
/*
.billboard-image {
position: relative !important;
} */
.billboard-avatar,
.billboard-subtitle,
.billboard-authorship,
.billboard-title {
visibility: hidden;
}
.block {
display: block;
width: 100%;
}
.tags {
font-family: 'Roboto';
font-weight: lighter;
font-size: 1.6rem;
color: black;
margin-bottom: 1.25rem;
line-height: 2.5rem;
border-bottom: 1px black solid;
text-transform: capitalize;
margin-right: 10px;
}
.tags:hover {
text-decoration: none;
}
.author-image img {
border-radius: 0 !important;
}
.author-info {
border: 1px solid rgba(0, 0, 0, 0.7);
}
.authorinfo .author-info {
padding: 30px 10px;
}
.authorinfo {
background: none;
margin: 0 0 0 10px;
padding-bottom: 60px;
}
.authorinfo .author-profile-fields {
margin-left: 0;
}
.authorinfo .author-profile-fields a {
color: black !important;
}
/* Icons Updates */
.theme-icon-commented:before {
font-family: 'Font Awesome\ 5 Free';
content: '\f4ad';
font-weight: 900;
margin-right: 10px;
}
.theme-icon-viewed:before {
font-family: 'Font Awesome\ 5 Free';
content: '\f06e';
margin-right: 10px;
}
.theme-icon-search:before {
font-family: 'Font Awesome\ 5 Free';
content: '\f002';
margin-right: 10px;
}
.single-content {
padding: 0 !important;
}
#recommended {
margin-top: 0;
}
/* Share posts BAR */
.share-buttons {
font-family: 'Roboto Slab';
line-height: 0.7rem;
font-size: 1.5rem;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 30px;
z-index: 2;
position: relative;
text-align: center;
list-style-type: none;
padding: 0;
display: flex;
flex-flow: row wrap;
align-content: flex-start;
align-items: center;
}
.share-buttons li {
margin-right: 20px;
}
/* Comments */
.comments-container {
/* margin-left: 5%; */
max-width: 95%;
margin-top: 50px;
}
.comment-picture img {
border-radius: 0;
}
#comments .comment-meta {
top: 0;
color: black;
font-size: 1.75rem;
}
#comments a.comment-meta {
color: black !important;
}
.comment-username {
text-transform: capitalize;
}
#comments .comment-text {
padding: 0;
}
.li-comment-box {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.li-comment-box .children li {
border-bottom: none;
}
.comments.big-like a.like-button {
font-size: unset !important;
}
.comments.big-like .icon {
display: inline-block !important;
top: 0 !important;
}
.comments .numcount {
font-family: 'Roboto' !important;
font-weight: lighter !important;
}
.comments.big-like {
text-align: left !important;
}
.comment-replies-counter {
margin-left: 15px;
}
#comments .theme-icon-commented:before {
color: black !important;
}
.comment-fields-inner input[type="text"],
.comment-fields-inner input[type="text"],
.comment-fields-inner input[type="text"] {
/* All browsers*/
line-height: 2;
}
::-webkit-input-placeholder {
color: red;
}
::-moz-placeholder {
color: red;
}
::-ms-placeholder {
color: red;
}
::placeholder {
color: red;
}
/* Single Page Top Navigation */
#postnav {
border-bottom: none;
margin-top: 25px;
font-family: 'Roboto';
font-weight: lighter;
font-size: 1.6rem;
color: black;
margin-bottom: 1.25rem;
line-height: 2.5rem;
padding-left: 0;
padding-right: 0;
}
#postnav>div,
#postnav span {
color: black;
}
.theme-icon-previous::before {
font-family: 'Font Awesome\ 5 Free';
content: '\f053';
font-weight: 900;
}
#postnav .previous-button a.nav-link {
background: none !important;
}
#postnav .next-button a.nav-link {
background: none !important;
}
.theme-icon-next::before {
font-family: 'Font Awesome\ 5 Free';
content: '\f054';
font-weight: 900;
}
#sticky-nav,
#sticky-nav-inner {
margin-top: 65px;
width: 100%;
height: 120%;
position: fixed;
}
#sticky-nav-inner {
position: static;
margin-top: 10%;
}
.theme-icon-list::before {
content: none;
}
.theme-icon-list #nav-icon-close {
display: none;
}
#section-menu .menu-footer-menu-column-1-container ul,
#section-menu .menu-footer-menu-column-2-container ul,
#section-menu .menu-footer-menu-column-3-container ul {
font-size: 16px;
}
#section-menu .menu-box {
max-width: 30%;
min-width: 280px;
}
/* Posts/Events Filter */
.posts_events_filter_text {
font-weight: 200 !important;
font-size: 4.5rem !important;
}
.posts-events-sortbar a {
cursor: pointer;
}
.posts-events-sortbar a.active {
font-weight: bold;
}
/* Tag Filter */
.tag-filter-text {
font-weight: 600 !important;
font-size: 2rem;
font-family: 'Roboto Slab';
color: black;
}
.bar-header.sortbar {
visibility: hidden !important;
}
select#tags-filter {
font-family: 'Font Awesome\ 5 Free', 'Roboto';
font-weight: lighter;
font-size: 1.6rem;
color: black;
margin-bottom: 1.25rem;
line-height: 2.5rem;
}
.tags-filter-wrapper select {
/* -webkit-appearance: none;
-moz-appearance: none;
appearance: none; */
/* Add some styling */
font-family: 'Font Awesome\ 5 Free', 'Roboto';
max-width: 320px;
margin: 0 5px;
font-size: 18px;
line-height: 1.75;
color: black;
background-color: #ffffff;
background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right !important;
-webkit-appearance: none;
background-position-x: 100% !important;
-ms-word-break: normal;
word-break: normal;
border: none;
}
#tags-filter {
width: 40px;
}
#width_tmp_select {
display: none;
}
.overlay-link:hover {
text-decoration: none;
}
/* Fix for Grid shortcode responsive images */
.articles.post-container.post-grid img,
.articles.directory.container.directory-loop.post-grid img {
max-width: 100%;
height: 380px !important;
}
/* Page Banner Mobile Logo */
.page-banner-content .mobile-logo {
max-width: 100%;
display: none;
}
/* Responsive Styles */
/* Desktop */
@media screen and (min-width: 1023px) and (max-width: 5000px) {
.container-fluid.single-page {
width: 85%;
}
.comments-container {
margin-left: 15%;
max-width: 80%;
}
}
/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.nav-toggle {
margin-right: 15px;
}
#main-content h1.single-title {
line-height: 1.1;
}
h1.main-title.archive-title {
line-height: 53px;
}
}
/* Mobile */
@media screen and (min-width: 424px) and (max-width: 768px) {
h2.posts_events_filter_text {
line-height: 45px !important;
}
h1.main-title.archive-title {
font-size: 4.5rem !important;
line-height: 45px;
}
}
/* Small Mobile */
@media screen and (min-width: 300px) and (max-width: 425px) {}
/* Custom */
@media screen and (max-width: 500px) {
.footer-logo-2 {
margin-left: -20px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dppx) {
#site-logo {
display: block;
}
}
@media (max-width: 600px) {
#sticky-controls {
right: 20%;
}
#sticky-nav {
margin-top: 107px;
overflow-y: auto;
}
#sticky-nav,
#sticky-nav-inner {
height: 150%;
}
.about-page-menu li {
width: 100%;
}
.one_third {
width: 100%;
}
.page-banner-heading {
font-size: 4.5rem !important;
}
.nav-toggle {
margin-right: 15px;
}
h1 {
font-weight: 200 !important;
font-size: 4.25rem !important;
text-transform: uppercase;
}
h1.h1-smaller {
font-weight: 200;
font-size: 3rem;
}
h2 {
font-weight: 600 !important;
font-size: 2.5rem !important;
text-transform: capitalize !important;
color: rgba(0, 0, 0, 0.7);
}
#main-content h1.single-title,
h1.main-title.archive-title {
line-height: 38px;
margin-top: 68px;
}
.top-ten-content .overlay-panel {
margin-left: auto !important;
margin-right: auto !important;
}
.footer-logo-1 div {
width: 40%;
margin-right: 20px;
}
.footer-logo-2 div {
width: 50%;
}
.widget-panel.mid .menu-footer-menu-column-2-container {
margin-left: -15px;
}
.widget-panel.mid .menu-footer-menu-column-3-container {
margin-left: -15px;
}
#section-menu div {
display: block !important;
}
#section-menu .menu-footer-menu-column-1-container {
margin-left: 45px;
}
#section-menu .menu-footer-menu-column-2-container,
#section-menu .menu-footer-menu-column-3-container {
margin-left: 30px;
}
.author-info {
max-width: 100%;
}
.articles.post-container.post-grid img,
.articles.directory.container.directory-loop.post-grid img {
height: auto !important;
}
.billboard-image {
width: 100vw;
position: relative;
background: #e6e6e6;
left: calc(-1 * (100vw - 100%) / 2);
margin-top: 12px;
height: 60%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.after-billboard {
margin-top: -130px;
}
.page-banner-content .full-logo {
display: none;
}
.page-banner-content .mobile-logo {
display: block;
}
.top-ten .overlay-panel {
width: 45%;
}
}
@media (max-width: 440px) {
#site-logo {
display: block !important;
}
.page-banner-heading {
font-size: 3.5rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
.one_third {
width: 40%;
}
}
/* Post nav fix */
#postnav {
margin-top: 67px !important;
}
h1.main-title.archive-title {
line-height: 55px;
}
.subpage-template-padding {
padding-top: 50px;
padding-bottom: 50px;
}
.subpage-shortcode-container .articles {
margin-left: -25px;
margin-right: -15px;
}
.latest-posts-title {
font-size: 1.7rem !important;
}
.latest-posts-desc p {
font-size: 1.5rem !important;
line-height: 2.0rem !important;
}
.blog-content {
max-width: 530px;
}
.related-posts-title {
font-size: 4rem !important;
margin-left: 10px;
}
/* FIX Mobile issue 04/05/2020 */
@media only screen and (max-width: 767px) {
.subpage-template-padding .wp-block-image .alignright{
width: 100%;
float: none;
margin-left: 0px;
}
.subpage-template-padding .wp-block-image img {
width: 100%;
height: auto;
}
}
/* FIX Padding and Footer Menu Issue 06/05/2020 */
body.home.page-template-default #main-content{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.page-template-default #main-content{
padding-top: 40px;
padding-bottom: 40px;
}
.dropdown-toggle{
white-space: normal !important;
}
.page-banner-short {
min-height: 60vh;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items: center;
padding: 0 !important;
justify-content: center;
}
.page-banner-short .page-banner-heading{
padding-top: 0px !important;
}
/* MAILCHIMP FOOTER STYLE 08/07/2021 */
#mc_embed_signup form{
width: 92%;
}
#mc_embed_signup #mce-EMAIL{
font-family: 'Roboto';
font-weight: lighter;
font-size: 1.6rem;
color: black;
border: none;
border-bottom: 1px solid black;
background: none;
width: 100%;
position: relative;
z-index: 7;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
}
#mc_embed_signup #mc-embedded-subscribe{
-webkit-appearance: none;
font-family: 'Roboto';
font-weight: 400;
font-size: 1.2rem;
color: #c63046;
text-transform: uppercase;
font-style: normal;
border: 0;
background-color: transparent;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #c63046;
}