/*!
Theme Name: vpn
Version: 1.0.7
*/


.wpcf7 form .wpcf7-response-output {
  border-radius: 5px;
  background-color: #fff;
  margin: 0rem 0 1rem;
  color: #222;
  font-size: .875rem;
  line-height: 145%;
}

.grecaptcha-badge {
  opacity: 0;
  pointer-events: none
}



/****/
/****/
/** checkbox **/
/****/
/****/
.mf-checkbox {
  padding-right: 0.5rem;
  display: inline-flex;
  position: relative;
  margin-bottom: 0.75rem;
  cursor: pointer;
}

.mf-checkbox [type=checkbox]+* {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-left: 2rem;
  padding-top: 0.125rem;
  height: 100%;
  color: inherit;
  font-size: 0.875rem;
}

.mf-checkbox [type=checkbox] {
  display: none;
}

.mf-checkbox [type=checkbox]+*:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  border-radius: 4px;
  border: 1px solid #dee2e6;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s ease-in-out;
}

.mf-checkbox:hover [type=checkbox]+*:before {
  border-color: #adb5bd;
}

.mf-checkbox [type=checkbox]+*:after {
  display: inline-block;
  content: "";
  line-height: 1;
  position: absolute;
  top: 0.438rem;
  right: auto;
  left: 0.438rem;
  width: 0.688rem;
  height: 0.438rem;
  border-bottom: solid 2px #df755e;
  border-left: solid 2px #df755e;
  transform: scale(0.5) rotate(-45deg) translateY(0.75rem) translateX(-0.75rem);
  opacity: 0;
  transition: all 0.15s ease-in-out;
}

.mf-checkbox [type=checkbox]:checked+*:after {
  transform: scale(1) rotate(-45deg);
  opacity: 1;
}


#comments .comment-list>* {
  background: #f5f5f5;
  border-radius: 20px;
  margin-bottom: 2rem;
  padding: 1.25rem 1.75rem;
  overflow: hidden;
}

#comments .comment-list .comment-author {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

#comments .comment-list .comment-meta a {
  color: initial;
  font-size: .875rem;
}

#comments .comment-list .comment-text {
  font-size: .913rem;
  padding-bottom: 0.75rem;
}

#comments .comment-list .comment-text p {
  margin-bottom: 0;
}

#comments .comment-list .reply>* {
  text-align: right;
  font-size: .875rem;
  color: initial;
}

#comments .comment-list .comment-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  opacity: .6;
}

.comment-edit-link {
  color: inherit;
  opacity: .7;
  font-size: .813rem;
  font-weight: normal;
}

#comments .comment-list .comment a:hover {
  color: var(--color-second-hover);
}

#comments .comments-title {
  text-align: center;
}

@media (max-width:767px) {
  #comments {
    padding-bottom: 3rem;
  }
}

@media (min-width:768px) {
  #comments .comment-list>* {
    background: #fff;
    padding: 2rem;
  }

  #comments {
    padding-top: 3rem;
  }
}

#comments .form-submit {
  text-align: center;
}

#comments .form-submit .button {
	width: 300px;
    max-width: 100%;
    text-transform: initial;
    font-family: 'Mulish';
    font-size: 1rem;
    font-weight: normal;
}
#comments .input-wrap>*{
	text-transform:initial
}

.team-image img{
	border-radius: 999px;
	overflow: hidden;
}

.team-social-links{
	display:flex;
	width:100%;
	justify-content: space-evenly;
	font-size: .913rem;
	padding-bottom: 2rem;
}
.team-social-links>*:not(:hover){
	color:initial
}



.team .team-member img {
    border-radius: 999px;
    transition: all .2s ease-in-out;
}

.team .team-member:hover img {
    transform:scale(.95)
}
.team .team-member:hover .name {
    color: var(--color-second-hover);
}
.team .team-member .name {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: initial;
    padding-top: .75rem;
}

.article-author{display: flex;width: 100%;background: #fff;border-radius: 20px;align-items: center;}
.article-author .image{
	max-width:25%;
	width: 100px;
	display: flex;
}
.article-author .description{
	width: calc(100% - 100px);
}
.article-author .description .title{
	font-size: .913rem;
	margin-bottom: .5rem;
}
.article-author .description .name{
	font-size: 1.5rem;
	margin-bottom: .5rem;
	font-weight: bold;
}

@media (min-width:768px){
	.article-author{
		margin-top:3rem
	}
	.articles-similar{
		background:#fff;
		padding: 2rem 2rem 0;
		border-radius: 20px;
		margin-bottom: 4rem;
	}
}

.articles-similar{
	margin-top:3rem;
}
@media (min-width:1024px){
	.articles-similar{
		margin-bottom:0;
	}
}
@media (min-width:768px){
	.article-date-share{
		display:flex;
		width: 100%;
		justify-content: space-between;
	}
}


.list-minus li:before, .list-plus li:before{
	font-family: 'malfi-font' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: transparent;
  border-color: transparent;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  top: 2px;
  left: -1.5rem;
}
.list-minus li:before{
  content: "\e965";
  color: var(--color-accent);
}


.list-plus li:before{
  content: "\e966";
  color: var(--color-second);
}


.rating-block{
  padding-bottom: 2rem;
}

.rating-block .col-12{
	margin-bottom:1.5rem
}
.rating-block .total{
	background: var(--color-gradient);
	height: 100%;
	border-radius: 10px;
	padding: 1rem 1.5rem;
	color: #f1f1f1;
	text-align: center;
}
.rating-block .total div:last-child{
	font-size: 2rem;
	font-weight: bold;
	padding-top: .5rem;
	display: block;
}

.rating-block .detailed{
	background: radial-gradient(100% 100% at 100% 0%, #d9fdff 0%, #d9eaff 60.48%, #ddd9ff 100%);
	height: 100%;
	border-radius: 10px;
	padding: 1rem;
	display: flex;
	width: 100%;
}
.rating-block .detailed .single-rating{
	width: 33.33%;
	font-weight: bold;
	align-self: center;
	text-align:center
}
.rating-block .detailed .single-rating:nth-child(2){position: relative;}
.rating-block .detailed .single-rating:nth-child(2)::after,
.rating-block .detailed .single-rating:nth-child(2)::before{
	content:"";
	display:block;
	width:1px;
	height: 100%;
	background: #3d265b;
	position: absolute;
	top: 0;
	left: 0;
	opacity:.4
}
.rating-block .detailed .single-rating:nth-child(2)::before{
	left:100%;
}
.rating-block .detailed .single-rating>*:last-child{
	opacity:.6;
	display: block;
	padding-top: .125rem;
	font-size:1.25rem
}
@media (min-width:992px) and (max-width:1200px){
	.rating-block .detailed{
		font-size:.875rem
	}
}
@media (max-width:391px){
	.rating-block .detailed{
		font-size:.875rem
	}
}

.rating-block + p:not(.article-accent){
	margin-top: -2rem;
}