html {
  overflow-y: scroll;
}

body{
	font-family: 'Open Sans', sans-serif;
}
body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

:root {
  --couleur-a1: #2490cf;
  --couleur-a2: #144769;
  --couleur-a3: #116ea4;
  --couleur-b1: #f3732e;
  --couleur-b2: #f0a881;
  --couleur-c1: #00a570;
  --couleur-c2: #52daae;
  --gris: #d3d7df;
  --gris2: #c4cad2;
  --gris3: #9ca5b3;
  --bleu:#3190cf;
  --orange:#f3732e;
  --vert:#00a675;
}

h1{
  padding-bottom:0.5em;
}
.entry-title{
  margin-top:0;
}
h1.entry-title{
  font-size:2em;
  border:0;
}
h4 {
  font-size:1em;
}


#main{
  min-height:12em;
}




a{
	color:#2475a2;
}

a[target="_blank"]::after {
  font-family: "Font Awesome 5 Free"; font-weight: 600; content: " \f138";
  font-size:0.9em;padding-left:3px
}



.pied{
  background: #18638f;
}

#primary ul{
  margin-bottom:2em;
}
#primary li{
  margin-bottom:0.5em;
}


.navbar-toggler{
  padding: 0.6em 0;
}

.nav-pills{
  font-size:0.8em;

}
.tab-content{
  padding:0;
    font-size:0.88em;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background-color: var(--couleur-b1);

}

.cacher{
  display:none;
}

.social-sharing{
  font-size:0.8em;
  text-transform:uppercase;
  font-weight:600;
  padding-top:4em;
}
.social-sharing a{
  margin: 8px 8px 8px 0 !important;
}

figure{
  margin:1em 0 2em;
}

header#masthead {
  box-shadow:none;
  padding: 0;
}

body #masthead .navbar-nav{

}
body #masthead .navbar-nav > li > a:hover,
body #masthead .navbar-nav > li.current_page_item > a{
	 font-weight:inherit;
}

body #masthead .navbar-nav > li > a{
  font-weight:500;
  text-transform: uppercase;
  font-size:0.86rem;
  padding:0.4rem 0;
  margin: 0.33rem 2.3rem 0.33rem 0;
  outline:0;
}
.navbar-nav .dropdown-menu{
	min-width:15rem;
  padding:0;
  border-radius:0;
  top:2.3rem;
  left:-0.8rem;
  border:0;
  background:var(--couleur-a1);
}

.navbar-nav .dropdown-menu li{
  padding:0;
}
.navbar-nav .dropdown-menu li:first-of-type{
  margin-top:0.3rem;
}
.navbar-nav .dropdown-menu li:last-of-type{
  margin-bottom:0.8rem;
}
.navbar-nav .dropdown-menu a{
	font-size:0.88em;
  line-height:1.34em;
  padding:0.8em 1.2em 0.8em 1em;
  color:#fff;
}
.navbar-nav .dropdown-menu a:hover{
	background:var(--couleur-a3);
}
.navbar-nav .recherche{

}
.ouvrir{
  background:none;
  border:none;
  color:#fff;
  font-size:1.1em;
  margin:0;
  font-weight: 300;
  position:absolute;
  right:-0.3em;
  top:0.5em;
  z-index:10;
}


#logo-ciusssnim{
  padding-top:1.7em;
  padding-right:2.2em;
}
.navbar-brand{
  padding:0.5em 0;
}
#ciusss-nim .container{
  max-width:1200px;
}
/* TEMPORAIRE NOUVEAU STYLE */
/*
body #masthead {
  background:var(--couleur-a1);
  border-top:1px solid #51ade0;
} */


/*
.navbar-brand{
  background:url('img/fond-entete-2.png') no-repeat right;
  min-width:31rem;
    padding:0.5em 0;
  background-color: var(--couleur-a1);
}
#logo-ciusssnim,#logo-site{
  background-color: var(--couleur-a1);
}



#ciusss-nim{
  background: linear-gradient(to right, #fff 50%, #2490cf 50%);
}

 */



.details-membres{
  padding:0 1.5em 2em;
  border:1px solid var(--gris);
  border-radius:3px;
  margin:2.5em 0 3em 0;
}

body #masthead #navmembres{
  background:var(--couleur-a2);
   position:absolute;
   width:100%;
   left:0;
   z-index:10;
}

body #masthead #navmembres .navbar-nav > li > a{
  padding:0.3rem 0 0.3rem;
  margin: 0 0 0 2rem;
  color:#8cd2ff;
  font-size:0.64rem;
}
body #masthead #navmembres .navbar-nav > li > a > .fas{
  font-size:0.8rem;
  position:relative;
  top:1px;
  margin-right:4px;
}
body #masthead #navmembres .navbar-nav > li > a:hover{
  color:#b4e2ff;
}

#navmembres .navbar-nav .dropdown-menu{
  top:1.4rem;
  left:1.2rem;
  background:var(--couleur-a2);
  font-size:1.2em;
  min-width:13em;
}
#navmembres .navbar-nav .dropdown-menu li{

}
#navmembres .navbar-nav .dropdown-menu a{
  font-size:0.8rem;
  color:#8cd2ff;
  padding:0.6rem 1rem;
}
#navmembres .navbar-nav .dropdown-menu a:hover{
 color:#eee;
}


	.modal-backdrop{
    top:146px;
  }


@media screen and (max-width: 991px) {



  #navmembres{
    padding:1em 0;
  }
  body #masthead #navmembres .navbar-nav > li > a{
    padding:.8em 0;
    font-size:0.8rem;
    margin:0;
  }
  #navmembres .navbar-nav .dropdown-menu a{
    font-size:0.8em;
  }
  .navbar ul{
    padding-bottom:1em;
  }
  .navbar-nav .dropdown-menu a{
    font-size:1rem;
  }
}



.complementaire{
	border-left:1px solid #eaecef;
	padding-left:1.6em;
  margin-top:1.5em;
  margin-left:.4em;
  font-size:0.9em;
}
.complementaire h3{
	font-size:1.3em;
	line-height:1.3em;
}
.complementaire h3:first-of-type{
	margin-top:0;
}
.complementaire h4{
	font-size:1.05em;
  margin:0.6em 0 0.3em;
}
.complementaire  a.nav-link{
 padding: .5rem 0 .5em 1.5em;
}
.complementaire .axes a.nav-link{
 padding: .2rem 0 .2em 1.5em;
}

.complementaire .actif  a:before{
   font-family: "Font Awesome 5 Free";
   content: "\f138";
   font-size:1em;
   margin-left:-1.5em;
   margin-right:0.5em;
   color:var(--couleur-c1);
   font-weight: 600;
}

.complementaire .actif2  a:before{
   color:var(--couleur-b1);
   /* content: "\f13a"; */
}

.complementaire .nav-link:hover{
  background:none;
}
.complementaire p{

}


.font-smoothing {
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.login form .input, .login input[type="text"]{
  color:#333;
}

.search-results article{
  padding-bottom:1.5em;
}
.search-results article h3{
  margin:0;
}
.search-results article p{
  margin:0;
  font-size:0.9em;
}



.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

#modalsearch .modal-dialog{
  margin-top:300px;
  border:0;
  text-align:center;
}
#modalsearch .modal-content{
  border:0;
}


#modalsearch .search-form .form-control{
  background-color:rgba(0,0,0,0) !important;
  border:0;
  border-bottom:1px solid #444;
  border-radius:0;
  padding:3px 0;
  font-size:0.92em;
}
#modalsearch .search-form .form-control:focus{
  border-color:#3181eb;
  box-shadow: none;
}
#modalsearch .search-form label{
  width:69%;
  margin-right:4%;
}
#modalsearch .search-submit{
  border:1px solid #333;
  background:none;
  border-radius:0;
  height:40px;
  width: 40px;
  margin-bottom:11px;
}
#modalsearch .search-submit:hover{
  border:1px solid #3181eb;
  color:#3181eb;
}
.modal-open {
    padding-right: 0 !important;
}
.fade-scale.show,.modal-dialog{
  transition:all 1s;
}

  .admin-bar .modal-backdrop{
    top:176px;
  }

.modal-backdrop.show {
  background:#fff;
  opacity: .9;
}

.modal-dialog {
  top: 0;
}
.fade.show {
    opacity: 1;
}
.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}


.titre{
  text-align:center;
}

.titre h2 {
    font-size: 1.5em;
    text-transform:uppercase;
    padding: 0 0.6em;
    margin-bottom: 0;
    padding-bottom: 1em;
    background: #fff;
    margin: 0 auto;
    display: inline-block;
    color:var(--gris2);;
}
.titre h2:before {
    border-top: 1px solid var(--gris);;
    content: "";
    display: table-cell;
    position: absolute;
    z-index: -1;
    top: 0.64em;
    left: 1.45%;
    width: 97.2%;
    padding: 0 80px;
    right: 1%;
}




.titre-bloc{
  text-align:center;
}
.titre-bloc h3 {
  font-size:1.3em;
  display:inline-block;
  text-transform:uppercase;
  color:var(--gris3);
  padding:0 1em;
  margin-bottom:0;
  padding-bottom:15px;
  background:#fff;
  margin:0;
}

.titre-bloc:after {
  content: "";
  border-top: 1px solid var(--gris);;
  display: block;
  margin-top:-1.8em;
  margin-bottom:1.8em;
}


.bloc .card{
  border:0;
}

.bloc .card-header{
 text-align:center;
 padding:0.8em 0 0 0;
 border:0;
 background:none;
}

.bloc .card-header h3{
  font-size:1.3em;
  display:inline-block;
  text-transform:uppercase;
  color:var(--gris2);;
  background:#fff;
  position:relative;
  top:0.65em;
  padding:0 1em;
  margin:0;
}
.bloc .card-body{
  border:1px solid var(--gris2);
  border-radius:2px;
  font-size:0.92em;
  padding:1.7em 1.3em 1em;
  font-size: 0.86em;
 line-height:1.36em;
}

.bloc .fondations .card-body{
  border:0;
  border-top:1px solid var(--gris2);
}

.bloc .card-body a{
  color:#444;
  font-weight:500;
}


.bloc .card-body .meta{
  margin-top:3px;
}
.bloc .card-footer{
  background:none;
  border:0;
  padding:0;
  margin-top:-2px;
}

.bloc ul{
  padding:0;
  margin:0;
  list-style: none;
  margin-bottom:1.2em;
}
.bloc li{
  margin:0.4em 0;
}

.btn{
  border:0;
  text-transform:uppercase;
  font-size:0.8em;
}
.btn .fas{
  margin-right:0.3em;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none !important;
    box-shadow:none !important;
}

.btn-primary{
  background-color:var(--couleur-a1);
}
.btn-primary:hover{
  background-color:var(--couleur-c1);
}

.btn-secondary{
  font-size:0.7em;
  text-transform:uppercase;
  border-radius:0;
  line-height:1em;
  background:var(--gris3);
  border:none;
}




.liste.card{
  border:0;
  font-size:0.9em;
}
.liste h3{
  margin:0;
}
.liste .card-title{
  padding:0;
}
.liste .card-body{
  padding:0;
}


.plus{
  display:inline-block;
  position:relative;
  top:-10px;
  right:-10px;
  margin-left:-7px;
  font-size:1.2rem;
  line-height:1rem;
}


.module{
  border-radius: 0.4rem;
  color:#fff;
  font-size:0.8rem;
  padding:1rem 1rem 2rem;
  text-align: center;
  min-height: 100%;
  height: 100%;
}
.module.etudiants{
  background-color:var(--vert);
}
.module.ressources{
  background-color:var(--bleu);
}
.module.etudiants .btn-module{
  color:var(--vert);
}
.module.ressources .btn-module{
  color:var(--bleu);
}

.module h2{
  padding:0;
  text-transform: uppercase;
  text-align:center;
  margin:0.25em 0 0.75em;
  color:#fff;
}

.module .btn-module{
  background-color:#ffffff;
  border-radius:0.3em;
  font-weight:600;
  margin: 1em;
  opacity:0.95;
  font-size: 0.96rem;
  padding:0.9em 1.6em;
  max-width:42%;
  text-transform:none;
}

.module .btn-module:hover{
  opacity:1;
}




@media screen and (min-width: 992px) {
	.full-width {
	    width: 100vw;
	    position: relative;
	    margin-left: -50vw;
	    left: 50%;
	}
}

@media screen and (max-width: 992px) {
  .acf-field{
    width:100% !important;
  }
}

.searchandfilter{
  font-size: 0.82em;
}
.searchandfilter h4{
  font-size: 1.1em !important;
  font-weight:600;
}
.searchandfilter ul  {
    padding: 3px;
}
.searchandfilter ul li li {
    padding: 2px 0;
}
.sf-input-text{
  font-size:1.1em;
  background: rgba(255, 255, 255, 0.2);
  border:1px solid var(--gris2);
  padding:5px;
}
.searchandfilter select.sf-input-select {

}
.searchandfilter .sf-level-0{
  display:flex;
  align-items:flex-start;
  padding:0.5em 0;
}
.searchandfilter label{
  margin-top:-3px;
}

.acf-form-submit{
  text-align:center;
  margin:3em 0;
  font-size:1.1em;

}

.acf-actions{
	text-align:left;
}

.acf-label{
	font-size:0.92em;
}
.acf-label .description{
	font-size:0.88em;
}
.acf-button:hover{
  text-decoration:none;
  background-color:var(--couleur-c1);
  color:#fff;
}
.acf-button:active{
  background-color:var(--couleur-b1);
}
.acf-form-submit input, .acf-button{
  text-transform:uppercase;
  text-decoration:none;
	background-color: var(--couleur-a1);
	border: none;
	box-shadow: 0;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	vertical-align: top;
	font-size: 0.8em;
	margin: 0;
	padding: 3px 10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-appearance: none;
	border-radius: 5px;
	white-space: nowrap;
	box-sizing: border-box;
	display: inline-block;
}

.acf-form-submit input{
	font-size:0.9em;
  padding:5px 15px;
}
#message p{
    padding:1em;
    background:#fbf0cf;
}
#message.updated p{
  background:#cffbda;
}

.alphabetique a{
  font-size:1.16em;
  padding: 0.3em 0.5em;
  border:1px solid rgba(0,0,0,0);
  display:inline-block;
  line-height:1em;
  margin-right:0.25em;
}


.statut{
  font-weight:600;
  text-transform: uppercase;
  font-size:1em;
  margin-bottom:1em;

}


.page-id-596 #main{
	padding:2.4em;
	border:1px solid var(--gris2);
}

.reseau-titre{
	font-size: 1.2em;
	font-weight:500;
	padding:1em;
	border:1px solid var(--gris2);
	margin-top:0.5em;
	background:#f6f6f6;
	border-radius:10px;
}
.reseau-logo{
	margin-bottom:2em;
}

.logos{
	margin:3em 0;
}

.communaute{
	font-size:0.84em;
}

#complementaire .commnunaute{
  	border-top:1px solid var(--gris);;
}

.nouvelles h2{
	text-align:center;
}

.sectiontitre{
	position:relative;
	bottom:-1.7em;
	margin-top:-2em;
}

.sectiontitre h2{
	background:#fff;
	padding:0 1em;
	display:inline-block;
	text-transform:uppercase;
	color:var(--gris2);;
	font-size:1.4em;
}

.photo{
	float:left;
	margin-right:1em;
	border-radius:3px;
}

.photo img{
	border-radius:2px;
}

.nom{
	font-size:1.22em;
	font-weight:500;
	line-height:1.3em;
}
.poste{
	font-weight:600;
	font-size:1.18em;
}

.communaute .meta{
	font-size:0.9em;
	color:var(--gris2);;
}

.communaute .info{
	overflow:hidden;
}

.poste-principal{
	margin-top:0.5em;
	line-height:1.36em;
}

.entete{
  margin-bottom:1.5em;
}
.entete h1{
  margin:0.33em 0;
  padding:0;
}
.entete .surtitre,
.entete .soustitre{
  font-size: 1.085rem;
}




.meta{
  	text-transform: uppercase;
    font-size:0.78em;
    color:#a68c49;
    margin:1.5em 0;
}

.card .meta{
    margin:0;
}


.liste .meta{
  font-size:0.84em;
  margin:0.5em 0;
  line-height:1.6em;
}

.liste-logo li{
  overflow:hidden;
  padding-bottom:0.7em;
}
.liste-logo li img{
  float:left;
  margin-right:0.7em;
}


.card{
  border-radius:0;

}

.card-body, .card-header, .card-footer{
	line-height:1.38em;
}

.card-header h3{
	font-size:1.2em;
	margin:0;
	line-height:1.3em;
}


.card-surtitre,
 .card-soustitre{
  font-size: 0.88em;
  font-weight:400;
  line-height:1.36em;
  padding:0;
  margin:0.26em 0;
}



.nouvelle.card{
  border:none;
}

.nouvelle .card-header{
  padding:0;
  border:0;
  margin-bottom:0.25em;
  background:url('img/fond-defaut.png') center center no-repeat;
  background-size:cover !important;
}

.nouvelle .card-header.background-logo{
  background-size:contain !important;
  margin:10px 15px 15px 15px;
}

.nouvelle .card-header a{
  padding-top:65%;
  display:block;
  width:100%;
}

.nouvelle .card-body{
  padding:1px;
}

.nouvelle .card-body .type{
  font-size:0.88em;
  margin:0.5em 0 0;
  color:var(--gris3);
  line-height:1.3em;
}

.nouvelle .card-body .type span:before {
    content:" • ";
    margin:0 0.4em;
}

.nouvelle .card-body .type span:first-child:before {
  content:"";
  margin:0;
}

.nouvelle .card-body h3{
	margin:0.25em 0;
	font-size:1em;
	line-height:1.3em;
}
.nouvelle .card-body h3 a{
	color:#444;
}

.nouvelle .card-body .intro{
  font-size:0.88em;
  margin:0.1em 0;
}

.une .card{
  margin-bottom:0 !important;
}
.une .card-body{
  text-align:left !important;
}
.une .card-body h3{
  font-size:1.6rem !important;
  margin: 0.4em 0;
  line-height:1.36em;
}
.une .card-body .intro{
  font-size:0.96rem !important;
  margin:0.3em 0;
  line-height:1.46em;
}
.une .card-body .meta{
  font-size:0.76rem !important;
}
.une-suite .col-12 .card{
  margin-bottom:0 !important;
}
.une-suite .col-12:first-of-type{
  margin-bottom:15px;
}
.une-suite .col-12:first-of-type .card{
  border-bottom:1px solid #dee2e6;
  margin-bottom:15px !important;
}



.cadre{
  border:1px solid var(--gris2);
  position:relative;
  padding:2em 0 1em;
  max-height:100%;
  height:100%;

}

.cadre h2{
  font-size: 1.5rem;
  color:var(--gris2);
  text-transform: uppercase;
  margin:0;
  padding:0 0.5em;
  position:absolute;
  background:#fff;
  z-index:10;
  top: -0.05em;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cadre h4{
  margin:0 0 0;
  padding:0 0 0.3em;
  color:var(--gris2);;
}
.cadre .col-12:first-of-type h4{
  margin-top:-1em;
}
.cadre .btn{
  position:absolute;
  bottom:-2.2em;
  left: 50%;
  transform: translate(-50%, -50%);
}



.cadre .card{
  margin-bottom:1em !important;
  padding-top:1em;
  border-top:1px solid #ddd;
}

.cadre  .col-12:first-of-type  .card{
  border-top:none;  padding-top:0;
  border-color:red;
}


.card-horizontal {
    display: flex;
    flex: 1 1 auto;
    font-size:0.86rem;
}

.card-horizontal .card-header{
  min-width:30%;
  background-position:top;
  background-repeat:no-repeat !important;
  height:100px;
  padding:0;
}

.card-horizontal .card-header a{
  padding-top: 0;
}

.card-horizontal h3{
  font-weight:800;
  color:#eee;
}

.card-horizontal .card-body{
  padding:0 0 0 1rem;
  line-height:1.3em;
  border:0;
}


.card-horizontal .card-header.background-logo{
  margin: 0 !important;
}



.chiffres{
  text-align:center;
}

.chiffre{
  border-radius:50%;
  width: 10rem;
  height: 10rem;
  margin:0 auto;
  background:var(--orange);
  cursor: default;
}
.chiffre .chiffre-contenu{
 width:100%;
 color:#fff;
 height: 10rem;
 padding-top:2.4rem;

}
.chiffre .chiffre-titre{
  font-size:3.5rem;
  font-weight:700;
  line-height:1em;
}

.chiffre .chiffre-soustitre{
  font-size: 0.82rem;
  line-height:1.26em;
  max-width: 7.5rem;
  margin:0 auto;
  margin-top:0.2em;
}


.card-body h4{
	margin:0.5em 0;
}


aside .card{
 margin-bottom:2em;
 font-size:0.88em;
 border:0;
}

aside .card-body, aside .card-header, aside .card-footer{

	padding:1em;
}

aside .card-label{
 font-size:0.8em;
}
aside .card-header{

}
aside .card-header h3{
	color:#fff;
	font-size:1.18em;
}

.card-header:first-child{
	border-radius:2px;
}



header{
	margin-bottom:1.5em;
}
header p{
	margin-bottom:0.6em;
}
header img{
	border-radius:3px;
}

#accordeon {
	border-radius:3px;
	margin:2em 0;
}

#accordeon .card{
	border:0;
	border-radius:0;
}

#accordeon .card-header{
	padding:0;
	border-radius:0;
}
#accordeon .card:first-child .card-header{
	border-top:0;
}
#accordeon .card-header h3{
	width:100%;
}
#accordeon .card-header a{
	width:100%;
}
#accordeon .card-header:hover{
	background:#b8e3fc;
}
#accordeon .card-body{
	font-size:0.96em;
	background:#eaf3fb;
	color:#000;
	padding:2em;
}


.card-header .far{
	position:absolute;
	right: 0.6em;
	top:0.75em;
	font-size:1.4em;
}

.sousnav{
	padding-left:2em;
	border:1px solid var(--gris2);
	font-size:0.9em;
}

.nouvelles .col-12{
	margin-bottom:2em;
}

.connexe{
	border-top:1px solid var(--gris);;
}

.connexe .card{
	border:0;
}

.connexe .card-body{
	text-align:center;
}
.wp-block-image .alignleft{
	margin-right:1.5em;
}


.reseaux{
	text-transform:uppercase;
	font-weight:800;
	font-size:0.78em;
	border-top:1px solid var(--gris);
}
.reseaux a{
	color:inherit;
}
.reslien{
	max-width:243px;
	display:inline-block;
}


#footer-widget{
  border-top:1px solid var(--gris);
}

.textwidget h4{
  margin-top:0;
  margin-bottom:0.3em;
    line-height:inherit;
}
.textwidget ul{
  list-style: none;
  padding-left:0;

}
.textwidget li{
  line-height:1.3em;
  margin:0.4em 0;
}

.widget{
  font-size:0.96em;
}

h3.widget-title {
    font-size: 1.26em;
}
.widget_media_image{
  text-align:center;
}



.partenaires{

}
.partenaires-titre h2{
  background:#f8f9fa;
  color:var(--gris3);
}



.date{
	margin:1.5em 0;
}

aside{

}

aside p{
	margin-bottom:0.7em;
}



.sbg{
 background: #2490cf !important;
 color: #fff !important;
}
.sbg2{
 background: #ccecff;
 color:#1a4c6a;
}

.sbg2 h3{
 color:inherit;
}

.sbg3{
  background:#f8f9fa;
}
.sc{
 color: #2490cf;
}

.sb{
 border-color: #2490cf;
}


.sbg-admin{
 background: #5ec662;
 color: #fff;
}
.sbg2-admin{
 background: #d3fad5;
 color:#091f0a;
}
.sc-admin{
 color: #47a74b;
}
.sb-admin{
 border: #47a74b;
}


.wp-pagenavi {
	clear: both;
  margin:0 auto;
  padding:3em 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 9px 16px;
	margin: 2px 4px;
  min-width:45px;
  color:#333;
  display:block;
  text-align:center;
  float:left;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #429cdd;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.wp-pagenavi .pages {
	display:none;
}

@media screen and (max-width: 768px) {
  .wp-pagenavi span.pages, a.first, span.extend,
    a.page.smaller, a.page.larger, a.larger.page,
    a.last { display: none; }
}