/*
Theme Name: Zakra IMS Theme
Theme URI: http://themegrill.com/themes/zakra/
Description: Child Theme for Zakra
Author: Julien Dauphin
Author URI: https://juliendauphin.fr
Template: zakra
Version: 1.0
*/

.technicalsheet a:hover, .wp-block-file__button:hover {
	color : #07B !important;
}
body {
	color : #081C5A;
	font-size : 16px;
}
.tg-site-footer .tg-site-footer-bar {
    border-top-width: 1px;
}
.uagb-post__cta .wp-block-button__link, .entry-content .wp-block-button__link.has-white-color{
	color :white !important;

}
.uagb-post__cta .wp-block-button__link:hover, .entry-content .wp-block-button__link.has-white-color:hover{
	background-color :white !important;
	color : #07B !important;
}
.wp-block-button__link{
	text-decoration: none !important;
}
.wp-block-table a, .smartgrid a{
	color : #081C5A;
}
.wp-block-table a:hover, .smartgrid a:hover{
	color : #07B !important;
}
.main-navigation .sub-menu li a{
	font-size : 0.9rem !important;
}
.main-navigation .menu li a  {
	font-size : 14.4px;
}
#wpadminbar a, .technicalsheet a, .wp-block-file__button{
	color : white !important;
}
.menu-item a {
	color : #081C5A !important;
	text-decoration: none !important;
}
.menu-item a:hover {
	color : #FEBB35 !important;
	text-decoration: none !important;
}
.menu-item .tg-header-button, .tg-header-button-one a, .tg-header-button-one:hover a{
	color : white !important;
	background-color: #0077BB !important;
	font-weight: 700;
}
.entry-content a {
    color : #081C5A;
}
.entry-content a:hover {
    color : #07B !important;
}
.menu-item .tg-header-button:hover{
	color : white !important;
}
.uagb-ifb-title a{
	color : white !important;
}
i {
	color : #febb35 !important;
}

body .is-layout-flex{
	align-items : unset;
}

.dashicons-archive{
	transform: translatey(-6px);
}
#colophon {
	background-color : #081C5A;
font-size : 16px;
}
#colophon a, #colophon p {
	color : white !important;
	font-size : 16px;
}
/*
* TAC
*/


#tarteaucitronRoot button#tarteaucitronBack {
    background: black !important;
}

#tarteaucitronAllAllowed:hover .tarteaucitronCheck::before, #googletagmanagerAllowed:hover .tarteaucitronCheck::before, #gtagAllowed:hover .tarteaucitronCheck::before {
color : #1F77BB !important;
}

#tarteaucitronRoot .tarteaucitronCross::before{
color : #1F77BB !important;
}

#tarteaucitronAllDenied span {
color : #e5f1f8 !important;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronInfo,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronH1,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronH2,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronSave
{   
background: white !important; 
color : black !important;
}

#tarteaucitronMainLineOffset .tarteaucitronH1{
color: black !important;
}

#tarteaucitronAlertBig{
width : 40% !important;
background : white !important;
}
 
#tarteaucitronDisclaimerAlert{
color : black !important;
}
 
.tarteaucitronDeny, .tarteaucitronAllow:hover {
background : white !important;
color: #07B !important;
margin-bottom : 15px !important;
min-width : 150px;
border : 1px solid #07B !important;
border-radius : unset !important;
}

.tarteaucitronDeny:hover{
background : #e5f1f8 !important;
margin-bottom : 15px !important;
min-width : 150px;
border : 1px solid #07B !important;
border-radius : unset !important;
}

.tarteaucitronAllow{
background : #07B !important;
color: white !important;
margin-bottom : 15px !important;
min-width : 150px;
border : 1px solid #07B !important;
border-radius : unset !important;
}
 
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background: none;          
    border: none;             
    color: #007bff;            
    text-decoration: underline; 
    cursor: pointer;           
    padding: 5px 10px;                
    font: inherit;  
display : block;
margin-left : auto;
margin-right: auto;
}

 
#tarteaucitronAlertBig:before{
    content: '' !important;
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    background-image: url('/wp-content/uploads/sites/523/2022/12/favicon.png');
    background-size: cover; 
    background-position: center; 
}
 
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: white !important;
    color: black !important;
   
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
background: white !important;
color: black !important;
margin-top : 15px !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{
background : black !important;
}

/*
* GENERAL
*/
.current-menu-item > a,
.current-menu-parent > a,
.current-menu-ancestor > a{
    color: #FEBB35 !important;
}
.entry-meta{
display: none;
}
h1, h2 {
	font-size: 3.5rem !important;
	font-weight: 700 !important;
}
h1, h2 {
	margin-bottom: 2rem !important;
}
h1:after, h2:after {
	content: "";
	width: 80px;
	height: 6px;
	display: block;
	background: #FEBB35 !important;
	margin: 0.4rem 0;
}
h2.uagb-ifb-title {
	position: absolute;
	font-size: 180% !important;
	font-weight: 600 !important;
	width: 74%;
	margin: -2rem 13% 0 13% ;
	background-color: #081C5A;
	padding: 1rem;
	color: #fff;
	z-index: 9999;
}
h2.uagb-ifb-title:after {
	content: "";
	width: 46px;
	height: 5px;
	display: block;
	background: #FEBB35 !important;
	text-align: center;
	margin: 1rem auto;
}
.topcategorie h2 a, .topcategorie h2 a:hover {
	color: #fff;
}
.topcategorie h2 a:hover {
	text-decoration: none;
}

#imsModal{
display : none !important; 
}
.tg-icon-arrow-up{
color: white !important}
/*
* MISCELLANEOUS
*/

#masthead {
	overflow: hidden;
}

.choiceofgoods thead {
	font-weight: bold;
	color: #fff;
	background-color: #0D1C56;
}
.choiceofgoods a {
	text-decoration: underline;
}
.choiceofgoods a:hover {
	color: #0D1C56;
}

.circledlogo {
	border: 1px solid #fff;
}
.footer-sidebar-4 ul {
	margin: -8px;
}

.forminator-row {
	max-width: 800px;
}

.hidden {
display : none !important;
}


/*
* WORDPRESS
*/

.hentry, .entry-content {
	margin: 0 !important;
}
.entry-content p {
	margin-bottom: 0;
}
.home h1 {
	display: none;
}
.site-content {
	padding-top: 0;
	padding-bottom: 0;
}
.site-content .imsg {
	padding-top: 80px;
}

.menu-primary li.depth0 > a {
	font-weight: bold !important;
}
.menu-primary li.depth1 > a {
	font-weight: 600;
}
.search-results article {
	background-color: #F2F2F2;
	padding: 1em;
	margin-bottom: 5em !important;
}



/*
* UAGB
*/

.wp-block-uagb-info-box:hover img,
.wp-block-uagb-info-box:focus img {
	transform: scale(1.2);
	transition: all .5s;
}
.uagb-ifb-image-content {
	width: 100% !important;
	overflow: hidden;
}

.findoutmore .wp-block-uagb-marketing-button {
	justify-content: start;
}



/*
* GRIDS
*/

.grid {
	display: grid;
	gap: 2em;
	margin-bottom: 8rem;
}
.grid4 {
	grid-template-columns: repeat(4, 1fr);
}
.grid3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid2 {
	grid-template-columns: repeat(2, 1fr);
}

@media all and (max-width:768px) {
	.grid2, .grid3, .grid4 {
		grid-template-columns: repeat(1, 1fr);
	}
}



/*
* SECTIONS
*/

section.subcats {
	margin: 3rem 0;
}
section.subcats li {
	background-color: #0D1C56;
	text-align: center;
	list-style-type: none;
	padding: 2rem;
	font-size: 200%;
	font-weight: bold;
}
section.subcats li:after {
	content: "";
	width: 80px;
	height: 5px;
	display: block;
	background: #FEBB35 !important;
	margin: auto;
}
section.subcats li a, section.subcats li a:hover {
	color: #fff;
	text-decoration: none;
}

section.contactus, section.anyquestions, section.getintouch, section.yourbenefits {
	padding: 4rem 1rem !important;
}
section.contactus p, section.getintouch p, section.yourbenefits p {
	margin-bottom: 0;
}
section.contactus p.has-x-large-font-size, section.getintouch p.has-x-large-font-size, section.yourbenefits p.has-x-large-font-size {
	line-height: 120%;
}
section.contactus p strong:after,
section.getintouch p strong:after {
	content: "";
	width: 90px;
	height: 12px;
	display: block;
	background: #fff;
	margin: 30px 0;
}
section.contactus a,
section.contactus .dashicons,
section.getintouch a, section.getintouch .dashicons {
	color: #081C5A !important;
	font-size: 36px;
	font-weight: bold
}
section.anyquestions a, section.anyquestions .dashicons  {
	color: #FEBB35 !important;
	font-size: 36px;
	font-weight: bold
}

section.anyquestions.yellow a, section.anyquestions.yellow .dashicons  {
	color: #081C5A !important;
	font-size: 36px;
	font-weight: bold
}
section.anyquestions .dashicons,
section.contactus .dashicons, section.getintouch .dashicons {
	margin-right: 1.5rem;
	margin-top: 0.75rem;
}
section.anyquestions p:after {
	content: "";
	width: 90px;
	height: 12px;
	display: block;
	background: #FFFFFF;
	margin: 30px 0;
}

section.yourbenefits p strong:after {
	content: "";
	width: 90px;
	height: 12px;
	display: block;
	background: #FEBB35 !important;
	margin: 30px 0;
}
.yourbenefits .dashicons, .yourbenefits .services {
	font-size: 5rem;
	color: #FEBB35 !important;
}
.mybenefit span.dashicons {
	min-width: 6rem;
	min-height: 8rem;
}

section.services span.dashicons {
	font-size: 400% !important;
	color: #FEBB35 !important;
	margin-bottom: 2rem;
}

section.contactmap {
	padding: 0 !important;
}
.contactmap_right {
	line-height: normal;
	max-height: 200px;
}
.contactmap_right:before, .contactmap_right:after {
	width: 80px;
	height: 50%;
	position: absolute;
	left: -80px;
	content: "";
}
.contactmap_right:before {
	top: 0;
	background: linear-gradient(to left top, #FEBB35 50%, #fff 50%);
}
.contactmap_right:after {
	top: 50%;
	background: linear-gradient(to left bottom, #FEBB35 50%, transparent 50%);
}
.contactmap_right h2 {
	margin-top: 3rem;
}

section.teasing div.graybg {
	position: absolute;
	width: 200px !important;
	height: 100%;
	left: -200px;
	background-color: #f2f2f2;
	z-index: 0;
}
section.teasing .teasing_left {
	z-index: 2;
}
section.teasing .teasing_right {
	z-index: 1;
}
section.teasing .cta {
	position: absolute !important;
	/*width: 220px !important;*/
	bottom: -11px;
}
section.teasing .cta a:before, section.teasing .cta a:after {
	width: 20px;
	height: 50%;
	position: absolute;
	right: -20px;
	content: "";
}
section.teasing .cta a:before {
	top: 0;
	background: linear-gradient(to right top, #FEBB35 50%, transparent 50%)
}
section.teasing .cta a:after {
	top: 50%;
	background: linear-gradient(to right bottom, #FEBB35 50%, transparent 50%);
}

section.history3cols .uagb-ifb-icon-wrap {
	font-size: 200%;
}

section.highlighted {
	padding: 0 !important;
}
.highlighted_left {
	line-height: normal;
	/*width: 80% !important;*/
	/*left: -50% !important;
	padding-left: 50% !important;*/
}
.highlighted_left:before, .highlighted_left:after {
	width: 80px;
	height: 50%;
	position: absolute;
	right: -80px;
	content: "";
}
.highlighted_left:before {
	top: 0;
	background: linear-gradient(to right top, #FEBB35 50%, transparent 50%)
}
.highlighted_left:after {
	top: 50%;
	background: linear-gradient(to right bottom, #FEBB35 50%, transparent 50%);
}
.highlighted_left p strong:after {
	content: "";
	width: 90px;
	height: 12px;
	display: block;
	background: #FFFFFF;
	margin: 15px 0;
}
/*.highlighted_right {
	width: 100% !important;
}*/

section.quicksearch h2:after {
content: "";
width: 75px;
height: 6px;
display: block;
background: #FEBB35 !important;
margin: 5px 0 15px 0;
}



/*
* SEARCH
*/

#search-icon {
	fill: #FFFFFF;
	font-size: 120%;
}
.quicksearch .wp-block-search__button {
	background-color: #FEBB35 !important;
	border: none;
	margin: 0;
}
.quicksearch h3 {
	color: #FEBB35 !important;
	font-size: 120%;
}
.quicksearch h3:after {
	content: "▽";
	color: #FEBB35 !important;
	position: relative;
	margin-left: 1rem;
	font-weight: 600;
}
.quicksearch .is-open>h3:after {
	content: "△";
}



/*
* MEDIA QUERIES
*/

@media all and (max-width:768px) {
	section.teasing div.graybg {
		display: none;
	}
	
	.highlighted_left:before, .highlighted_left:after {
	width: 50%;
	height: 80px;
	position: absolute;
	left: 0;
	bottom: -80px;
	content: "";
	}
	
	.highlighted_left:before {
		left: 0;
		top: auto;
		background: linear-gradient(to left bottom, #FEBB35 50%, transparent 50%)
	}
	.highlighted_left:after {
		left: auto;
		right: 0;
		top: auto;
		background: linear-gradient(to right bottom, #FEBB35 50%, transparent 50%);
	}
		
		.contactmap_right:before, .contactmap_right:after {
		height: 40px;
		width: 50%;
		position: absolute;
		top: -40px;
		content: "";
	}
	.contactmap_right:before {
		left: 0;
		background: linear-gradient(to left top, #FEBB35 50%, #fff 50%);
	}
	.contactmap_right:after {
		left: 50%;
		background: linear-gradient(to top right, #FEBB35 50%, transparent 50%);
	}
}

@media all and (min-width:769px) {
	/*.tg-site-header-bottom {
		height: 90px;
	}
	.site-branding, #header-action {
		margin-top: -1.5em !important;
	}*/
	#site-navigation {
		max-height: 88px;
		overflow: visible;		
	}
	
	#primary-menu li.depth0 a {
		background-color: transparent;
	}
	
	#primary-menu li.depth0:hover > ul.sub-menu {
		background-color: #eee !important;
		position: fixed !important;
		width: 100% !important;
		left: 0 !important;
		top: 115px !important;
		z-index: 90000 !important;
		padding: 2rem !important;
		display: flex !important;
		align-items: top !important;
		justify-content: center !important;
		gap: 2em;
  }
	
	#primary-menu li.depth1 {
		/*-ms-flex: 1;*/  /* IE 10 */  
		/*flex: 1 ;*/
		z-index: 95000 !important;
		max-width: 15%;
		text-align: left !important;
	}
	
	#primary-menu li.depth1 ul.sub-menu {
		position: relative !important;
		z-index: 99000 !important;
		left: 0 !important;
	}
	#primary-menu li.depth1 ul, #primary-menu li.depth1 li {
		padding: 0;
		margin: 0;
		width: 100% !important;
		border: none !important;
		line-height: 50% !important;
		background-color: transparent !important;
	}
	#primary-menu li.depth0 a:after, #primary-menu li.depth1 a:after {
		content: '' !important;
	}
	#primary-menu li.depth2 a {
		font-weight: 400 !important;
		line-height: normal;
		padding-bottom: 0;
	}
	
	.admin-bar #primary-menu li.depth0:hover > ul.sub-menu {
		top: 148px !important;
	}
}

@media screen and (min-width: 1200px) {
	.tg-container {
		max-width: 1160px;
	}
}
@media screen and (min-width: 1460px) {
	.tg-container {
		max-width: 1420px;
	}
}

#gtx-trans, wp-modal-content-media-buttons button { display : none !important;}

.technicalsheet{
margin-bottom : 20px;
}

.technicalsheet a, .technicalsheet a:active, .technicalsheet a:focus{
color: #fff;
    background-color: #0077BB;
    padding: 9px 10px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border: 2px solid #0077BB;
text-decoration: none;
font-weight: 700;
    font-size: 1.05rem;
}

.technicalsheet a:hover{
color: #269bd1;
    background-color: white;
   border: 2px solid #0077BB;
text-decoration: none;
}

.technicalsheet p{
margin-bottom : 10px;
}

#liste_grades_materials{
display: flex;
flex-wrap : wrap;
justify-content : space-between;
list-style-type : none;
padding : 15px;
margin : unset;
}


#liste_grades_materials li {
    border-right: 1px solid #d3d3d3;
    padding-right: 10px;
    margin-right: 10px;

display: flex;
flex-direction : column;
  }

#liste_grades_materials li:last-child, #liste_grades_materials li li {
    border-right: none;
  }

#liste_grades_materials li{
list-style-type : none;
}

#liste_grades_materials li ul{
margin-left : unset;
}

#liste_grades_materials li ul li{
padding : unset;
}

#liste_grades_materials a{
text-decoration: none;
font-size : 0.8em;
}

#liste_grades_materials > li > a:first-child {
font-weight: 600;
font-size : 1em;
}

#liste_grades_materials > li > ul > li > a:first-child {
    font-weight: normal; }

@media screen and (max-width : 1024px){ 
#liste_grades_materials{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
}
@media screen and (max-width : 562px){ 
#liste_grades_materials{
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}
}

.triangle {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 10px;
            vertical-align: middle;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid black;
            cursor: pointer;
            transition: transform 0.3s ease;
        }
        
        .triangle.open {
            transform: rotate(180deg);
        }

@media (min-width: 1024px) {
            .triangle {
                display: none;
            } }
@media (max-width: 1024px) {
            #liste_grades_materials li ul {
                display: none;
            }   }  
  


 .button_register_container {
            display: flex;
            justify-content: center;
            align-items: center;
            
        }

        .button_register_container button {
            background-color: #0077BB;
            color: white;
            border: 2px solid #0077BB;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
        }

        .button_register_container button:hover {
            background-color: white;
            color: #0077BB;
        }


.is-style-outline:hover{
background-color : #e5f1f8;
}

.is-style-outline:hover a{
text-decoration : none;
}


ul.sub-menu.hovered {
    background-color: #eee !important;
		position: fixed !important;
		width: 100% !important;
		left: 0 !important;
		top: 115px !important;
		z-index: 90000 !important;
		padding: 2rem !important;
		display: flex !important;
		align-items: top !important;
		justify-content: center !important;
		gap: 2em;
}

.admin-bar ul.sub-menu.hovered {
		top: 148px !important;
		
}

.forminator-button-upload, .button_cta_second{
	border : 2px solid #0077BB !important;
	background-color : white !important;
	color : #0077BB !important;
        box-shadow: unset !important;
}

.forminator-button-upload:hover, button_cta_second:hover{
	border : 2px solid #0077BB !important;
	background-color : #E5F1F8 !important;
	color : #0077BB !important;
box-shadow: unset !important;
}

.forminator-button-submit, .button_cta_first{
        border : 2px solid #0077BB !important;
	background-color : #0077BB !important;
	color : white !important;
box-shadow: unset !important;
}

.forminator-button-submit:hover, .button_cta_first:hover{
        border : 2px solid #0077BB !important;
	background-color : white !important;
	color : #0077BB !important;
box-shadow: unset !important;
}

.legal h2{
	font-size : 2rem !important;
	margin : unset;
	margin : 20px 0 5px 0;
}
.legal h3{
	font-size : 1.4rem !important;
	margin : unset;
	margin : 10px 0 5px 0;
}
.legal table{
	margin : unset;
	margin-top : 20px ;
}

.legal-links span{
	margin-right: 15px;
}

.grid p a {
	text-decoration : underline;
}