/*!
Theme Name: Visual Approach
Theme URI: 
Template: kadence
Author: Craig Smith
Description: Child WordPress Theme for Visual Approach Analytics, relies on Kadence base theme.
Version: 1.0.0
Text Domain: visualapproach
*/

/*  
    Colors
    Orange rgb(246, 174, 45)
*/

@font-face {
    font-family: 'icomoon';
    src:  url('/content/themes/visualapproach-theme/fonts/icomoon.eot');
    src:  url('/content/themes/visualapproach-theme/fonts/icomoon.eot#iefix') format('embedded-opentype'),
          url('/content/themes/visualapproach-theme/fonts/icomoon.ttf') format('truetype'),
          url('/content/themes/visualapproach-theme/fonts/icomoon.woff') format('woff'),
          url('/content/themes/visualapproach-theme/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Gotham Book';
    src:  url('/content/themes/visualapproach-theme/fonts/GothamBook.otf');;
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Kadence Override */
button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.elementor-button-wrapper .elementor-button:hover,
.elementor-button-wrapper .elementor-button:focus,
.elementor-button-wrapper .elementor-button:active {
    box-shadow: none;
}

/* Theme customization starts here
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-family: 'Gotham Book';
  font-weight: 300;
}

.box-shadow {
    box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.05);
}

.radius, .radius img {
    border-radius: 10px;
}

.no-cursor {
    cursor: default;
}

.desktop-hide {
    display: none;
}

.content-area {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.pill-orange > a {
    background:rgb(246, 174, 45) !important;
}

.pill-blue > a {
    background: #2f4858 !important;
}

.pill-white >  a {
    background: #fff !important;
    color: #444 !important;
    border: solid 1px #4444;
}
/* Kadence Header */

#masthead {
    position: relative;
    z-index: 11;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding-bottom: 25px;
    background: #fff;
}

/* Kadence Loop */

a.post-more-link:hover {
  color: #444 !important;
}

a.post-more-link {
  font-weight: bold;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  font-size: 80%;
  color: rgb(246, 174, 45) !important;
}

.entry-title a {
    display: block;
}

.entry-date::before {
  content: '\f508';
  font-family: dashicons;
  vertical-align: bottom;
  margin-right: 4px;
  color: #464646;
}

.loop-entry {
    border: solid 1px #f1f1f1;
}

.loop-entry .entry-content-wrap {
    padding: 1rem;
}

/* Nav Buttons */

#main-header {
    border-top: 2px solid rgb(246, 174, 45);
}

.site-header-section-right {
    margin-top: 10px;
}

#main-header .kb-button.kb-btn-global-outline {
  background: transparent;
  border: 2px solid rgb(246, 174, 45);
  color: var(--global-palette-btn-bg,#3633e1);
  padding: calc(.4em - 2px) calc(1em - 2px);
}

#main-header .register-btn {
  background: #2f4858 !important;
}

.menu-item-206 {
    margin-right: 10px;
}

.menu-item-500471 a {
    color: #fff !important;
}

.main-navigation .primary-menu-container > ul li.menu-item > a {
    font-family: 'Gotham Book';
    line-height: 1.5;
}

/* Login page by ID make not so wide */
.page-id-161 #main {
    max-width: 700px;
    margin: 0 auto;
}

/* Pricing */
.upgrade-tier-1, .upgrade-tier-2 {
    display: none;
}

/* Posts */

 /* fixes grid on image to right and text to left */
@media screen and (min-width: 768px) {
    .blog .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image),
    .archive .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image),
    .search .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image),
    .entry-related-carousel .entry {
        display: grid;
        grid-template-columns: 2fr 1fr; 
    }

    .posts-shortcode .flex-center-img img {
        max-height: auto;
    }
}

.home a.kadence-thumbnail,
.blog a.kadence-thumbnail,
.archive a.kadence-thumbnail,
.search a.kadence-thumbnail {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.bar-bg {
    background-image: url('/content/themes/visualapproach-theme/images/bar-bg.jpg') bottom -35px right 0px !important; 
    background-repeat: no-repeat !important;
}

.lock-overlay {
    text-align:center;
    position: absolute;
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    bottom:0;
}

.lock-overlay-text .dashicons {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 55px;
    width: 55px;
    height: 55px;
}

.lock-overlay-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.down-btn a {
    text-decoration: none;
}

button span.dashicons-lock {
    vertical-align: text-top;
    margin-right: 8px;
}

.posts-shortcode {
    display: flex;
    overflow: hidden;
}

.flex-center-img {
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 1rem;
    position: relative;
}

.wp-site-blocks .flex-center-img img {
    padding: 3px;
    border: solid 1px #ccc;
}

.posts-shortcode .flex-center-img img {
    /* max-height: 150px; */
    max-width: 280px;
}

#archive-container .entry-summary {
    margin-bottom: 20px;
    display: block;
}

.cat-tags {
    margin-top: 20px;
}
.cat-tags a {
    background: #dc9846;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    word-break: break-word;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;;
}

.post-navigation-sub {
    margin-bottom: 0;
}

.comment-navigation .nav-previous::after, .post-navigation .nav-previous::after {
    background: rgb(246, 174, 45);
}

.entry-content.single-content {
    padding-bottom: 25px;
}

.entry.single-entry {
    box-shadow: none;
}

.pagination {
    text-align: center;
}

.pagination .page-numbers {
  margin-right: 0;
}

/* Contact Page */

.wpcf7-form-control {
    width: 100%;
}
.wpcf7-submit {
    width: auto;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.form-field {
  margin-bottom: 10px;
}

label {
  display: block;
}

.wpcf7-form-control {
    border-radius: 10px !important;
    border: solid orange !important;
}

.page-id-500480 #wrapper {
    background: transparent !important;
}
.page-id-500480 #inner-wrapper {
    background-image: url("https://aim.websitedemo.me/content/uploads/2023/07/contact-page.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

/* Sidebar */

.categories-list-pill li, .categories-list-pill ul {
    padding:0;
    margin:0;
    list-style: none;;
}

.wp-block-search .wp-block-search__button {
    border-color: var(--global-gray-400);
    color: #fff;
    background: var(--global-palette1);
}

.wp-block-search .wp-block-search__button:hover {
  box-shadow: none !important;
}

.subscribe-min-height > .kt-inside-inner-col {
    min-height: 375px;
 }

 .mobile-menu-container .kb-button {
    padding: 5px 10px !important;
}

.mobile-menu-container .kb-button a {
    padding:0 !important;
}

.search-container {
    position: relative;
}

.search-icon {
    cursor: pointer;
    vertical-align: middle;
}

.search-container .search-form {
    display: none;
    position: absolute;
    left: -75px;
    width: 175px;
    top: -4px;
    z-index: 999;
}

.col-30 {
    width: 29%;
    margin-right: 2%;
    float:left;
}
.col-70 {
    width: 69%;
    float:left;
}

.mb-4 {
    margin-bottom: 25px;
}

/* Subscription Upgrade hardcoded section in Subscription MP Section and Restricted Access Template */
#upgrade-subscription .grid-container.columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 25px;
}
#upgrade-subscription .grid-container.columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 25px;
}

@media only screen and (max-width: 1024px) {
    #upgrade-subscription .grid-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

#upgrade-subscription .grid-item {
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 7px;
}

#upgrade-subscription .grid-item a {
    text-decoration: none;
}

.blue-promo {
    color: #fff;
    background: rgb(47, 72, 88);
}

.blue-promo a {
    color: #fff;
}

.blue-promo a:hover {
    color: rgb(246, 174, 45);
}

.orange-promo {
    color: #fff;
    background:rgb(246, 174, 45);
}

.orange-promo a {
    color: #fff;
}

.orange-promo a:hover {
    color: rgb(47, 72, 88);
}

#upgrade-subscription a {
    padding: 10px 10px 10px 0px;
}

#upgrade-subscription .blue-promo strong, #upgrade-subscription .orange-promo strong,
#upgrade-subscription .blue-promo h2, #upgrade-subscription .orange-promo h2,
#upgrade-subscription .blue-promo h3, #upgrade-subscription .orange-promo h3 {
    color: #fff;
}

.short-code-2-col .posts-shortcode {
	min-height: 270px;  
}

.centerned {
	margin: 0 auto;
}


/* Tablet */
@media only screen and (max-width: 1024px) {
    .subscribe-min-height > .kt-inside-inner-col {
        min-height: auto;
    }
    .desktop-hide {
        display: block;
    }
}

 /* Mobile */
 @media only screen and (max-width: 600px) {
    .desktop-hide {
        display: block;
    }
    .posts-shortcode {
        display: block !important;
    }
    .posts-shortcode img {
        text-align: center;
        margin: 0 auto;
    }
    .posts-shortcode .flex-center-img img {
        max-height: inherit;
    }
    .flex-center-img {
        justify-content: center;
    }
    .widget widget_block .widget_text p {
        line-height: 1.25;
    }
    .subscribe-min-height > .kt-inside-inner-col {
        min-height: auto;
    }
    .current-menu-item.menu-item-206 a {
        color: #fff !important;
    }
    .posts-shortcode .flex-center-img img {
        max-width: 100%;
    }
    .col-30, .col-70 {
        width: 100%;
        float: none;
        text-align: center;
        margin-right: 0;
    }
}