/*
Theme Name: Ergopix
Theme URI: https://www.ergopix.ch
Author: ergopix sàrl
Version: 1.0
*/
.otgs-development-site-front-end {display:none;}
div#wpadminbar {
    z-index: 1000000000000000000000000000;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-Light.ttf") format("truetype"), url("./fonts/PublicSans-Light.woff")  format("woff"), url("./fonts/PublicSans-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-LightItalic.ttf") format("truetype"), url("./fonts/PublicSans-LightItalic.woff")  format("woff"), url("./fonts/PublicSans-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-Regular.ttf") format("truetype"), url("./fonts/PublicSans-Regular.woff")  format("woff"), url("./fonts/PublicSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-Italic.ttf") format("truetype"), url("./fonts/PublicSans-Italic.woff")  format("woff"), url("./fonts/PublicSans-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-Medium.ttf") format("truetype"), url("./fonts/PublicSans-Medium.woff")  format("woff"), url("./fonts/PublicSans-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-MediumItalic.ttf") format("truetype"), url("./fonts/PublicSans-MediumItalic.woff")  format("woff"), url("./fonts/PublicSans-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-Bold.ttf") format("truetype"), url("./fonts/PublicSans-Bold.woff")  format("woff"), url("./fonts/PublicSans-Bold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Public Sans";
    src: url("./fonts/PublicSans-BoldItalic.ttf") format("truetype"), url("./fonts/PublicSans-BoldItalic.woff")  format("woff"), url("./fonts/PublicSans-BoldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
}

html {
	font-size: 1em;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
}
body {
	background-color: #FFF;
	font-family: "Public Sans";
    font-weight: 400;
    font-size:18px;
    text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

a:hover {
  color: #212529;
  text-decoration: underline;
}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

figure.wp-caption.alignleft, img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

figure.wp-caption.alignright, img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

img.aligncenter, .wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

::-webkit-input-placeholder {color: #939393;}
:-moz-placeholder {color: #939393;opacity: 1;}
:-ms-input-placeholder {color: #939393;}

.wp-caption, img {
	max-width: 100%;
}
a {color: #212529;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

span.ch-p-h {text-transform:uppercase;}
span.ch-p-xl {font-size: 110%;}
span.ch-p {}
span.ch-p-s {font-size: 80%;}
span.ch-span {font-size: 70%;}

.bg-blue {background-color:#f6f6f6;}
.text-fluo {
	color:#242424;
	font-weight: 600;
}

.text-grey {
	color:#787575;
	font-weight: 600;
}

.text-uppercase-small {
	text-transform: uppercase;
	font-size: 0.8rem;
}

.btn-link {
	color: #242424;
	
}
.btn-link:hover,
.btn-link:focus {
	color: #242424;
	text-decoration: none;
}

.big-btn {
	font-size: 1.125rem;
}

/* Custom */

	.make-it-aligned {align-items: center;display: inline-flex;justify-content: space-around;}
	.make-it-aligned img { max-width: 30%; }
	.mia-50 {align-items: start;display: inline-flex;justify-content: start;}
		.mia-50 img { max-width: 50%; }
	.opa0 {opacity:0 !important;}
	.mw-30 {max-width:27%;}

	.push-it-down {
		justify-content: space-between;
		flex-direction: column;
		display: flex;
	}
	
	.dropdown-toggle {
		padding-bottom: 0.8rem;
	}
	
	.dropdown-toggle::after {
	  transition: transform 0.3s;
	}
	
	.dropdown-toggle[aria-expanded="true"]::after {
	  transform:rotate(180deg);
	}
	
	.toggle-filters {
		bottom:0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.toggle-filters[aria-expanded="true"]::before {
		content: "Masquer ";
	}
	
	.toggle-filters[aria-expanded="false"]::before {
		content: "Afficher ";
	}
	
	.fresco .img-responsive {
		border: solid 1px rgb(221, 221, 221);
	}
	
	.opacity-30 {
		opacity: .3;
	}

/* Header */

	#logo-link > img {
		transition: .3s;
	}

	.header-mobile {
		padding: 10px 0;
		background-color: none transparent;
		position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 100;
	    left: 0;
	    right: 0;
	    height:65px !important;
	}
	html.fixed .header-menu {
		/*position: fixed;*/
		overflow: hidden;
	}
	
	#hamburger {
		display:block;
		width:42px;
		overflow:hidden;
		float:right;
	}
	
	#hamburger span {
		background:#fff;
		display:block;
		height:2px;
		margin:9px 0;
		position:relative;
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		transform:rotate(0);
		top:0;
		left:0;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition:none .5s ease;
		transition:none .5s ease;
		-webkit-transition-property:-webkit-transform,top,left,opacity;
		transition-property:transform,top,left,opacity;
	}

	html.mm-wrapper_opened #hamburger span.top-bar {
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		top:12px;
	}
	
	html.mm-wrapper_opened #hamburger span.middle-bar {
		opacity:0;
		filter:alpha(opacity=0);
	}
	
	html.mm-wrapper_opened #hamburger span.bottom-bar {
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
		top:-10px;
	}
	
	html.mm-wrapper_opened #hamburger span.middle-bar {
		left:-40px;
	}
	
	div.no-page-header {height:65px;}

	header {
		position: fixed;
		left: 0;
		right: 0;
		bottom: auto;
		height: 110px;
		z-index: 100000000000;
		top: 0;
		transition: opacity 1.4s ease;
		background: none transparent;
	}
	html.mm-wrapper_opened.no-page-header .wrapper header {/*position:relative;*/}
	
	.header-menu {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 110px;
		/*transition: 1s;*/
		background: none transparent;
		/*border-bottom: 1px solid #fefefe;*/
	}
		header .navbar-nav {
			float: right;
		}
		.nav-top, 
		.nav-bottom {
			display: inline-block;
			width: 100%;
		}
		.header-menu .navbar-nav,
		.header-menu .navbar-nav li {
			display: inline-block;
		}
		.header-menu .navbar-nav li {
			margin: 0 16px;
		}
		.header-menu .navbar-nav li:first-child {
			margin-left: 0;
		}
		.header-menu .navbar-nav li:last-child {
			margin-right: 0;
		}
			.navbar-nav li a {
				color: #787575;
				font-size: 22px;
				font-weight: 900;
				line-height: 32px;
				text-decoration:none !important;
				padding-top: 0;
				padding-bottom: 0;
				text-transform: uppercase;
			}
			.nav-top .navbar-nav li a {
				font-size: 15px;
				font-weight: 300;
				line-height: 29px;
				text-transform: uppercase;
			}
			body.home:not(.darker) .navbar-nav li a {
				color: #242424;
			}
			.navbar-nav li a.active {
				color: #242424;
			}
			
			.nav-item.logout a.nav-link::after{
				
			}
	/*
	.language_selecter.design-select, 
	.nav-item.logout {
		border: 2px solid #242424;
		border-radius: 40px;
		padding: 3px 15px;
		height: 29px;
	}*/
	.language_selecter.design-select {margin-right:15px;}
	
	html.fixed header {
		height: 60px;
	}
	html.fixed header a#logo-link img {
		width: 100px;
		transition: .3s;
	}
	html.fixed .header-menu {
		position: fixed;
		background-image: none;
		top:0;
		z-index:10000;
		border-bottom: 1px solid #efefef;
		height: 60px;
	}
	
	html.fixed .nav-top {
		display: none;
	}
	html.fixed .nav-bottom ul {margin-top: 7px;}
	html.fixed .col-logo {
		padding-top: 0 !important;
	}
	
	a#logo-link {
		padding-left:0;
	}
	
	.header-mask {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0.15;}

/* Facet */

	html:not(.showAxo) img.img-axo {display:none;}
	html:not(.showAxo) img.img-plan {display:block;}
	html.showAxo img.img-axo {display:block;}
	html.showAxo img.img-plan {display:none;}
	
	input[type='radio'].img-switcher:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -5px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio'].img-switcher:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -5px;
        left: -1px;
        position: relative;
        background-color: #000;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }
	
	.a-project-card small.teacher-info {
	    position: absolute;
	    bottom: 15px;
	    top: auto;
	    left: 30px;
	    right: 30px;
	    width: calc(100% - 60px) !important;
	}

	.facetwp-template {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	
	.page-template-page-projects-tpl .facetwp-facet,
	.page-template-page-projects2-tpl .facetwp-facet {
		margin-bottom: 15px;
	}
	.page-template-page-projects-tpl .fs-wrap,
	.page-template-page-projects2-tpl .fs-wrap {width: 100% !important;}
	
	.page-template-page-projects-tpl .fs-wrap.multiple .fs-search,
	.page-template-page-projects2-tpl .fs-wrap.multiple .fs-search {display:none;}
	.page-template-page-projects-tpl .fs-wrap.single,
	.page-template-page-projects-tpl .facetwp-dropdown,
	.page-template-page-projects-tpl .fs-wrap.multiple,
	.page-template-page-projects2-tpl .fs-wrap.single,
	.page-template-page-projects2-tpl .facetwp-dropdown,
	.page-template-page-projects2-tpl .fs-wrap.multiple {
	    width: 100%;
	}
	.page-template-page-projects-tpl .facetwp-dropdown,
	.page-template-page-projects2-tpl .facetwp-dropdown {
		height: 32px;
	}
	.page-template-page-projects-tpl .fs-label-wrap,
	.page-template-page-projects2-tpl .fs-label-wrap {max-width: 100%;width: 100%;}
	.page-template-page-projects-tpl .fs-dropdown,
	.page-template-page-projects2-tpl .fs-dropdown {
		/* width: calc(100% - 30px); */
		overflow-x: hidden;
	}
	.page-template-page-projects-tpl .fs-dropdown .fs-options,
	.page-template-page-projects2-tpl .fs-dropdown .fs-options {
		overflow-x: hidden;
	}
	.page-template-page-projects-tpl .fs-wrap .fs-options .fs-option:hover,
	.page-template-page-projects2-tpl .fs-wrap .fs-options .fs-option:hover {
		background-color: #ccc;
	}
	.page-template-page-projects-tpl .fs-wrap .fs-options .fs-option.selected,
	.page-template-page-projects2-tpl .fs-wrap .fs-options .fs-option.selected {
		background-color: #999;
	}
	
	.filters-line {
		row-gap: 0.5rem;
		column-gap: 1rem;
		flex-wrap: wrap;
	}
	
	.filters-collector {
	    background-color: #000;
	    padding: 5px;
	    border-radius: 40px;
	    display: inline-block;
	}
		
		.filters-collector a {
		    background-color: #f6f6f6;
		    border-radius: 20px;
		    padding: 5px 15px;
		    margin-right:15px;
		}
		.filters-collector a:last-child {
		    margin-right:0;
		}
		
	.label-radio {
		font-size: 1rem;
		padding: 5px 15px;
		border: 2px solid #242424;
		border-radius: 40px;
		cursor: pointer;
	}
	
	input.img-switcher:checked ~ label.label-radio {
		background-color: #000;
		border-color: #000;
		color: white;
	}
	.row-images {position:relative;top:-200px;}
	
	.clear-filters {
		border: 2px solid #242424;
		border-radius: 40px;
		padding: 5px 15px;
		font-size: 1rem;
	}
	
	.clear-filters:hover {
		cursor: pointer;
	}
	
	.radio-choice {
		gap: 1rem;
	}
	
	.page-template-page-projects-tpl .fs-wrap .fs-options .fs-option.selected, 
	.page-template-page-projects2-tpl .fs-wrap .fs-options .fs-option.selected {
		background-color: #ddd;
	}
	.page-template-page-projects-tpl .fs-wrap.multiple .fs-option.selected .fs-checkbox i,
	.page-template-page-projects2-tpl .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
		background-color: rgb(100, 100, 100);
	}
	.page-item.active .page-link {
		background-color: #ddd;
		border-color: #ddd;
	}

/* Facets */

	.facetwp-template a:hover {color:initial;text-decoration:none;}

/* Cards */

	.a-project-card {
		display: block;
		border: 1px solid #ddd;
		height: 100%;
		padding: 15px;
		background-color:#fff;
	}
	.facetwp-template .col-12:nth-child(2n+2) .a-project-card {background-color:#fff;}
	.a-project-card h2 {
		font-size: 1.25rem;
		position: absolute;
		top: 15px;
		left: 30px;
		right: 30px;
		bottom: auto;
	}

/* Projects */

	.project__author {
		font-size: 1rem;
	}
	
	.project__references {
		font-size: 1.25rem;
	}
	
	li.project__reference {
		font-size: 1rem;
	}
	
	.icon__localisation {
		margin-left: 0.65rem;
	}

	.page-template-page-projects-tpl h1,
	.page-template-page-projects2-tpl h1 {
		font-size: 1.5rem;
	}

	.col-tab-acf {margin-bottom:2.95rem;}
		.col-tab-acf .col-12.mb-4 {
			text-align:right;
			font-size: 1rem;
		}
			.col-tab-acf h2 {font-size: 1.25rem;width:100%;text-align:left;}
			.col-tab-acf h4 {
				width: auto;
				float: left;
				font-size: 1rem;
				font-weight: 600;
			}
			hr {margin-bottom: 0; margin-top: 0.5rem;}
			
			
			
/* Footer */	

	
	.logo-heia {
		max-height: 90px;
		width: auto;
	}

	.logo-sia {
		max-height: 90px;
		width: auto;
	}
	
	.logo-bsa {
		max-height: 65px;
		width: auto;
	}
	
	.logo-afmc {
		max-height: 75px;
		width: auto;
	}

/* DataTables */

	.dataTable {
	  display: flex;
	  width: 100%;
	}
	.dataTable thead {
	  display: block;
	  position: relative;
	}
	.dataTable thead tr {
	  display: flex;
	  flex-direction: column;
	}
	.dataTable thead th {
	  flex-grow: 1;
	  /* position: absolute !important; */
	  top: 100% !important;
	  z-index: 9;
	  width: 180px !important;
	  left: 0;
	  height: 240px;
	  box-sizing: border-box !important;
	  color: #242424;
	  border: unset;
	  display: flex;
	  justify-content: start;
	  align-items: center;
	  font-weight: bold;
	  background-color: #f6f6f6;
	  font-size:15px;
	  text-align:left;
	  padding-left:15px;
	}
	.dataTable thead th.align-top,
	.dataTable tbody td.align-top {
		padding-top: 15px;
	  align-items: start;
	}
	
	.dataTable thead th {background-color: #ddd;}
	.dataTable tbody#the-results > tr td:first-child {
	  background-color: #ddd;
	  font-size:15px;
	  text-align:left;
	  color: #242424;
	  line-height: 15px;
	  text-align: left !important;
	  justify-content: start !important;
	}
	.dataTable tbody#the-results > tr td:first-child small {font-weight: 900;font-size:15px;padding:5px 5px 0;}
	
	table.dataTable td:first-child {
		height:65px !important;
	}
	
	table.dataTable th:first-child {
		height: 80px!important;
	}
	
	table.dataTable td.num,
	.dataTable thead th:nth-child(9), 
	.dataTable thead th:nth-child(10),
	.dataTable thead th:nth-child(11),
	.dataTable thead th:nth-child(12),
	.dataTable thead th:nth-child(13) {
	  height:50px !important;
	}
	
	
	.dataTable thead th:nth-child(2) {
	  top: calc(100% + 200px * 1 - 120px) !important;
	}
	.dataTable thead th:nth-child(3) {
	  top: calc(100% + 200px * 2 - 120px) !important;
	}
	.dataTable thead th:nth-child(4) {
	  top: calc(100% + 200px * 3 - 120px) !important;
	}
	.dataTable thead th:nth-child(5) {
	  top: calc(100% + 200px * 4 - 120px) !important;
	}
	.dataTable thead th:nth-child(6) {
	  top: calc(100% + 200px * 5 - 120px) !important;
	}
	.dataTable thead th:nth-child(7) {
	  top: calc(100% + 200px * 6 - 120px) !important;
	}
	.dataTable thead th:nth-child(8) {
	  top: calc(100% + 200px * 7 - 120px) !important;
	}
	.dataTable thead th:nth-child(9) {
	  top: calc(100% + 200px * 8 - 120px - 150px) !important;
	}
	.dataTable thead th:nth-child(10) {
	  top: calc(100% + 200px * 9 - 120px - 300px) !important;
	}
	.dataTable thead th:nth-child(11) {
	  top: calc(100% + 200px * 10 - 120px - 450px) !important;
	}
	.dataTable thead th:nth-child(12) {
	  top: calc(100% + 200px * 11 - 120px - 600px) !important;
	}
	
	.dataTable tbody {
	  display: flex;
	  width: 100%;
	  overflow-x: auto;
	  /* padding-left: 180px; */
	  min-height: calc(200px * 6 + 18px + 5 * 50px + 80px); /* 200px x nb cols a 200px + scrollbar + nb cols a 50px x 50px + header height */
	}
	.dataTable tbody tr {
	  display: block;
	  box-sizing: border-box;
	}
	.dataTable tbody td {
	  display: flex;
	  height: 240px;
	  width: 240px;
	  position: relative;
	  box-sizing: border-box;
	  font-size: 15px;
	  justify-content: center;
	  align-items: center;
	  border: none;
	  padding: 0 5px;
	  font-weight: 600;
	}
	.dataTable tr.even td {
	    background-color: #f2f2f2;
	}
	
	.dataTable tbody td:not(:last-child)::before {
	  border-bottom: 1px solid #f2e7e7;
	}
	
	table.dataTable > thead .sorting::before, 
	table.dataTable > thead .sorting_asc::before, 
	table.dataTable > thead .sorting_desc::before, 
	table.dataTable > thead .sorting_asc_disabled::before, 
	table.dataTable > thead .sorting_desc_disabled::before, 
	table.dataTable > thead .sorting::after, 
	table.dataTable > thead .sorting_asc::after, 
	table.dataTable > thead .sorting_desc::after, 
	table.dataTable > thead .sorting_asc_disabled::after {
		bottom: initial!important;
	}
	
	.dataTables_paginate a {
	    margin: 0 10px;
	}
	
	.dataTable .border-grey {
		border: solid 1px rgb(214, 214, 214);
	}
	
	.paginate_button {
		cursor: pointer;
	}
	
	.dt-button {
		border: 2px solid #242424;
		border-radius: 40px;
		padding: 5px 15px;
		font-size: 1rem;
		cursor: pointer;
	}
	
	#siteProjects_filter input[type="search"] {
		border: 1px solid #ddd;
	}
	
/* Forms */

	.gform_wrapper ul.gform_fields {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
		.gform_wrapper ul.gform_fields li.gfield.col-12 {
			padding-right: 15px;
			margin-bottom: 10px;
		}
	.ginput_container_name {width: 100% !important;}
		.ginput_container_name p {width:50% !important;float: right !important;margin-bottom: 0;}
			.ginput_container_name p span {width:100% !important;padding:0 !important;}
			html div.ginput_complex.ginput_container_name span.name_last {width: calc(100% - 8px) !important;}
			html div.ginput_complex.ginput_container.gf_name_has_2 span.name_first,
			html div.ginput_complex.ginput_container_name span.name_first {
				width: calc(100% - 8px) !important;margin-left: 8px !important;
			}
			.ginput_container_name span input {}
			.gform_wrapper select {
			    min-height: 39px;
			}
				.gform_wrapper .ginput_container_select select option:first-child {
					min-height: 39px;
					line-height: 39px;
				}
		.ginput_container_name br,
		.gfield_checkbox li br,
		.gfield_radio li br {display:none;}
		
		
	input.gfield-choice-input {
	    float: left;
	    margin-right: 10px;
	}
	.ginput_container_checkbox + .gfield_description,
	.ginput_container_radio + .gfield_description {
	    padding-left: 20px;
	    font-size: 60%;
	    padding-top: 0px !important;
	}
	.gform_legacy_markup_wrapper .top_label input,
	.ginput_container_select select {width:100% !important;}
	
	
	.gform_wrapper.gravity-theme .gfield input[type="file"] {
	    font-size: 14px;
	}
	.gform_wrapper.gravity-theme .description, 
	.gform_wrapper.gravity-theme .gfield_description, 
	.gform_wrapper.gravity-theme .gsection_description, 
	.gform_wrapper.gravity-theme .instruction {
	    font-size: 12px;
	    max-width: 60%;
	}
	
	/*
	https://newbedev.com/css-how-to-change-height-of-select-option-code-example
	https://moderncss.dev/custom-select-styles-with-pure-css/
	https://stackoverflow.com/questions/41860477/why-doesnt-css-clip-path-with-svg-work-in-safari
	*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
	    .gform_wrapper.gravity-theme .top_label input.medium, 
	    .gform_wrapper .top_label select.medium,
	     .gform_wrapper.gravity-theme .top_label textarea.medium {
	    	-webkit-appearance:none;
	    	border-radius:0;
	    	border-color:rgb(238,238,238);
	        box-shadow: none;
		    border-width: 1px;
		    border-style: solid;
		    color: #999;
	    }
	    .gform_wrapper.gravity-theme .top_label input.medium, 
	    .gform_wrapper .top_label select.medium {height:42.5px;}
	    
	    .gform_wrapper .top_label .ginput_container_select {
	    	position:relative;
	    }
	    .gform_wrapper .top_label .ginput_container_select::before {
			content: "";
			width: 0.5em;
			height: 0.3em;
			background-color: #999;
			-webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
			clip-path: polygon(100% 0%, 0 0%, 50% 100%);
			position: absolute;
		    right: 5px;
		    top: 45%;
		    transition:all .7 ease;
		}
		.gfield_contains_required .ginput_container.ginput_container_select:focus::before {
			background-color: #f00;
			transform: rotate(180deg);
		}
		.gfield_contains_required .ginput_container.ginput_container_select::after {
		    top: -12px;
		    right: -10px;
		}
	}
	
/* Donation Form */

	.ergopix-donation-form_wrapper {}
		.ergopix-donation-form_wrapper li.gfield_price ul.gfield_radio li {display:inline-block; width:80px !important;height:80px !important;background-color: #333;position:relative;}
		.ergopix-donation-form_wrapper li.gfield_price ul.gfield_radio li input {
			display: block;
			width: 80px !important;
			height: 80px !important;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1000;
			cursor:pointer;
			opacity:0;
			margin: 0;
		}
		.ergopix-donation-form_wrapper li.gfield_price ul.gfield_radio li label {
			display: block;
			width: 80px !important;
			height: 80px !important;
			max-width:100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 999;
			cursor:pointer;
			opacity:1;
			margin: 0;
			color:#fff;
			text-align:center;
			padding:8px;
		}
		.ergopix-donation-form_wrapper.gform_wrapper li.gfield_price ul.gfield_radio li input[type="radio"]:checked + label {background-color:#000;font-weight:500;}
		 
/* Scroll Sidebar */

	.scroll-sidebar {
		background-color:#333;
		color: #fff;
		right:-56px;
		width:56px;
		top: 40%;
		position: fixed;
		left: auto;
		bottom: auto;
		z-index: 10000000;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		text-align: center;
	}
	html.fixed .scroll-sidebar {
		right:15px;
	}
		.scroll-sidebar ul {
			list-style:none;
			margin:0;
			padding: 0;
		}
			.scroll-sidebar ul li {
				margin: 10px 0;
			}
				.scroll-sidebar ul li a {
					color: #fff;
					font-size: 30px;
				}
					.scroll-sidebar ul li a i {
						
					}

/* Back To Top Button */
	
	#backtotopBtn {
	    display: none;
	    position: fixed;
	    bottom: 32px;
	    right: 15px;
	    z-index: 99999;
	    border: none;
	    outline: none;
	    color: #fff;
	    background-color: #333;
	    cursor: pointer;
	    height: 56px;
		width: 56px;
	}
	
	#backtotopBtn:hover {
	    background-color: #000;
	}
	
		#backtotopBtn span {
			
		}


/* Responsive */
	
	/* Max Width */
	
		@media (max-width: 1440px) {
			.col-tab-acf .col-12.mb-4 {
				text-align:left;
			}
				.col-tab-acf h4 {
					float: initial;
				}
		}
	
		@media (max-width: 1199.98px) {
			
			
			.row-filters label, 
			.filters-collector a, 
			.fs-wrap, .fs-dropdown, .fs-options, 
			.clear-filters {font-size: 15px;}
		}
		
		@media (max-width: 991.98px) {
			.h1, h1 {font-size: 1.75rem;}
			h2 {}
			h3 {}
			h4 {}
			h5 {}
			h6 {}
			header {height: 65px;}
			
			.row-filters label, 
			.filters-collector a, 
			.fs-wrap, .fs-dropdown, .fs-options, 
			.clear-filters {font-size: 13px;}
			
			.row-images {position:relative;top:-150px;}
		}
		
		@media (max-width: 767.98px) {
			.row-images {position:static;}
		}
		
		@media (max-width: 575.98px) { 
			#backtotopBtn {height: 46px;width: 46px;}
			.scroll-sidebar {right:-46px;width:46px;}
			.scroll-sidebar ul li a {font-size: 24px;}
		}
	
	/* Min Width */

		@media (min-width: 576px) { 
			
		}
		
		@media (min-width: 768px) {
		
		}
		
		@media (min-width: 992px) { 
			
		}
		
		@media (min-width: 1200px) { 
			.container {width:94%;max-width:1180px;}
		}
		
		@media (min-width: 1300px) { 
			.container {width:96%;max-width:1220px;}
		}
		
		@media (min-width: 1440px) { 
			.container {width:98%;max-width:1920px;}
		}