/* STYLES DU BLOG DU PATRIMOINE */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body{
	background-color: #f0f0f0;
}

body * {
	font-family: 'Roboto', sans-serif
}

body.page{
	margin: 0
}


/*HEader*/


.preHead{
	background-color: #f8b71d
}

.preHead, .preHead a{
	color: white;
	font-size: 14px
}

.preHead p{
	margin: 0
}

.preHead .col-sm-6{
	text-align: right;
	display: flex;
	align-items: center; justify-content: right
}
.preHead .col-sm-6:first-child{
	justify-content: left
}


.site-branding{
	display: flex;
	justify-content: space-between; align-items: center; height: 120px
}

.blockLogo{display: flex}

.custom-logo-link{
	margin-right: 5px
}

.site-title ,.site-title a, .site-title a:visited{
	color:#0059ad;
	text-transform: uppercase; font-size: 25px;
  margin: 0; line-height: 26px
}
.site-description{
		color:#0059ad;
	text-transform: uppercase; font-size: 15px;
	margin: 0;
}


#derouleContainer{	max-height: 25px; }
#derouleContainer:hover{}
.derouleVadPat{
		max-height: 25px;
	    overflow: hidden;
	border:1px solid #0059ad;
			border-radius: 7px;
}

.derouleVadPat:hover{
	max-height: unset;
	background-color: #0059ad;
	padding-bottom: 2px;
}

.derouleVadPat p{
		background-color: #0059ad;
	padding:3px 12px;
	color: white;
	text-transform: uppercase; font-size: 13px;
	margin-bottom: 0
}

.derouleVadPat span{
	display: inline-block;
	transform: rotate(270deg) scaleY(1.5);
	margin-left:5px
}

.derouleVadPat a{
	color:#0059ad;
	background-color: white;
		text-transform: uppercase; font-size: 13px;
		padding:3px 12px;
	margin:1px 0;
	display: inline-block; width:100%;

}



#site-navigation{
	border-top:3px solid #005aab;
	border-bottom:3px solid #005aab;
}

#site-navigation .container{
	display: flex; justify-content: space-between; align-items: center;
			height: 38px
}

#site-navigation a{
	font-weight: 400;
	color: black;
	padding: 8px 30px;
	text-transform: uppercase;
	font-size: 15px;
	border-left: 1px solid #ddd;
}

#site-navigation a:hover{
	background-color: #eee
}

#site-navigation li:last-child{
	border-right: 1px solid #ddd;
}

#site-navigation .sub-menu{
	display: flex; flex-direction: column;
	background-color: white;
}

#site-navigation .sub-menu a{
	font-size: 14px; padding: 4px 30px
}


#site-navigation .sub-menu a:hover{
 background-color: #0059ad; color:white
}

#site-navigation .widget_search, #site-navigation .widget_search label{
	margin:0
}

#menu-item-137{
	display: none
}

.search-holder{

}

.widget_search{
	list-style-type: none; 	height: 38px;
		display: flex;
	align-items: center;
		border-left: 1px solid #ddd;

}
.widget_search .search-form{
	display: flex;
	align-items: center;
}
/*
.widget_search input.search-submit{
	font-size: 0;
	width:40px;
	height: 30px;
	background-image: url('http://blogpatrimoine.webmetrue.fr/wp-content/themes/blogpatrimoine2021/img/loupe.jpg');
	background-position: center center;
	border:none

} */
#wp-block-search__input-1{
	border: none;
	font-size:0.9rem;
}
.wp-block-search__button{
	border: none!important;
}
/*
.widget_search input.search-submit:hover{
	transform: scale(1.05)
}

.widget_search input.search-field{
	border:none;
	margin-left:10px
}

 */
/* SLIDER */
#sliderAccueil{
	border-bottom: 3px solid #0059ad
}

.slick-arrow{
	position: absolute; top:45%;
	z-index: 100;
	background-color: white; border-radius: 50px;
	padding: 7px; margin:0 20px;
	border: 2px solid #f8b71d;
	opacity: 0.7
}
.slick-arrow:hover{
	opacity: 1
}
.slick-arrow img{
	width:25px; height:25px;
}

.slick-prev{
	left:0;
}
.slick-next{
	right:0
}

.slide-accueil{
	position: relative;
	height:350px;
}

.slide-lethumbnail{
	height:100%; width: 100%;
	background-size: cover;
	background-position: center center;
	position: absolute;
	transition:all 0.5s
}
.slide-accueil:hover .slide-lethumbnail{
		background-size: 105%
}
.slide-accueil:hover .slide-infos{
	background-color: rgba(0,0,0,0.6);
}
.slide-infos{
	height:100%;width:100%;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; text-align: center;
  border-left:0px solid white;
	border-right:2px solid white;
	padding:0 40px;
		transition:all 0.5s

}

.slide-infos a, .slide-infos p, .slide-infos a:visited, .slide-infos a:hover {
		color: white
}

.slide-infos .uneCategorie{
	background-color: #f8b71d; border-radius: 5px; padding: 2px 8px; margin: 0 3px; font-size: 12px
}


/* Home article */
#home-articles{
	background-color: #eee;
padding-top: 35px
}

#loop-articles{
	background-color: #fff;
box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
	border-top:3px solid #f8b71d;
}

#loop-articles h3, #home-articles .col-sm-3 h2, #fluxLivres h3#approfondir, .archive h1, .search h1{
	text-align: center; font-size: 16px; text-transform: uppercase; display:block; width:100%;
	border-bottom:1px solid #ccc;
	padding: 15px 0;
	margin-bottom: 25px;
	box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
}

.accueil-blog{
	margin: 20px 30px;
		box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
	display: flex;
}

.accueil-blog .lethumbnail{
	width:300px; height:180px;
	background-size: 100%;
 background-position: center;
		transition:all 0.5s

}
.accueil-blog:hover .lethumbnail{
	background-size: 105%;
}

.accueil-blog .articleInfos{
	margin:10px 10px 0
}
.articleInfos .category .uneCategorie{
	color: #0059ad;
	font-size: 14px
}

.articleInfos .category .uneCategorie:after{
	content:" - "
}
.articleInfos .category .uneCategorie:last-child:after{
	content:""
}

.articleInfos .lauteur{
	margin: 15px 0 0 ;
	font-size: 14px
}

.articleInfos .style-meta{
	font-size: 14px
}


.articleInfos h2, .articleInfos h2 a{
	color:black; font-size: 22px; line-height: 28px
}

 .tousArticles
{
		text-align: center;

}
#loop-articles .btn-success{
	margin: 10px auto 20px;
	background-color: #f8b71d;
border-color:  #f8b71d;
}

/* Home categories */
#home-articles .col-sm-3{
	padding: 0 ;
	height: min-content;

}

#home-articles .widget{
		background-color: #fff;
box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);

	border-top:3px solid #0059ad;
	height: min-content;
	margin-bottom: 20px
}

.widget#block-10 {padding: 10px 10px 0; font-size: 13px; text-align: justify}

.single-post .site-main .widget{
		background-color: #fff;
box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
	border-top:3px solid #0059ad;
	height: min-content;
	margin-bottom: 20px;
	margin-top: 20px
}


#email-subscribers-form-3 .emaillist{
	padding: 10px
}
#home-articles ul, .single-post .site-main .widget ul{
	margin: 0;	padding: 0;
	list-style-type: none;
}

#home-articles .col-sm-3 h2, .widget-area h2.widget-title{
	margin-bottom: 0!important;
}

.single-post .site-main .widget h2, .sidebarArticleDeux h2{
		text-align: center; font-size: 16px; text-transform: uppercase; display:block; width:100%;
	border-bottom:1px solid #ccc;
	padding: 15px 0;
	margin-bottom: 25px;
	box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
}

.sidebarArticleDeux h2{
	margin-bottom: 10px
}

 .widget-area  ul li{
	display: flex;
	justify-content: space-between; background-color: #f8b71d; align-items: center;
	color:#fff;
	padding-right:20px;
	border-bottom:1px solid white;
	font-size: 12px
}
.widget-area  ul li:last-child{
		border-bottom:0;
}


 .widget-area  ul li a{
	display: block;
	background-color: white;
		padding: 10px 10px ;
  width:85%;
	font-size: 14px;
	color:black
}
.widget-area  ul li:nth-child(even) a{
	border-left:3px solid #0059ad
}
 .widget-area  ul li:nth-child(odd) a{
	border-left:3px solid #f8b71d
}

.col-sm-3 .widget_categories{
	margin: 0
}

.es_widget_form{
	padding: 10px
}
.es_widget_form input{
	width:100%
}

.es_widget_form label{
	margin: 0; font-size: 14px
}

.es_caption{
	padding-bottom: 5px;
	font-size: 14px
}
.es_button{
	text-align: center;
}
body input.es_submit_button{
		background-color: #f8b71d; color:white!important;
	padding: 7px 12px; border-radius: 5px; margin: 0px;
	border:none;
	font-size: 14px; 	font-family: 'Roboto', sans-serif;
  font-weight: 500; width: min-content
}

/* approfondir - livres */



#fluxLivres{
		background-color: #fff;
box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
		border-top:3px solid #0059ad;
	height: min-content;
}

body #fluxLivres h3#approfondir{
	margin-bottom: 20px
}
#fluxLivres .widget_dock{
	width:100%
}

#fluxLivres ul{
		display: flex;
	flex-wrap: wrap;
	justify-content: center
}

#fluxLivres ul li{
	width:45%;
	height: 200px;
	position: relative;
	justify-content: space-between; background-color: #fff; align-items: center;
	color:#000;
	padding:20px 10px;
	margin: 10px;
	border-bottom:1px solid white;
	font-size: 12px;
	box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
}

#fluxLivres img{
	width: 150px; position:absolute
}

#fluxLivres li h3:first-child{
	position: absolute; right:20px;
	display: block; max-width: 180px
}

#fluxLivres li h3{
	line-height: 18px
}

#fluxLivres li h3 a{
 font-size:14px; color:black;
}

#fluxLivres .text_div{
	position: absolute; right:20px;
	display: block; max-width: 180px;
	top: 85px; padding: 0;
font-size:14px; line-height:16px}

#fluxLivres .btn-success{
	display: inline-block;
	margin: 10px auto 20px;
	background-color: #0059ad;
border-color:  #0059ad;
	color: white!important;
}


/* FOOTER */

footer{
	background-color: #383842;
	box-shadow: 0px 0px 2px 2px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 0px 2px 2px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 0px 2px 2px rgba(119, 119, 119, 0.3);
}

footer .container{
	position: relative
}

footer .footer-colonnes {
	display: flex;
	align-items: top;
	justify-content: space-between;
		padding-top:40px ;
	position: relative
}

footer li{
		display: inline-block;
	width:30%;
	background-color: #2d2e33;
	border-radius: 5px;

}

footer li h2{
	background-color: #26272c;	border-radius: 5px;
	color:white; font-size: 14px; text-align: center; padding: 15px; text-transform: uppercase
}

.logoAFE{
	position:absolute;
	right:1.4%; bottom:24px; width:29.1%;
	background-color:  #26272c;
	text-align: center;
	padding: 20px 0 19px;
	border-radius: 5px
}

#widget_tptn_pop-2 ul, #widget_tptn_pop-2 li{
	display: block; width: unset; margin: 0; padding: 0
}

 #widget_tptn_pop-2 li{
 margin: 10px; padding: 0; font-size: 0; display: flex;
}

#widget_tptn_pop-2 li a {
Color:white; font-size:14px;
}
.tptn_after_thumb{
	 margin-left:10px;
}

.crp_author a{
display: block; color:#aaa!important;
}

#widget_tptn_pop-2 img{
	max-width:90px; max-height:60px;
}

.vadMoment {
	margin: 10px 10px;
	display:flex;
	color:white;
	font-size: 14px
}
.vadMoment p{
	margin: 0
}

.vadCouv{
	min-width:41%;
	margin-right: 15px
}
.vadTitre{
	font-weight: 800; font-size: 16px
}
.vadAuteur{
	color:#aaa;
}
.vadTexte{
	padding : 10px 0
}
.vadInfos{
	color: #aaa
}

#block-5{
	position: relative
}

#block-5 figure:before{
	content: 'Vidéo de la semaine';
		background-color: #26272c;	border-radius: 5px;
	color:white;
	font-size: 14px;
	text-align: center;
	padding: 15px ;
	text-transform: uppercase;
	position:absolute; top :0;
	width:100%
}

figure .wp-block-embed__wrapper iframe{
	max-height:180px;
	margin-top: 45px

}

#media_video-2{
}

#media_video-2 h2{
	margin: 0
}

.site-info{
	background-color: #26272c;
}

.site-info .container{
	display: flex; justify-content: space-between; align-items: center;
	height:40px
}
.site-info, .site-info p, .site-info a, .site-info a:visited{
	color: #aaa; font-size: 14px
}


/* ARTICLE */
.site-main{
	background-color: #eee; padding-top: 30px
}

.archive .site-main{
	padding: 0
}


article{
		background-color: #fff;
    box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
		border-top:3px solid #f8b71d;
}

#slider article{
	border:none
}

a[rel='category tag']{
		background-color: #0059ad; color:white;
	padding: 2px 7px; border-radius: 5px; margin: 5px; display: inline-block;
	font-size: 14px
}

a[rel='category tag']:visited, a[rel='category tag']:hover{
	color:white
}

article .entry-header{
	padding: 20px; text-align: center
}

article .entry-header h1{
	font-weight: 800; font-size: 36px
}

article .entry-meta a{
	color:#666
}

.lesCategories ul{
	list-style-type: none; display: flex; justify-content: center; padding: 0; margin: 0 0 30px
}

article .post-thumbnail{height:300px; width:100%;background-size: cover; background-position: center}

article .lesTags{
	padding: 20px 100px; text-align: center;
}

article .lesTags a{
	background-color: ; color:#0059ad;
	padding: 2px 7px; border-radius: 5px; margin: 5px; display: inline-block;
	font-size: 14px;
	border:1px solid #0059ad;
	text-transform:  capitalize
}

/* article .lesTags a:before{
	content:"#"
} */
article .entry-meta .byline{
	display: block; font-weight: 500
}

article .entry-content{
	padding: 20px;
}

article .entry-content h2,article .entry-content h3, article .entry-content h4{
	color: #0059ad
}

.sidebarArticle, .sidebarArticleDeux{
			background-color: #fff;
    box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
		border-top:3px solid #0059ad;
	height: min-content;
text-align: center
}

.sidebarArticleDeux{
	margin-top: 20px
}

.wp_rss_retriever_list{padding: 0 10px; text-align: center; margin-bottom:0}

.wp_rss_retriever_item_wrapper{
		padding:10px 10px;
	margin: 0px;
	border-bottom:1px solid white;
	font-size: 12px;
	box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
}

.wp_rss_retriever_title{
	font-weight: 500; color:#0059ad;
	font-size: 14px; border-bottom: 1px solid #ccc;padding: 0 0 8px
}

.wp_rss_retriever_container{
	text-align: left
}

.wp_rss_retriever_credits{
	display: none
}


.avatar{
	margin: 30px 0
}

.auteurNom{
font-size:14px;
	font-weight: 500; color:#0059ad
}
.auteurDesc{
	font-size: 13px; text-align: left;
	border-top:1px solid #ccc;
	padding: 10px 10px 0;
	margin: 0}

.bioline .btn a, .lienAuteur{
		background-color: #f8b71d; color:white;
	padding: 4px 10px; border-radius: 5px; margin: 10px; display: inline-block;
	font-size: 14px
}

.lienAuteur:visited, .bioline .btn a:visited{
	color:white
}

.commentaires{
				background-color: #fff;
    box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
		border-top:3px solid #0059ad;
}

.commentaires h2{
		text-align: center; font-size: 16px; text-transform: uppercase; display:block; width:100%;
	border-bottom:1px solid #ccc;
	padding: 15px 0;
	margin-bottom: 25px;
	box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
}

.laisserCommentaire{
	margin: 20px;
}

.laisserCommentaire h3{
			text-align: center; font-size: 16px; text-transform: uppercase; display:block; width:100%;
	border-bottom:1px solid #ccc;
	padding: 15px 0;
	margin-bottom: 25px; margin-top: 60px;
	box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 1px 3px 1px rgba(119, 119, 119, 0.3);		border-top:3px solid #f8b71d;

}

#commentform{
	padding:0 20px 10px;
	}

#commentform .comment-form-author, #commentform .comment-form-email{
	width:45%; float: left; display: flex; flex-direction: column;

}
#commentform .comment-form-author{
	margin-right: 10%
}

#commentform .comment-form-url{
	display: none
}

#commentform label{
	font-size: 14px
}
.form-submit{
	text-align: right
}


body .form-submit input{
		background-color: #f8b71d; color:white;
	padding: 7px 12px; border-radius: 5px; margin: 0px; display: inline-block;
	border:none;
	font-size: 14px; 	font-family: 'Roboto', sans-serif;
font-weight: 500
}

body .form-submit input:hover{
		background-color: #f0b000;

}

.comment-list{
	margin: 0 20px 0 0
}

.comment-list li{
	margin: 30px 0
}

article.comment-body{
	border-top:1px solid #0059ad;
	background-color: #fff
}
.comment-body .comment-author{
	background-color: #eee; padding: 10px;
}
.comment-meta{
	display: flex; background-color: #eee;
	justify-content: space-between;
	align-items: center
}
.comment-meta .comment-metadata{
	padding-right: 20px;
	font-size: 14px
}
.comment-meta img{
	margin: 0
}

.comment-content{
	padding: 20px
}
.comment-notes{
	font-size: 14px
}
.reply{
	text-align: right; padding: 5px 20px;
	background-color: #eee;
	font-size: 12px
}

#respond{
	padding: 20px 20px 0; border: 1px solid #ccc; border-bottom:3px solid #ccc
}

.laisserCommentaire #respond{
	border: 0;
	padding:0
}
#respond h3{
	font-size: 16px; position:relative;
}
#respond small{
	float:right;
}
#respond small a{
	color:red
}


/* Archives */

.archive .row, .search .row{
	margin: 0 0px; display: flex; justify-content: space-between
}
.archive .col-sm-9, .search .col-sm-9{
	max-width: 73%; padding: 0;
	margin-bottom: 30px
}

.archive h1, .search h1{
	margin: 0 0 20px;
}
.archive h2 a{
	 color: #0059ad!important;
}
.archive header .archive-description {
		margin: 0 20px 20px
}

.archive article, .search article{
	margin: 20px;
}

.archive article:nth-child(odd){
	border-color: #0059ad
}

.navigation{
	padding: 20px
}

.nav-previous a, .nav-next a{
	background-color: #f8b71d; color:white!important;
	padding: 7px 12px; border-radius: 5px; margin: 0px;
	border:none;
	font-size: 14px; 	font-family: 'Roboto', sans-serif;
  font-weight: 500; width: min-content
}

.archive .entry-content{
	margin: 0
}

@media screen AND (max-width:768px){
	.preHead p{
		text-align: center
	}

	.menu-toggle{
		display: none!important;
	}

	.search-holder{
		width:100%
	}

	#derouleContainer{
		display: none
	}

	#home-articles article{
  flex-direction: column
	}

	.lethumbnail{
		max-width:100%;
	}

	#fluxLivres ul li{
		width: 100%
	}
	#fluxLivres .image_only img{
		max-width:100px
	}

	.footer-colonnes{
		flex-direction: column
	}

	.footer-colonnes li{
		width: 100%
	}

	.logoAFE{
		position: relative; width: 100%; margin: 0 0 30px 0; padding: 30px 0; right: unset; bottom: unset
	}

	.site-info .container{
		height: auto;
		flex-direction: column;
		padding: 10px
	}
	#home-articles .col-sm-3{
		padding: 0 15px;
	}

article .entry-header h1{
		font-size: 26px;
	}
	article .post-thumbnail{
		height: 170px;
	}
	.comment-meta{
		flex-direction: column; align-items:start
	}

	.comment-meta .comment-metadata{
		padding-left: 10px
	}

	h3#reply-title{
	}
	h3#reply-title small{
		float: none; position: absolute; top:30px; width:100%; left:0
	}

	.archive .col-sm-9, .search .col-sm-9{
		max-width: 100%
	}

	article .lesTags{
		padding:30px 0 20px
	}

	.archive h2{
		font-size: 24px
	}

	.archive .post-thumbnail{
		height: 170px
	}

	.archive .page-header{
		position: sticky; top:0;
		background-color: white
	}


	/**** Modal Menu ****/

	#modalMenu{
		position: fixed; bottom:30px;
		left: 50%;
    transform: translate(-50%);
	 z-index: 100; height:
	}

	#modalMenu button{
		width: 70px;
		background-color: transparent;
		border: none ;
	 padding: 0;
	 opacity: 1}

	.modal-header{
		border-top:3px solid #f8b71d
	}

	#exampleModal h2{
		display: none
	}
	#exampleModal ul{
		list-style: none; background-color:
	}
	#exampleModal  li{
	 list-style: none
	}
	#exampleModal li.cat-item{
	 display: flex; justify-content: space-between; align-items: center;
		background-color: #f8b71d;
		margin-bottom: 1px;
		color:white; padding-right: 8px;
		font-size: 12px
	}
	#exampleModal li.cat-item a{
		background-color: #fff;
		border-left:2px solid #f8b71d;
			padding: 3px;
		width:88%;
		color:black; font-size: 14px
	}

	#exampleModal li.cat-item:nth-child(even) a{
		border-left:2px solid #0059ad
	}
	#exampleModal label{
		width:100%
	}
	#exampleModal .search-form{
		width:100%!important;
	}
	#exampleModal .search-field{
		width:95%;
	}

}