/* 
Theme Name:		ANFP
Template:		hello-elementor
Version:		1.0.0
Text Domain:	anfp
*/


/* GENERAL
===================================================== */
.hideit { display:none !important }
P:last-child { margin-bottom:0 !important }
.pageContent A:not(.elementor-element) { text-decoration:underline !important }


/* MAIN MENU 
===================================================== */
#mainmenu .current-menu-ancestor > A, #mainmenu .current-page-ancestor > A { color:var( --e-global-color-cbf0b03 ) !important}

.elementor-widget-polylang-language-switcher > .elementor-widget-container { display:flex; align-items: center }



/* HOME
========================================================================================================== */
/* HOMEPAGE SLIDER */
.elementor-swiper-button-prev  { left:-40px !important }
.elementor-swiper-button-next { right:-40px !important }


/* POST CONTENT */
.post_title_section { padding-top:75% !important }
.post_title_column { position:relative }
.post_title_column > .elementor-widget-wrap { position:absolute; left:0; bottom:0; width:100% }
.post_title_section:before {
	content:"";
	position:absolute; top:0; left: 0; bottom: 0; right:0;
	background-color: transparent;
    background-image: linear-gradient(180deg, #00000000 30%, #000000 100%);
	opacity:0.7;
}


/* GALERY */
.gallery { display: flex; gap:15px }
.gallery-item { width:33%; flex-grow: 1; }
.gallery-item IMG { line-height:1 }


/* LINE TITLE */
.linetitle .elementor-heading-title { display:inline-block }
.linetitle .elementor-heading-title:after { content:""; display:block; width:100%; position:relative; left:0; bottom:-5px; height:2px; background:var(--e-global-color-primary) }

.linetitle .elementor-widget-container:after { content:""; display:block; width:100%; position:relative; left:0; bottom:-3px; height:2px; background:var(--e-global-color-primary); opacity:0.2 }

/* ICON BOX */
.iconbox .elementor-image-box-wrapper { column-gap:10px; align-items:center !important }
.iconbox .elementor-image-box-title { margin:0 }
.iconbox .elementor-image-box-img { line-height:0; flex:0 0 48px }

/* TABS */
.e-n-tab-title { width:35% !important; text-align:center}
@media (max-width:768px) {
	.e-n-tab-title { width:50% !important}
	.e-n-tabs-mobile>.elementor-widget-container>.e-n-tabs>.e-n-tabs-content>.e-collapse { display:none !important }
	.e-n-tabs-mobile>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading { display:flex !important }
}


/* FP SEARCH
========================================================================================================== */
.acf-input INPUT, .select2-selection { height: 36px !important; line-height:36px !important; padding:0 10px !important }
.select2-selection__rendered { height: 36px !important; line-height:36px !important; padding:0 10px 0 0 !important }
.select2-selection__arrow { height: 36px !important; line-height:36px !important }
.select2-results__option { font-size:14px !important }

#FPsearch { display:flex; flex-direction: row; gap:0; align-items: flex-end; width:100% }
#FPsearch .acf-form-fields { display:flex; flex-direction: row; gap:0; align-items: flex-end; width:100%}
#FPsearch .acf-form-fields > div { flex:0 0 33%; padding-right:10px }
#FPsearch .acf-label { font-size:14px !important; text-transform:uppercase; margin-bottom:5px; text-align:center}
#FPsearch .acf-button { font-size:14px !important; text-transform:uppercase; border:0 none; height: 36px !important; line-height:36px !important; padding:0 20px !important }

#FPtable2 #FPsearch .acf-form-fields > div { flex:0 0 50%; padding-right:10px }
#FPtable2 #FPsearch .acf-field-641595c013248 { display:none }

@media (max-width:767px) {
	#FPsearch { flex-direction:column; gap:20px; align-items:center }
	#FPsearch .acf-form-fields { flex-direction:column; gap:10px; align-items:stretch }
	#FPsearch .acf-form-fields > div { flex:0 0 100%; padding-right:0 }
}

/* FP TABLES
===================================================== */
.col1 { flex:0 0 30px !important; text-align:center }
.col2 { flex:1 1 !important }
.col3 { flex:0 0 80px !important }
.col4 { flex:0 0 100px !important }
.col5 { flex:0 0 100px !important }
.col6 { flex:0 0 250px !important; text-align:left }
.col7 { flex:0 0 50px !important; text-align:center  }

#FPtable2 .col4 { flex:0 0 250px !important }
#FPtable2 .col5, #FPtable2 .col6 { display:none }

.tableContent .col4, .tableContent .col5, .tableContent .col6 { text-transform:lowercase !important }

@media (max-width:1024px) {
	.FPtable { overflow:auto !important }
	#FPtable1.FPtable > div, #FPtable1.FPtable .e-loop-item { width:1000px; max-width:1000px  }
	#FPtable2.FPtable > div, #FPtable2.FPtable .e-loop-item { width:800px; max-width:800px  }
}


/* pageLeftSubmenu
========================================================================================================== */
#pageLeftSubmenu h4 { font-size:17px; color:#FFF; margin:0 0 10px; padding:0 0 15px; text-transform:uppercase; border-bottom:1px solid var(--e-global-color-285e812)}
#pageLeftSubmenu .list .elementor-shortcode { display:flex; flex-direction:column; gap:10px }
#pageLeftSubmenu .item { display:flex; flex-direction:row; gap:15px }
#pageLeftSubmenu, #pageLeftSubmenu a { color:#FFF }
#pageLeftSubmenu a:hover, #pageLeftSubmenu .item.current a { color:var(--e-global-color-cbf0b03)}



/* DATATABELS ===================================================== */
SELECT.searchFilter { display:inline-block !important; width:120px !important; color:var(--e-global-color-text) !important }

table.dataTable th { border:0 none !important; background:var(--e-global-color-primary); color:#FFF; vertical-align:middle; padding:8px !important; width:auto !important  }
table.dataTable td { border-top:0 none; border-left:0 none; border-right:0 none;  background:#FFF !important; padding:8px !important; width:auto !important }
/* table.dataTable td:not(:last-child), table.dataTable th:not(:last-child) { border-right:0 none} */

.dataTable .col-idx { width:30px !important; text-align:right !important; }
.dataTable .col-uid { width:90px !important}
.dataTable .col-nrd { width:60px !important; text-align:center !important; }
.dataTable .search-filter { width:120px !important; text-align:center !important;  }

@media (max-width:600px) {
	.dataTables_wrapper .row:nth-child(2) > .col-sm-12 { overflow-x:auto }
	table.dataTable  { width:600px !important }
}