/*

Theme Name:   Reco Child

Theme URI:    http://estudiopatagon.com/themes/wordpress/recov3

Description:  Child theme, based on Reco

Template:     reco

Text Domain: reco-child

*/

/* Add your custom code just below */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/*
body {
  background-image: url(/wp-content/uploads/2022/07/aid.png);
  background-repeat: repeat-x;
  background-size: 50%;
}
*/
/*fonts*/
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/roboto-400-normal-4mxK.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/fonts/roboto-500-normal-BBc4.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/fonts/roboto-700-normal-BBc4.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/poppins-400-normal-fecg.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/fonts/poppins-500-normal-xlFQ.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/fonts/poppins-600-normal-xlFQ.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/fonts/poppins-700-normal-xlFQ.woff2') format('woff2');
}

.grid-container {
  max-width: 1280px;
}

svg.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

@media screen and (max-width: 1200px) {
  .grid-container {
    padding-left: 10px;
    padding-right: 10px
  }

}

@media screen and (max-width: 767px) {
  .grid-container {
    padding-right: 1px;
    padding-left: 1px;
  }

  .content {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

}

/*header-footer*/
#header {
  background: #424242;
  border-radius: 0 0 7px 7px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

#header div.menu-wrapper {
  background: #494949;
  border-bottom: 1px solid #4f4f4f;
  position: relative;
  padding: 20px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap
}

#header .logo {
  margin: 0
}

#header .logo a {
  line-height: unset;
}

.notice.text {
  padding-top: 0
}

.notice.text .info {
  position: relative;
  padding-left: 30px;
  text-align: center;
}

.notice.text .info p {
  margin-bottom: 0
}

.notice.text .info svg.icon-bell {
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 4px;
  left: 6px;
}

.notice.text .info .close {
  position: absolute;
  top: 2px;
  right: 0;
}

.notice.text .info svg.icon-close {
  width: 1.2em;
  height: 1.2em;
  vertical-align: 4px;
}

#footer .widgets {
  background: #494949 !important;
  padding: 25px 0;
  border-top: 1px solid #4f4f4f;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), -5px 0 5px -5px rgba(0, 0, 0, 0.2), 5px 0 5px -5px rgba(0, 0, 0, 0.2)
}

#footer .widget {
  margin-bottom: 0;
}

body.home #footer .widgets {
  border-top: 0;
}

#footer .widgets .widget_text .textwidget {
  margin-top: 0
}

#footer-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer-menu ul li {
  padding: 0 15px;
  border-right: 2px solid #5c5c5c;
}

#footer-menu ul li:last-child {
  border-right: 0;
}

#footer-menu li a {
  position: relative;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  color: #f9f9f9 !important;
}

#footer-menu li svg {
  width: 20px;
  height: 20px;
  vertical-align: -3px;
}

#footer .published {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #footer {
    margin-top: 0;
  }

  #footer .widgets {
    padding: 20px 0 10px
  }

  #footer-menu ul {
    flex-flow: wrap;
  }

  #footer .widgets .grid-33 {
    padding-left: 10px;
    padding-right: 10px;
  }

  #footer-menu ul li {
    width: 50%;
    margin-bottom: 10px;
    border-right: 0
  }

}

/*menu*/
#header nav ul.sub-menu {
  min-width: 190px;
  right: 0;
  left: unset;
  width: 100%;
  border-radius: 0 0 4px 4px;
  transform: none;
  transition-duration: 300ms;
}

#header nav ul.menu>li {
  padding: 0;
}

#header nav ul.menu li.menu-item-has-children {
  margin-right: 0
}

#header nav ul.menu>li>a {
  font-size: 16px;
  padding: 10px 15px;
}

#header nav ul.menu>li:last-child>a {
  padding-right: 0
}

#header nav ul.menu li a {
  letter-spacing: 0;
}

#header nav ul.menu li>a svg {
  width: 20px;
  height: 20px;
  vertical-align: -3px;
}

#header nav ul.menu li>a svg.icon {
  margin-right: 3px;
}

#header nav ul.menu li.parent>a svg:last-child {
  vertical-align: sub;
}

#header nav ul.menu li.current-user>a {
  position: relative;
  padding-right: 0
}

#header nav ul.menu li.menu-item-has-children:after {
  content: none;
}

#header nav ul.menu li.current-user {
  border-left: 2px solid #5c5c5c;
}

#header nav ul.menu li.current-user img {
  float: left;
  margin-right: 5px;
  vertical-align: -5px;
  border-radius: 4px;
}

#header nav ul.sub-menu li a {
  color: #f9f9f9;
  transition: none;
}

#header nav ul.sub-menu li a:hover {
  color: #f9f9f9;
  background: #5c5c5c;
}

#header nav ul.menu li.menu-item-has-children:hover>a {
  color: #ffd012
}

#header nav ul.menu li.menu-item-has-children.current-menu-ancestor.current-menu-parent:after {
  color: #FFD012
}

#header nav ul.menu li:hover>ul.sub-menu {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media screen and (max-width: 1023px) {
  #header nav {
    background: 0 0;
    position: unset;
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }

  #header nav ul.menu>li {
    display: inline-block;
    position: relative;
  }

  #header nav ul.menu>li>a {
    color: #f9f9f9;
    padding: 10px;
  }

  #header div.menu-mobile {
    display: none
  }

  #header nav ul.sub-menu {
    top: 100%;
  }

  #header nav ul.sub-menu {
    min-width: 250px;
    max-width: unset;
  }

  #header nav ul.menu>li a::before {
    display: unset !important
  }

  #header .logo {
    position: relative;
    max-width: unset !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 990px) {
  #header nav {
    margin-top: 0;
  }

}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  #header div.menu-wrapper {
    padding: 15px !important;
    margin: 0 !important;
  }

  #header .logo {
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  #header div.menu-wrapper {
    flex-flow: column;
  }

  #header nav {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  #header div.menu-wrapper {
    padding: 15px !important;
    min-height: 83.14px;
  }

  #header nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #424242 !important;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    padding: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    float: none;
    text-align: left;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }

  #header .logo a {
    max-width: 300px;
    padding: 0 5px;
    margin: 0 auto;
  }

  #header div.menu-mobile {
    display: inline-block;
    width: 32px;
    height: 32px;
    left: 10px !important
  }

  #header div.menu-mobile .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  #header div.menu-mobile .icon svg {
    width: 100%;
    height: 100%;
  }

  #header div.menu-mobile .icon.open {
    opacity: 1;
  }

  #header.menu-open div.menu-mobile .icon.open {
    opacity: 0;
  }

  #header.menu-open div.menu-mobile .icon.close {
    opacity: 1;
  }

  #header nav ul.sub-menu {
    margin-left: unset;
    margin-right: unset;
    border-radius: 0;
  }

  #header nav ul.menu>li {
    display: block;
  }

  #header nav ul.menu li.menu-item-has-children>a:after {
    right: 10px;
  }

  #header nav ul.menu li.current-user {
    margin-left: 0;
    border-left: 0;
    text-align: right;
    border-top: 2px solid #5c5c5c
  }

  #header nav ul.menu li.current-user>a {
    padding-right: 10px;
    text-align: left;
  }

  #header nav ul.menu li.current-user>a:after {
    left: 10px;
  }

}

/*f-menu*/
.f-menu-container {
  background: #424242;
  padding: 20px 15px;
}

ul#menu-menu-2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 70px);
  grid-gap: 0.75rem;
  justify-content: center;
}

ul#menu-menu-2 li {
  background: #4f4f4f;
  display: inline-block;
  position: relative;
  width: 70px;
  height: 65px;
  border-radius: 4px;
  padding: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

ul#menu-menu-2 li:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

ul#menu-menu-2 li a {
  display: block;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M458.667 160H212.075a31.982 31.982 0 01-30.357-21.867l-1.877-5.675A53.272 53.272 0 00129.259 96H53.333C23.936 96 0 119.936 0 149.333v256c0 29.397 23.936 53.333 53.333 53.333h405.333c29.397 0 53.333-23.936 53.333-53.333v-192C512 183.936 488.064 160 458.667 160z' fill='%23ffd012'%3E%3C/path%3E%3Cpath d='M437.333 53.333H129.259c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667c32.171 0 60.651 20.523 70.827 51.029l1.877 5.696a10.666 10.666 0 0010.133 7.317l246.571-.043c5.675 0 11.584.853 18.645 2.688a10.54 10.54 0 002.688.341 10.77 10.77 0 006.528-2.219 10.714 10.714 0 004.139-8.448v-24.363c0-29.396-23.936-53.332-53.334-53.332z' fill='%23ffd012'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 4px;
  background-size: 35px;
  height: 100%;
}

ul#menu-menu-2 li a span {
  background: #5c5c5c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 4px 4px;
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #f9f9f9;
}

ul#menu-menu-2 li.star a:after {
  content: "New";
  text-align: center;
  font-size: 11px;
  background: #ef5350;
  padding: 0 2px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}

ul#menu-menu-2 li.current-menu-item,
ul#menu-menu-2 li.current-post-ancestor {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

ul#menu-menu-2 li.current-menu-item a span,
ul#menu-menu-2 li.current-post-ancestor a span {
  background: #ffd012;
  color: #424242;
}

@media screen and (max-width: 767px) {
  ul#menu-menu-2 {
    max-height: 222px;
    overflow-y: auto;
  }

}

/*tickers*/
.ticker {
  background: #494949;
  display: flex;
  align-items: center;
  min-height: 35px;
  border-radius: 0 0 7px 7px;
}

.ticker .label {
  float: left;
  background: #5c5c5c;
  min-width: 35px;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 7px;
}

.ticker .label svg {
  width: 22px;
  height: 22px;
  fill: #ffd012
}

.ticker .mtphr-dnt {
  width: 100%;
}

.ticker .mtphr-dnt-default {
  padding: 0 5px;
  line-height: 1.2
}

.ticker .mtphr-dnt-post h4 {
  padding: 4px 25px;
}

.ticker .mtphr-dnt-post h4:hover {
  background: #5c5c5c
}

.ticker .mtphr-dnt-posts-tick:nth-child(even) .mtphr-dnt-post:before,
.ticker .mtphr-dnt-posts-tick:nth-child(even) .mtphr-dnt-post:after {
  content: '|';
  color: #ffd012;
  position: absolute;
  top: 4px;
  left: 0
}

.ticker .mtphr-dnt-posts-tick:nth-child(even) .mtphr-dnt-post:after {
  left: auto;
  right: 0
}

.ticker .mtphr-dnt-posts-title,
.ticker .mtphr-dnt-default-tick {
  font-size: 15px;
}

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

  .ticker .mtphr-dnt-posts-title,
  .ticker .mtphr-dnt-default-tick {
    font-size: 13px;
  }

  .ticker .mtphr-dnt-post h4 {
    padding: 6px 15px
  }

  .ticker .mtphr-dnt-posts-tick:nth-child(even) .mtphr-dnt-post:before,
  .ticker .mtphr-dnt-posts-tick:nth-child(even) .mtphr-dnt-post:after {
    top: 5px;
  }
}

/*breadcrumbs*/
.breadcrumbs {
  padding: 10px;
  font-size: 15px;
}

.breadcrumbs .bread-separator {
  color: #ffd012;
}

.breadcrumbs a:not(.breadcrumb_last) {
  font-weight: 600
}

.single-wpdmpro #single {
  margin-top: 20px;
}

/*home-archive wrpaper*/
#archives .module-wrapper.no-counter,
#home .module-wrapper.no-counter {
  margin-top: 20px;
}

div.filters {
  background: #494949 !important;
  padding: 20px 0;
  border-bottom: 1px solid #4f4f4f;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2), -5px 0 5px -5px rgba(0, 0, 0, 0.2), 5px 0 5px -5px rgba(0, 0, 0, 0.2);
}

#archives .module-wrapper.no-filters .content,
#home .module-wrapper.no-filters .content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.content {
  margin-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#home .content,
#archives .content {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2), 5px 0 5px -5px rgba(0, 0, 0, 0.2)
}

#single .content,
#single.content {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2), 5px 0 5px -5px rgba(0, 0, 0, 0.2)
}

main#single .main-article {
  max-width: 900px;
  margin: auto;
}

div.articles article {
  padding: 0 10px
}

div.articles:not(.classic) header {
  display: flex;
  justify-content: left;
  align-items: center;
  height: 100%
}

div.articles article .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 1em 0;
  overflow: hidden;
}

#single .title.ularge {
  display: inline-block;
  font-size: 30px
}

.title.bordered:after {
  width: 100%;
  margin-top: 5px
}

div.articles article.no-author div.post-excerpt {
  display: none;
}


@media screen and (max-width: 1023px) and (min-width: 768px) {
  div.articles article {
    background: unset
  }
}

@media screen and (max-width: 767px) {
  .content {
    padding: 0 10px !important;
  }

  #home .content,
  #archives .content {
    padding: 0 !important;
  }

  #single div.filters {
    margin: 0 -10px;
  }
}

/*tags*/
.articles header div.tags.no-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
  padding: 20px 10px 20px 0;
  height: 100%;
  border-right: 1px solid #4f4f4f;
}

.articles header div.tags.no-thumb a:last-child,
.articles header div.tags.no-thumb span:last-child {
  margin-bottom: 0
}

div.tags.no-thumb a,
div.tags.no-thumb span {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: #212529;
  margin-left: 0;
  border-radius: 4px;
  line-height: 1;
  min-width: 65px;
  text-align: center;
  padding: 5.5px 0;
  margin-left: 0;
  letter-spacing: -.5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

div.tags.no-thumb a:hover {
  color: #f5f5f5;
}

div.meta {
  color: #ddd !important
}

div.meta svg {
  width: 1.2em !important;
  height: 1.2em !important;
  fill: #ffd012;
  vertical-align: -2px;
}

div.meta .views {
  float: left;
  margin-right: 10px;
}

div.meta .views svg {
  vertical-align: -3px;
}

div.meta .views:before {
  content: "|";
  color: #999;
  font-weight: 600;
  margin-right: 10px;
}

#single.standard .main-article div.meta time {
  float: left;
  margin-right: 10px;
}

#single .title.large {
  font-size: 30px
}

#single .post-content {
  padding-bottom: 0
}

/*firmware tag prefix*/
div.tags .grid-prefix-factory {
  background: #81c784;
}

div.tags .grid-prefix-dump {
  background: #ff8a65;
}

div.tags .grid-prefix-updated {
  background: #42a5f5;
  margin-left: 4px;
}

.single-prefix-factory,
.single-prefix-dump,
.single-prefix-updated {
  float: left;
  font-weight: 600
}

.single-prefix-factory:before,
.single-prefix-dump:before {
  content: "|";
  color: #999;
  margin-right: 10px;
}

.single-prefix-factory {
  color: #81c784;
  margin-right: 10px;
}

.single-prefix-dump {
  color: #ff8a65;
  margin-right: 10px;
}

.single-prefix-updated {
  color: #42a5f5;
}

.single-prefix-updated:before {
  content: "|";
  color: #999;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #single .title.no-thumb {
    text-align: left;
  }
}

/*infos*/
div.text pre.wp-block-preformatted {
  padding: 15px;
  background: #5c5c5c;
  color: #f5f5f5;
  font-size: 14px;
  max-height: unset;
  border: 0;
  border-radius: 4px;
}

div.text pre.wp-block-preformatted strong {
  font-weight: 400;
}

/*social icons*/
div.text ul.wp-block-social-links {
  margin-left: 0
}

/*content protection*/
.swpm-post-not-logged-in-msg,
.swpm-post-no-access-msg {
  text-align: center;
}

.swpm-post-not-logged-in-msg a {
  color: #ffd012 !important;
  font-weight: 600;
}

/*download manager*/
section.__wpdm_gb_section.__wpdm_gb_package {
  margin-bottom: 10px;
}

section.__wpdm_gb_section.__wpdm_gb_package .w3eden .card {
  background: #4f4f4f;
  border-color: #4f4f4f;
  border-radius: 4px;
}

section.__wpdm_gb_section.__wpdm_gb_package .w3eden .card i {
  color: #ffd012
}

.w3eden .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
}

.w3eden .card-body {
  padding: 1rem 0.5rem;
}

.w3eden .card h3 {
  font-size: 14pt;
  font-weight: 700;
  padding: 0;
  margin: 0
}

.w3eden .card-body .meta svg {
  margin-right: 0;
  vertical-align: -2px;
}

#single.standard .w3eden .row {
  align-items: center
}

#single.standard .w3eden div.meta {
  padding: 0
}

.w3eden .mt-1 {
  margin-top: 0.25rem;
}

.w3eden .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #5c5c5c;
  border-top: none;
  padding: 0.5rem 1.25rem;
}

.w3eden .card-footer .created-date {
  width: 30%;
  font-size: 14px;
  color: #ddd;
}

.w3eden .card-footer .download {
  width: 70%;
  text-align: right;
  line-height: 1;
}

.w3eden .btn {
  display: inline-block;
  padding: 5px 15px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 2px;
  vertical-align: middle
}

.w3eden .btn-primary,
.w3eden .btn-primary:hover,
.w3eden .btn-primary:focus {
  background: #ffd012;
  color: #494949;
  font-weight: 700;
}

.w3eden .btn-warning,
.w3eden .btn-warning:hover,
.w3eden .btn-warning:focus {
  background: rgb(255, 178, 54);
  color: #494949;
  font-weight: 700;
}

.w3eden :is(.btn-primary, .btn-warning):hover,
.w3eden :is(.btn-primary, .btn-warning):focus,
.w3eden :is(.btn-primary, .btn-warning):active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

section.__wpdm_gb_section.__wpdm_gb_package .w3eden .alert {
  display: inline-block;
  margin-bottom: 0;
  padding: 5px 10px;
  background: #ff8a65;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 2px;
  color: #212529;
}

.w3eden .card-footer .download .dload-login {
  display: inline-block;
  padding: 5px 0;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.w3eden .card-footer .download .dload-login a {
  color: #ffd012;
  font-weight: 500;
}

.w3eden .card-footer .download .dload-login a:hover {
  color: #ffd012;
  background: unset;
}

.w3eden .card-footer .download .dload-limit {
  display: inline-block;
  padding: 5px 10px;
  background: #e57373;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 2px;
  color: #212529;
}

@media screen and (max-width: 767px) {
  .w3eden .card h3 {
    font-size: 13pt
  }

  #single.standard .w3eden div.meta {
    padding: 0 !important;
    text-align: left;
  }

  .w3eden .card-footer .created-date {
    display: none;
  }

  .w3eden .card-footer .download {
    width: 100%;
    text-align: center
  }

  .check-access-link {
    font-size: 12px;
  }
}

/*share*/
#single .share-buttons {
  margin-left: -60px;
  margin-right: -60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
  border-bottom: none;
}

#single .share-buttons .epcl-share-bottom {
  vertical-align: middle;
}

#single .share-buttons .title {
  display: inline-block;
  font-size: 1.5em;
  margin-right: 10px;
  margin-bottom: 0;
}

#single .share-buttons .epcl-button.facebook,
#single .share-buttons .epcl-button.twitter {
  background: 0 0 !important;
  width: unset;
  height: unset;
  padding: 0;
  line-height: 1;
  margin: 0
}

#single .share-buttons .epcl-button.facebook {
  margin-right: 5px;
}

#single .share-buttons .epcl-button.facebook:hover,
#single .share-buttons .epcl-button.twitter:hover {
  transform: unset;
}

#single .share-buttons .permalink {
  margin-top: 15px;
}

#single .share-buttons svg {
  width: 2.3em;
  height: 2.3em;
  fill: #ffd012;
}

@media screen and (max-width:767px) {
  #single .share-buttons {
    margin-left: -10px;
    margin-right: -10px;
  }
}

/*pagination*/
.pagination-container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.wp-pagenavi {
  clear: both;
  text-align: center
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  padding: 8px 12px;
  margin: 3px;
  border: 1px solid #4f4f4f;
  border-radius: 4px;
  white-space: nowrap;
}

.wp-pagenavi span.pages {
  background: #5c5c5c;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: #5c5c5c;
}

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


/*input-password-copy-share*/
input[type=submit]:hover {
  color: #f9f9f9 !important
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  border-radius: 4px;
  padding-left: 15px;
}

#single .password-text {
  position: relative;
  display: inline-block;
  z-index: 1;
}

#single .password-text input {
  display: block;
  width: 17rem;
  text-align: left;
  padding-right: 60px;
  margin: 0;
}

#single .password-text .copy,
#single .share-buttons .permalink .copy {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  text-align: center;
  width: 45px;
  height: 45px;
  line-height: 48px;
  cursor: pointer;
  border-left: 1px solid #7b7b7b;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

#single .password-text .copy svg,
#single .share-buttons .permalink .copy svg {
  width: 1.1em;
  height: 1.1em;
  fill: #FFD012 !important;
  vertical-align: -2px
}


@media screen and (max-width: 767px) {
  #single .password-text {
    display: block;
  }

  #single .password-text input {
    width: 100%
  }
}

/*tooltipster*/
.password-text .copy,
.permalink .copy,
.email-text .copy {
  position: relative;
}

.password-text .copy .tooltip,
.permalink .copy .tooltip,
.email-text .copy .tooltip {
  background: #5c5c5c;
  color: #f9f9f9;
  padding: 8px 10px;
  line-height: 1;
  font-size: 12px;
  position: absolute;
  z-index: 1;
  top: 120%;
  right: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  white-space: nowrap;
}

.password-text .copy .tooltip::after,
.permalink .copy .tooltip:after,
.email-text .copy .tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 10px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #5c5c5c transparent;
}

/*inactivelogout email & session timeout*/
.ina-notification-wrapper .ina-send-email {
  background: #424242 !important;
  color: #f9f9f9 !important;
  width: unset !important;
  padding: 8px 12px !important;
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  border-radius: 4px;
  transition: all .3s ease;
}

.ina-notification-wrapper .ina-send-email:hover {
  box-shadow: none;
}

.ina-notification-wrapper .ina-email-address {
  height: 35px;
  border: 0;
}

.ina-dp-noflict-modal-content {
  background: #424242 !important;
  border: none !important;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important
}

.ina-dp-noflict-modal-content h3 {
  color: #FFD012 !important;
  font-weight: 700 !important;
  border-color: #4f4f4f !important;
}

.ina-dp-noflict-modal-content h3 p {
  color: #f5f5f5 !important;
}

.ina-dp-noflict-modal-content .btn-timeout,
.ina_stay_logged_in {
  background: #494949 !important;
  border-radius: 4px;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.ina-dp-noflict-modal-content .btn-timeout:hover,
.ina_stay_logged_in:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

/*alert*/
.swpm-yellow-box {
  padding: 12px !important;
  background: #4f4f4f !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important;
  border: 0 !important;
  border-left: 4px solid #3688f4 !important;
}

.rtl-content.swpm-yellow-box {
  border-left: 0 !important;
  border-right: 4px solid #3688f4 !important;
}

.swpm-renewal-link {
  color: #FFD012 !important;
  font-weight: bold !important;
}