@import "w3.css";
.alert { position: relative; padding: 8px 16px; border: 1px solid transparent; border-radius: 4px; }
.alert-secondary { color: #818182; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-warning2,
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.alert-sticky { display: block !important; }

.alert-danger input,
.alert-danger select,
.alert-danger textarea { border-color: #721c24 !important; }

.it-strong { font-weight: bold; }
.it-upper { text-transform: uppercase; }
.it-italic { font-style: italic; }

.w3-border-dash { border: 1px dashed #d2d8db; }
.w3-select { padding: 7.5px 8px 8px; }
input[type="date" i] { line-height: 20px; }
input[type=file].w3-input { padding: 4px 8px; margin-bottom: 10px; }

.w3-button,
.w3-bar-block .w3-bar-item { transition: all 0.3s ease; }

.w3-top,
.w3-overlay,
.w3-modal { z-index: 10; }

.ck-powered-by { display: none; }
.ck-shortcode-buttons { display: none; clear: both; margin-top: 8px; }
.ck-shortcode-buttons a { cursor: pointer; display: inline-block; position: relative; }
.ck-shortcode-buttons a.w3-tooltip .w3-text { position: absolute; top: 110%; left: 50%; width: 250px; transform: translate(-50%, 0); }
.ck-shortcode-buttons a.w3-tooltip .w3-text:before {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: none;
    border-bottom-color: #fff3cd;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}

.it-blur {
    overflow: hidden;
    box-shadow: 0px 0px 120px 120px #333 inset;
}
.it-blur img {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transition: all 0.3s ease;
    margin: 0 !important;
}
.it-blur:hover img {
	  filter: blur(0px);
	  -webkit-filter: blur(0px);
}

.it-hidden-content { border: 5px dashed #f44336 !important; }

@media (max-width:992px){
	.m6.l3 ~ .m6.l3 ~ .m6.l3 { clear: both; }
	.m6.l3 ~ .m6.l3 ~ .m6.l3 ~ .m6.l3 { clear: none; }
}

.w3-col.it-fifth { width: 19.99999%; }

.w3-col.s5th { width: 19.99999%; }
@media (min-width:601px){.w3-col.m5th { width: 19.99999%; }}
@media (min-width:993px){.w3-col.l5th { width: 19.99999%; }}

.it-password,
.login-pass { position: relative; }
.show-password { cursor: pointer; line-height: 24px; margin-right: 8px; }
.w3-padding .show-password { margin-bottom: 8px; margin-right: 16px; }
.login-pass .show-password { margin-right: 0; }

body.body-admin { padding-top: 40px; }
body.body-admin .w3-top { margin-top: 40px }
body.admin-tab .w3-top,
body.edit-active .w3-top {
    position: relative; margin-top: 0px;
}

.w3-admin { position: fixed; min-height: 40px; z-index: 11; }
body.body-pop .w3-admin { display: none; }
body.body-pop { padding-top: 0; }
body.body-pop .w3-top { margin-top: 0; }

.w3-admin-d5 {color:#c3c4c7 !important; background-color:#1d2327 !important}
.w3-admin-d4 {color:#c3c4c7 !important; background-color:#332f30 !important}
.w3-admin-d3 {color:#c3c4c7 !important; background-color:#444041 !important}
.w3-admin-d2 {color:#c3c4c7 !important; background-color:#5a5758 !important}
.w3-admin-d1 {color:#c3c4c7 !important; background-color:#706d6e !important}

.w3-admin-l5 {color:#c3c4c7 !important; background-color:#4d636f !important}
.w3-admin-l4 {color:#1d2327 !important; background-color:#7b8b94 !important}
.w3-admin-l3 {color:#1d2327 !important; background-color:#a6b1b7 !important}
.w3-admin-l2 {color:#1d2327 !important; background-color:#d2d8db !important}
.w3-admin-l1 {color:#1d2327 !important; background-color:#edeff0 !important}

.w3-border-admin {border-color:#a6b1b7 !important}
.w3-border-admin-l {border-color:#edeff0 !important}

.w3-icon { width: 40px; padding: 8px 0; }
.w3-icon-small { width: 26px; padding: 4px 0; font-size: 18px !important; }
a.it-icon-active-0 {opacity: 0.75; background: #f44336!important; color: #fff !important; border-color: #AC1316 !important; }
.it-status-0 { background: #FBDAD7 !important; }
.w3-button-small,
.w3-button-icon {
    padding: 2px 8px;
    font-size: 90%;
    line-height: 22px;
}

.w3-button-large {
    padding: 16px;
    font-size: 110%;
}

.edit-mode-add {
    position: fixed;
    right: 0;
    width: 5%;
	z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
.edit-mode-add i { cursor: pointer; }

.it-header-icon { padding: 14px 16px !important; }
.it-menu-icon { padding: 8px 16px !important; margin-left: 0 !important; } 
.it-user-icon {}
.it-cart-icon { margin-left: 0 !important; }

/*  --  --  --  OVERLAYS  --  --  --  */
.it-overlay { display: none; position: fixed; top: 0; z-index: 12; opacity: 0.95; }
#mainMenu 					{ width: 100%; bottom: 0; }
#adminMenu 					{ width: 30%; min-width: 300px; padding-bottom: 32px; right: 0; }
#myContentManager 			{ width: 30%; min-width: 300px; bottom: 0; padding: 16px 0 32px; overflow: auto; }
#customerMenu 				{ width: 90%; max-width: 500px; margin-top: 50px; }
#customerMenu.customer_menu { max-width: 300px; margin-left: 96px; margin-top: 73px; }
#customerBasket				{ width: 90%; max-width: 300px; margin-left: 158px; margin-top: 73px; }
body.body-admin #customerBasket,
body.body-admin #customerMenu.customer_menu { margin-top: 111px; }
/*  --  --  --  --------  --  --  --  */

.it-menu-holder {
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 170px;
    padding-bottom: 32px;
}
.it-menu-holder .it-sub-menu {
    background: rgba(255,255,255,0.3);
}

/*  --  --  --  CONTENT MANAGER  --  --  --  */

#sort_toggle { font-size: 12px!important; }
.sort-active .sortable { width: 90%; margin: 0 5%; border: 2px dashed #a6b1b7; max-height: 100px; min-height: 100px; overflow: hidden; cursor: grab; position: relative; border-radius: 15px; }
.sortable .sort-handle { display: none; border-radius: 15px 0 0 15px; padding: 8px 12px 8px 16px; }
.sortable .sort-ref { display: none; border-radius: 0 15px 15px 0; padding: 8px 16px 8px 12px; }
.sort-active .sortable .sort-ref,
.sort-active .sortable .sort-handle { display: block; }
.ui-sortable-placeholder { visibility: visible !important; height: 100px; border-color: #d2d8db !important; background: rgba(255,255,255,0.4); }

.display-sortable .ui-sortable-placeholder { height: 50px; border: 1px dashed #d2d8db !important; background: rgba(255,255,255,0.4); }


.sortable .edit-controls { display: none; position: absolute; right: 0; top: 0; border-radius: 0 10px; padding: 8px 12px 8px 16px; background: rgba(255,255,255,0.7); float: right; }
.sortable .edit-controls-left { left: 0; right: auto;  border-radius: 10px 0; }
.edit-active .sortable { width: 90%; position: relative; margin: 0 5% 48px !important; border: 1px dashed #d2d8db; border-radius: 10px; }
.edit-active .sortable .edit-controls { display: flex; }

.sort-active .sortable,
.edit-active .sortable { margin-bottom: 16px; }

.edit-active .sortable .edit-controls .w3-button { margin-left: 8px; }
.save-edit-col { margin-right: 8px; }

#save_result { display: none; width: 200px; text-align: center; position: fixed; left: 50%; top: 40px; margin-left: -100px; z-index: 10; }
.w3-top .w3-bar { position: relative; }
.w3-top .w3-bar,
.column-holder { width: auto; max-width: 1400px; }
.column-holder .w3-col { min-height: 1px; }
@media (min-width:1399px){
.w3-top .w3-bar,
.column-holder { margin: 0 auto; }
}

/*.edit-col-controls,*/
.it-hidden,
.close-edit-col,
.save-edit-col,
.add-image-col,
.it-deleted > div,
.it-deleted .crm-controls .edit-controls,
.it-conf-delete,
.it-widget-settings,
.edit-active .it-deleted .edit-controls,
.edit-active .it-slider .next,
.edit-active .it-slider .prev { display: none; }

/*
.edit-active .it-slider { height: auto !important; }
.edit-active .it-slider ul {
    height: auto !important;
    width: 100% !important;
    margin: 0 !important;
}
.edit-active .it-slider ul li {
    float: left;
    position: static;
    display: block;
    height: auto;
	margin-bottom: 32px;
}
.edit-active .it-slider-1 ul li {
    width: 33.333% !important;
}
.edit-active .it-slider-2 ul li {
    width: 50% !important;
}
.edit-active .it-slider ul li div {
    max-height: 100px;
}
.edit-active ul li.it-slide-copy{ display: none; }
*/

.is_accordion { background: none !important; }
.is_accordion .accordion-1 { color: #000; }
.is_accordion + .is_accordion .column-holder { padding-top: 0px !important; margin-top: -8px; }
.edit-active .is_accordion + .is_accordion .column-holder,
.sort-active .is_accordion + .is_accordion .column-holder { padding-top: 0px !important; margin-top: 0; }
.sort-active .column-holder { padding-top: 0 !important; }

.it-intro-text a,
.accordion-1 a { text-transform: none !important; font-weight: normal !important; font-size: 15px !important; letter-spacing: 0 !important; }
.accordion-2 { clear: both; }

.menu-reveal {
    margin: -38px -160px 0 0;
    right: 50%;
    position: absolute;
}
.sub-menu { background: rgba(0,0,0,0.15);  }

tr.it-deleted { color: #721c24; background-color: #f8d7da !important; border: 1px solid #f5c6cb; }
.alert-deleted { display: block !important; }
.it-conf-delete {
    z-index: 3;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
	border-radius: 0 10px;
} 
.it-widget-settings {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(99% - 300px);
    border-radius: 10px 0;
}
.it-slider-link-setting {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-width: 250px;
    transform: translateX(-50%);
	z-index: 1;
    border-radius: 10px;
}
.editor {
    min-height: 50px;
}
.it-col-sel { width: 100px; padding: 4px 0; }
.edit-controls-left .it-col-sel { width: auto; }
.it-in-edit-view { display: none; }
.edit-active .sortable .it-in-edit-view{ display: block; }

.edit-active .it-form-display { margin-top: 32px; }

.it-form-image { transition: all 0.3s ease; height: 100% !important; width: auto !important; max-width: none; background: #f2f2f2; }
.it-form-image:hover { height: 300% !important; }
/*  --  --  --  ---------------  --  --  --  */

/*  --  --  --  IMAGES  --  --  --  */
.w3-display-container img { width: 100%; }
.sc-img { position: relative; display: inline-block; margin-bottom: 16px; }
.sc-img-left { padding-right: 16px; float: left; }
.sc-img-right { padding-left: 16px; float: right; }
.sc-img-centre,
.sc-img-center { margin: 0 auto 16px; }
.sc-img img { width: 100%; height: 100%; object-fit: cover; }
/*  --  --  --  ------  --  --  --  */

/*  --  --  --  MEDIA LIBRARY  --  --  --  */
#media_upload { display: none; }
#media_upload.it-force-display-1 { display: block; }
#media_library .w3-card { position: relative; padding-top: 100%; }
#media_library img,
#media_library span.file-title,
#media_library i { position: absolute; object-fit: contain; width: 100%; height: 100%; bottom: 0; left: 0; background: #f2f2f2;  }
#media_library span.file-title { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; height: auto; bottom: 24px; font-size: 12px; }
	
#media_library i span { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; position: absolute; bottom: 24px;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 12px;
    line-height: 160%; }
#media_library i:before { font-size: 24px; }
#media_library i.media-icon:before { left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); margin-top: -24px; font-size: 48px; }

#media_library span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(255,255,255,0.7);
}
/*  --  --  --  -------------  --  --  --  */

.it_multi_img_holder { width: 200px; height: 200px; text-align: center; }
.it_multi_img_holder img { object-fit: cover; width: 100%;  height: 100%; }

/*  --  --  --  BANNERS  --  --  --  */
.it-ban-wrap { width: 100%; margin: 0 auto; }
.it-ban-mask { position: relative; overflow: hidden; height: 555px; }
.it-ban-group { position: absolute; top: 0px; left: 0; width: 100%; margin: 0; padding-inline-start: 0; }
.it_ban_slide { height: 555px; }
.sortable .it-ban-mask,
.sortable .it_ban_slide {
    min-height: 691px;
}
.it_ban_slide img { width: 100%; object-fit: cover; }
.it_ban_slide .w3-display-middle,
.it_ban_slide .w3-display-topmiddle,
.it_ban_slide .w3-display-bottommiddle { text-align: center; }
.it_ban_slide .w3-display-right,
.it_ban_slide .w3-display-topright,
.it_ban_slide .w3-display-bottomright { text-align: right; }



.slick-next, .slick-prev {
    top: 50%;
    position: absolute;
    width: 37px;
    height: 71px;
    transform: translateY(-50%);
    border: none;
    background: no-repeat center center;
	background-size: contain;
    text-indent: 200%;
    overflow: hidden;
	z-index: 1;
	cursor: pointer;
	opacity: 0.25;
}
.slick-next {
	right: 16px;
	background-image: url(/_core/_inc/images/arrow-right.svg);
}
.slick-prev {
	left: 16px;
	background-image: url(/_core/_inc/images/arrow-left.svg);
}
.slick-next:hover, .slick-prev:hover { opacity: 1; }

/*  --  --  --  BANNERS NAV  --  --  --  */
.it-ban-nav,
.slick-dots { text-align: center; padding: 10px 16px; margin-top: -36px; z-index: 2; position: relative; }
.it-ban-nav ul,
.slick-dots { margin: 0; padding-inline-start: 0; padding: 0; }
.it-ban-nav li, 
.slick-dots li {  display: inline-block; width: 10px; height: 10px; background: rgb(175, 56, 56); cursor: pointer; margin-left: .5em; border-radius: 4px; }
.it-ban-nav li.current, 
.slick-dots li.slick-active { background: rgba(144, 39, 39, 1) !important; }
.slick-dots li button { border: none; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: none; text-indent: 200%; overflow: hidden; }


/*  --  --  --  BANNERS TEXT  --  --  --  */
.it-ban-text-light,
.it-ban-text-lightdark,
.it-ban-text-darklight span { color: #fff; }
.it-ban-text-dark,
.it-ban-text-darklight,
.it-ban-text-lightdark span { color: #231f20; }
 
.it-ban-text-light div,
.it-ban-text-light span,
.it-ban-text-lightdark div,
.it-ban-text-lightdark span { text-shadow: 1px 1px 0 #231f20; }
.it-ban-text-dark div,
.it-ban-text-dark span,
.it-ban-text-darklight div,
.it-ban-text-darklight span { text-shadow: 1px 1px 0 #fff; }

.it-ban-hidden { display: none !important; }

.it-ban-icon {background: rgba(255,255,255,0.2);
    padding: 0 3px 0 4px;
    border-radius: 3px;}

.sort-active>.it-ban-wrap .it-ban-mask { height: auto !important; }
.sort-active>.it-ban-wrap .it-ban-nav,
.sort-active>.it-ban-wrap .add-img-col,
.sort-active>.it-ban-wrap .it-ban-mask .it-ban-text,
.sort-active>.it-ban-wrap .it-ban-mask .it-ban-editor { display: none; }
.sort-active>.it-ban-wrap .it-ban-mask ul { top: 0 !important; position: relative; height: auto !important; }
li.sortable-silder,
.sort-active>.it-ban-wrap .it-ban-group li {
	display: inline-block;
    width: 200px;
	height: 100px;
    margin: 0 5px;
    border: 2px dashed #a6b1b7;
    max-height: 100px;
    overflow: hidden;
    cursor: grab;
    position: relative;
    border-radius: 15px;
	margin-bottom: 15px;
}
.sort-active>.it-ban-wrap .it-ban-group li img { height: 100%; }

.it-sortable-slides,
.it-sortable-slides ul { position: relative; }
/*  --  --  --  ------------  --  --  --  */

.it-ban-editor { position: absolute; background: rgba(255,255,255,0.7); }

.it-ban-editor-topleft,
.it-ban-editor-left,
.it-ban-editor-bottomleft,
.it-ban-editor-bottommiddle,
.it-ban-editor-middle,
.it-ban-editor-topmiddle,
.it-ban-editor-top { top: 0; right: 0; bottom: 0; width: 40%; }
.it-ban-editor-topright,
.it-ban-editor-right,
.it-ban-editor-bottomright { top: 0; left: 0; bottom: 0; width: 40%; }


.it-page-layout-right .it-page-image {
    float: right !important;
}
.it-page-layout-top .it-page-image,
.it-page-layout-top .it-page-details {
    width: 100% !important;
}


/*  --  --  --  SLIDERS  --  --  --  */
.it-slider { position:relative; width:100%; overflow:hidden; margin:0; }
.it-slider ul { position:relative; width:100%; margin:0; padding:0; display:inline-block; list-style:none; }
.it-slider ul li { position:relative; float:left; display:inline-block;  margin:0; padding:0; height:100%; }
.it-slider ul li .w3-col { height: 100%; position: relative; }
.it-slider ul li img { width: 100%; height: 100%; }
/*  --  --  --  -------  --  --  --  */

/*  --  --  --  GALLERY  --  --  --  */
.it-gallery { position:relative; width:100%; overflow:hidden; margin:0; }
.it-gallery ul { position:relative; width:100%; margin:0; padding:0; display:inline-block; list-style:none; }
.it-gallery ul li { position:relative; padding:0; height:100%; }
.it-gallery ul li .w3-col { height: 100%; position: relative; }
.it-gallery ul li img { width: 100%; height: 100%; cursor: pointer; transition: 0.3s; }
.it-gallery ul li img:hover {opacity: 0.7;}

.it-gallery-model { padding: 0; z-index: 10; }
.it-gallery-model .w3-modal-content {
    width: 90% !important;
    height: 90vh;
    top: 5vh;
    overflow: hidden;
    padding: 0 !important;
    background: rgba(255,255,255,0.9);
}
.it-gallery-model .w3-modal-content .w3-container {
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.it-gallery-model .w3-modal-content .w3-container i {
    position: absolute;
    right: 5px;
    z-index: 1;
}
.it-gallery-model .w3-modal-content .w3-container img {
    position: absolute;
    top: 56px;
    height: calc(90vh - 168px);
    left: 0;
    width: 100%;
    object-fit: contain;
}
.it-gallery-model .it-gallery-text,
.it-gallery-img-title {
    position: absolute;
    left: 8px;
    bottom: 0;
    right: 8px;
    text-align: center;
    padding: 8px;
    background: rgba(255,255,255,0.5);
}
.it-gallery-model .it-gallery-text {
    display: block;
    padding: 16px;
	
}
.it-gallery-model .it-gallery-text span {
    display: block;
    max-width: 700px;
    margin: 0 auto;
}
/*  --  --  --  -------  --  --  --  */

/*  --  --  --  DOWNLOADS  --  --  --  */
.it-downloads { position:relative; width:100%; margin:0; }
.it-downloads ul { position:relative; width:100%; margin:0; padding:0; display:inline-block; list-style:none; }
.it-downloads ul li { position:relative; margin:0 0 16px; padding:0; height:100%; }
.it-downloads ul li .w3-col { height: 100%; position: relative; }
.it-downloads ul li img { width: 100%; height: 100%; cursor: pointer; transition: 0.3s; }
.it-downloads ul li img:hover {opacity: 0.7;}

.it-download-title p { font-weight: 700; margin: 0; }
.it-download-text p { margin: 0; }
.it-download-title, 
.it-download-text { padding-right: 160px; }
.it-downloads-file { position: absolute !important; right: 0; top: 0; }
/*  --  --  --  ----------  --  --  --  */

/*  --  --  --  BREADCRUMB  --  --  --  */
.w3-container.is_breadcrumb .column-holder {
    padding: 8px !important;
}
.is_breadcrumb { color: #000; }
.is_breadcrumb .it-breadcrumb-sep:before { content: "/"; padding: 0 8px; }

.is_breadcrumb span { text-transform: capitalize; }
/*  --  --  --  ----------  --  --  --  */

/*  --  --  --  VIDEO  --  --  --  */
.video-holder { position: relative; }
iframe.video-frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/*  --  --  --  -------  --  --  --  */

/*  --  --  --  MAP  --  --  --  */
.it-map-container {
    padding-top: 75%;
}
/*  --  --  --  ---  --  --  --  */

/* ---- ---- SHOP CHECKOUT ---- ---- */
#sc_progress {
    margin: 0 0 32px 0;
	padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#sc_progress li { display: block; }
#sc_progress li.active { text-decoration: underline; font-weight: bold; }
#sc_progress li.waiting { color: #a6a6a6; }
#sc_progress li a {  text-decoration: none; }
.paypal-payment, 
.payment-reveal-control {
    display: block;
    position: relative;
    width: 80%;
    margin-bottom: 50px;
    padding: 3.2% 0;
    font-size: 18px;
    text-align: center;
    line-height: 16px;
    border-radius: 3px;
}
.paypal-payment {
    background: url(/_core/_inc/images/checkout-with-paypal-plain.png) no-repeat center center #ffc200;
    background-size: 65% auto;
    border: 1px solid #ff9f00;
	text-decoration: none;
}
.payment-trigger i { display: none; color: #fff; }
.triggered i { display: inline-block;  }
.triggered {  }
.paypal-payment.triggered { padding: 2.3% 0; background: url(/_core/_inc/images/checkout-with-paypal-plain.png) no-repeat right bottom #ffc200; background-size: auto 40%; }
#sc_summary .it-class-holder {
    padding: 0 8px 16px 8px !important;
}

.payment-reveal-control {
}
.payment-reveal-target { display: none; padding: 1px; }
/* ---- ---- -------- ---- ---- */

div#archive_nav_buttons {
    position: fixed;
    top: 150px;
    right: 0px;
    width: 226px;
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;
}
#archive_nav_buttons a {
    margin: 0 0 5px 0 !IMPORTANT;
}

.it-form-group label {
    height: 24px;
    display: block;
}
.w3-row > .it-form-group:first-child label, 
.w3-row > .it-form-group:first-child + .it-form-group label {
    display: none;
}

.it-ms-filt-active {
    color: #fff!important;
    background-color: #009688!important;
}


.it-form-tab-container { position: relative; }
.it-form-tab {display: none; margin-top: 41px; padding: 16px; border: 1px solid #ccc; }
.it-form-tab.active {display: block;}
.it-form-tab-tabs { display: flex; position: absolute; top: 0; }
.it-form-tab-tab {
	padding: 8px 16px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-bottom-color: #e1e1e1;
	background: #f1f1f1;
	cursor: pointer;
}
.it-form-tab-tab:first-child { border-left-width: 1px; }
.it-form-tab-tab.active { background: #fff; border-bottom-width: 0; font-weight: bold;	}

/* ---- Form HP Submissions ---- */
#address_line_1_reg,
#address_postcode_reg { display: none !important; }
/* ---- ---- -- ----------- ---- */

/* ---- Form Creator CSS ---- */
/* Container for the form builder */
.it-form-creator {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12-column system */
  gap: 1rem;
}

/* Field wrapper */
.it-form-field {
  position: relative;
  padding: 8px 0;
}

/* Width classes mapped to grid spans */
.it-25  { grid-column: span 3; }  /* 3/12 = 25% */
.it-33  { grid-column: span 4; }  /* 4/12 = 33.3% */
.it-50  { grid-column: span 6; }  /* 6/12 = 50% */
.it-66  { grid-column: span 8; }  /* 8/12 = 66.6% */
.it-75  { grid-column: span 9; }  /* 9/12 = 75% */
.it-100 { grid-column: span 12; } /* full width */

/* Ensure all child inputs/selects stretch full width */
.it-form-field > * {
  width: 100%;
}

/* -------- Responsive breakpoints -------- */

/* Tablet: 2 columns (so fields can take up 50%) */
@media (max-width: 991px) {
  .it-form-creator {
    grid-template-columns: repeat(2, 1fr);
  }
  .it-form-field {
    grid-column: span 1 !important;
  }
  .it-100 {
    grid-column: span 2 !important;
  }
}

/* Mobile: 1 column (all fields full width) */
@media (max-width: 600px) {
  .it-form-creator {
    grid-template-columns: 1fr;
  }
  .it-form-field {
    grid-column: span 1 !important;
  }
}

/* Input / textarea / select */
.it-form-field input,
.it-form-field textarea,
.it-form-field select {
	width: 100%;
	padding: 1rem 0.75rem 0.5rem; /* leave top space */
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	background: #fff;
}

/* Floating label */
.it-form-field label {
	position: absolute;
	width: auto;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1rem;
	color: #666;
	pointer-events: none;
	transition: all 0.2s ease;
	background: transparent;
	padding: 0 0.25rem;
	border-radius: 4px;
	z-index: 2;
}
.fld-textarea label { top: 16px; transform: none; }
.fld-radio label { pointer-events: all; }
.it-form-field.fld-radio input { width: 24px; }
.it-form-max {
    position: absolute;
    right: 4px;
    width: auto;
    background: #fff;
    transform: translateY(-50%);
    border: 1px solid #ccc;
    padding: 0px 4px !important;
	line-height: 160%;
	z-index: 1;
}

.it-form-help {
    position: absolute;
    right: 4px;
    top: 0;
    width: auto;
    transform: translateY(-50%);
    padding: 0px 4px !important;
	line-height: 160%;
	z-index: 1;
}

.it-form-help i { position: relative; background: none !important; padding: 8px 0; z-index: 1;  }
.it-form-help .w3-tooltip-text { max-width: 300px; margin-right: -26px;  padding-right: 26px !important;}

/* Active or filled = float label into the border */
.it-form-field input:focus + label,
.it-form-field textarea:focus + label,
.it-form-field select:focus + label,
.it-form-field input:not(:placeholder-shown) + label,
.it-form-field textarea:not(:placeholder-shown) + label {
  top: 0.2rem;
  left: 0.5rem;
  font-size: 0.8rem;
  color: #333;
  background: #fff; /* cuts into border */
  border: 1px solid #ccc;
  border-bottom: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.it-form-field textarea:focus + label,
.it-form-field textarea:not(:placeholder-shown) + label { transform: translateY(-50%); }

.it-form-field input:focus,
.it-form-field textarea:focus,
.it-form-field select:focus {
  border: 1px solid #006854;      /* same thickness, new colour */
  box-shadow: 0 0 0 2px rgba(0, 104, 84, 0.2); /* subtle glow */
}