@charset "UTF-8";
/* CSS Document */

.wp-pagenavi {clear: both;text-align:center; margin-bottom: 50px;}
.wp-pagenavi a, .wp-pagenavi span {color: #fff;background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );background-color:#3d94f6;border:1px solid #3d94f6;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration:none;}
.wp-pagenavi a:hover{color:#3d94f6; background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );background-color:#dfdfdf;}
.wp-pagenavi span.current{color: #FFF;background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );background-color:#1e62d0;border-color: #3d94f6;font-weight: bold;}

a.btnBR,a.btnDBL,a.btnGR {color: #FFF;}
a.btnWH {color: #BF9D63;}
a.btnBR,a.btnWH,a.btnDBL,a.btnGR {width: calc(100% - 42px); display: block; position: relative; margin: auto; overflow: visible; text-align: center;}
a.btnBR {padding: 20px;}
a.btnWH,a.btnDBL,a.btnGR {padding: 15px 20px;}
a.btnWH {border: 1px solid #FFF;}
a.btnDBL {border: 1px solid #2F3B49;}
a.btnGR {border: 1px solid #2AA464;}
.btnBR {font-size: 24px; line-height: 40px; border: 1px solid #BF9D63; background: #BF9D63; color: #FFF!important;}
.btnWH {font-size: 16px; line-height: 20px; border: 1px solid #FFF; background: #FFF; color: #BF9D63!important;}
.btnDBL {border: 1px solid #2F3B49; background: #2F3B49; color: #FFF!important;}
.btnGR {border: 1px solid #2AA464; background: #2AA464; color: #FFF!important;}
.btnDBL,.btnGR {font-size: 24px; line-height: 30px;}
.btnDBL span,.btnGR span {display: block; font-size: 60%;}
a.btnBR:hover {opacity: 1; color: #BF9D63!important; background-color: #FFF;}
a.btnWH:hover {opacity: 1; color: #FFF!important; background-color: #BF9D63;}
a.btnDBL:hover {opacity: 1; color: #2F3B49!important; background-color: #FFF;}
a.btnGR:hover {opacity: 1; color: #2AA464!important; background-color: #FFF;}
@media screen and (max-width: 812px) {
	.btnBR,.btnDBL,.btnGR {font-size: 20px; line-height: 30px;}
	.btnDBL,.btnGR {line-height: 20px; line-height: 1.5;}
}
@media screen and (max-width: 500px) {
	.btnBR,.btnDBL,.btnGR {font-size: 16px; line-height: 24px;}
	.btnWH {font-size: 14px; line-height: 18px;}
}