/*
 Theme Name: Blocksy Child
 Theme URI: https://cmu.e8demo.com/
 Description: A child theme for the Blocksy theme.
 Author: Your Name
 Author URI: https://cmu.e8demo.com/
 Template: blocksy
 Version: 1.0.51
 Text Domain: blocksy-child
*/

/* Add your custom CSS below this line */

[data-vertical-spacing*=bottom] {
    padding-bottom: 0;
}

.mobile-menu>ul {
    border-top: var(--mobile-menu-divider);
    max-width: 350px;
}

body:not(.home) [data-row="top"] {
    background: red !important;
}



body:not(.home) [data-row="top"] {
    --theme-link-initial-color: green
}

html {
    scroll-padding-top: 180px;
}

body:not(.home) [data-row="top"] {
    background: #ffffff !important;
}

body:not(.home) .ct-header [data-row="middle"] {
    background: #ffffff !important;
}

body:not(.home) [data-row="top"] [data-header*="type-1"] .ct-header [data-id="menu"]>ul>li>a {
    --theme-link-initial-color: green
}

.ct-header .ct-header-text {
    display: none
}

.page__nav {
    column-gap: 0;
}

.wp-block-navigation ul.page__nav li:not(:first-child) {
    padding-left: 15px;
}

.wp-block-navigation ul.page__nav li {
    padding-right: 15px;
}

.page__menu__wrap,
#page__menu__wrap {
    position: sticky;
    top: 90px;
    z-index: 9;
}

.tribe-events-widget-events-month__view-more-link{
	display:none !important;
}

/* ------------------------------------------------------- */
/* ------------------------------------------------------- */

.zoom-effect {
    overflow: hidden;
}

.zoom-effect>a {
    display: block;
}

.zoom-effect img {
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    will-change: transform;
}

.zoom-effect:hover img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

/* ------------------------------------------------------- */
/* ------------------------------------------------------- */

.showcase_form input:focus {
    outline: none;
}



.showcase_list {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -1% 0 -1%;
    row-gap: 24px;
}

.showcase_list_item {
    height: 250px;
    width: 23%;
    margin: 0 1%;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 20px;
}



.showcase_form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
}

.showcase_form input {
    width: calc(100% - 60px);
    border: none;
    height: 40px;
}

.showcase_form button {
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    background: transparent;
}

.showcase_list_tag {
    display: inline-block;
    padding: 4px 8px;
    background: #f6f6f6;
    border-radius:10px;
}