/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Ссылки меню */

[aria-label="main"] > ul:not(#menu-footer) a.ct-menu-link {
	color: var(--theme-link-initial-color) !important;
}

[aria-label="main"] > ul:not(#menu-footer) a.ct-menu-link:hover {
	color: var(--theme-link-hover-color) !important;
}

/* Форма */

label {
    font-size: 20px !important;
}

select, textarea, input:is([type=url],[type=tel],[type=text],[type=time],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=number],[type=search],[type=password]), fieldset .wc-stripe-elements-field, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
	padding-left: 40px !important;
}

.ff-custom_html span {
    font-size: 16px;
    color: rgb(255 255 255 / 60%);
}

.ff-el-form-check-label [type="checkbox"] {
	margin-right: 10px !important;
}

.ff_submit_btn_wrapper [type=submit] {
	display: inline-flex;
    align-items: center;
    position: relative;
	width: 100%;
}

.ff-message-success {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 50px !important;
}

.ff-message-success p {
	margin-bottom: 0;
}

/* Список */

.gspb_iconsList__item:last-child {
	border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Toggle */

.gs-toggler-wrapper {
	margin-bottom: 100px;
}

.gs-tgl-trigger [role="button"] {
	background: #EFEFEF;
    height: 93px;
    border-radius: 10px;
}

.gs-tgl-trigger [role="button"]::after {
	content: url(/wp-content/uploads/2024/11/icon-_arrow_down.svg);
	margin-left: 16px;
	margin-top: 6px;
}

.gs-tgl-trigger .gs-tgl-hide[role="button"]::after {
    margin-top: -10px;
    transform: rotate(180deg);
}

.gs-toggler-wrapper:not(.gs-toggler-open) .gs-tgl-trigger .gs-tgl-show,
.gs-toggler-wrapper.gs-toggler-open .gs-tgl-trigger .gs-tgl-hide {
	display: flex !important;
    align-items: center;
    justify-content: center;
}

.gs-tgl-grad {
	background: white;
	height: 200px !important;
}

/* Адаптивность */

/* Десктоп */
@media (min-width: 999.99px){
	.custom-grid-three-col {
		grid-template-columns: minmax(100px, 1fr) minmax(150px, 1.1fr) minmax(100px, 1fr) !important;
	}
	
/* 	.custom-grid-four-col {
		grid-template-columns: minmax(150px, 1.35fr) repeat(3, minmax(100px, 1fr)) !important;
	} */
	
	.ff_submit_btn_wrapper [type=submit]::after {
		content: url(/wp-content/uploads/2024/11/icon-_arrow_right.svg);
		margin-left: 16px;
	}
}

/* Планшет + десктоп */
@media (min-width: 689.99px) {
	.fluentform .ff-el-group:has([type="text"]) {
		margin-bottom: 38px !important;
	}
}

/* Мобила + планшет */
@media (max-width: 999.98px) {
	/* Колонки */
	.child-w-100 .gspb_row__content {
		width: 100% !important;
	}
	
	.gs-accordion-item>.gs-accordion-item__title {
		align-items: flex-start !important;
	}
}

/* Планшет */
@media (min-width: 690px) and (max-width: 999.98px) {
	
}


/* Custom */
@media (min-width: 999.99px) and (max-width: 1365.98px) {
	#footer .wp-block-greenshift-blocks-row-column {
		flex-wrap: wrap !important;
	}
	
	#footer .wp-block-greenshift-blocks-row-column > .wp-block-greenshift-blocks-container:first-child {
		flex-basis: 100%;
		flex-grow: 1;
		border-right: none;
		padding-bottom: 50px;
	}
	
	#footer .wp-block-greenshift-blocks-row-column > .wp-block-greenshift-blocks-container:nth-child(2) {
		padding-left: 0;
	}

/* Мобила */
@media (max-width: 689.98px) {
	:root {
		--theme-form-field-height: 63px;
	}
	
	label {
		font-size: 16px !important;
	}
	
	select, textarea, input:is([type=url],[type=tel],[type=text],[type=time],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=number],[type=search],[type=password]), fieldset .wc-stripe-elements-field, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
		padding-left: 26px !important;
	}
	
	.ff_submit_btn_wrapper [type=submit] {
		font-size: 15px !important;
	}
	
	.gs-tgl-trigger [role="button"] {
		height: 74px;
	}
	
	.gs-toggler-wrapper:not(.gs-toggler-open) {
		height: 50px !important;
	}
	
	.gs-tgl-trigger [role="button"]::after {
        margin-top: 10px;
	}
	
	.gs-toggler-wrapper.gs-toggler-open .gs-tgl-trigger {
		bottom: 10px !important;
	}
	
	.gs-toggler-wrapper {
		margin-bottom: 50px;
	}
}