/* 
 Theme Name:   owlpress-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     owlpress
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

:root {
  --bs-primary: #6caf17;
  --bs-primary-dark: #d52600;
  --bs-primary-light: #f9faf7;
  --bs-primary-shadow: rgb(108 175 23 / 0.5);
  --bs-secondary: #151111;
  --bs-secondary-dark: #222222;
}
.clearfix {clear: both;}
.hr-line{display:inline-block;clear:both;}
.hr-line{width:100%;max-width:192px;position:relative;display:flex;justify-content:center;align-items:center;z-index:0;height:21px;margin: 3px auto 14px;}
.hr-line span{display:inline-block;position:relative;z-index:0;}
.hr-line:after,.hr-line:before{content:"";position:absolute;top:50%;width:64px;height:1px;display:inline-block;background-color:var(--bs-primary);transform:translate(0, -50%);}
.hr-line:before{left:0;}
.hr-line:after{right:0;}
.hr-line > span:after,.hr-line > span:before{content:"";position:absolute;top:50%;width:11px;height:11px;border-radius:100px;background-color:var(--bs-secondary);transform:translate(0, -50%);}
.hr-line > span:before{right:26.5px;}
.hr-line > span:after{left:26.5px;}
.hr-line > span > span{width:11px;height:11px;border-radius:100%;background-color:var(--bs-primary);}
.hr-line > span > span:before{content:"";position:absolute;top:50%;left:50%;width:21px;height:21px;border:1px solid var(--bs-primary);border-radius:100%;transform:translate(-50%, -50%);z-index:0;}

.more-link{display:inline-block;font-weight:600;line-height:1.35;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:10.7px 23.13px;letter-spacing:0.01rem;font-size:16px;border-radius:4px;transition:color .15s ease-in-out, .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.more-link:after,.more-link{-webkit-transition:var(--bs-transition);transition:var(--bs-transition);}
.more-link{position:relative;overflow:hidden;border-color:#6caf17!important;z-index:0;text-decoration:none;transition:0.5s all ease;}
.more-link{border:0;text-decoration:none;position:relative;z-index:0;}
.more-link:before,.more-link:after{content:"";position:absolute;height:100%;border-width:0;border-style:solid;border-color:inherit;display:inline-block;transition:width 0.3s ease;z-index:-1;}
.more-link:before{width:80%;bottom:0;left:0;border-width:1px 0 0 1px;border-radius:5px 0 0 5px;}
.more-link:after{top:0;right:0;width:80%;border-width:0 1px 1px 0;border-radius:0 5px 5px 0;}
.more-link:focus:before,.more-link:focus:after,.more-link:hover:before,.more-link:hover:after{width:100%;color:inherit;}
.post-items{position:relative;width:100%;height:100%!important;padding:0;z-index:0;border-radius:4px;background-color:rgb(255, 255, 255);box-shadow:0px 8px 20.3px 8.7px rgba(0, 0, 0, 0.1);}
.post-items .post-content{position:relative;padding:0 25px;z-index:0;}
.post-items .post-content-bottom{padding:32px 0;}
.post-items .post-meta{display:flex;align-items:center;justify-content:flex-start;padding:0;}
.post-items .post-meta .post-date{position:relative;top:-1px;margin-right:16px;margin-left:-40px;padding:13px 13.58px;color:#fff;background-color:var(--bs-secondary);transition:var(--bs-transition);z-index:0;}
.post-items .post-meta .post-date:before{content:"";position:absolute;bottom:-23px;left:0;width:15px;height:24px;background-color:#353638;clip-path:polygon(0 0, 100% 100%, 100% 0);z-index:-1;}
.post-items .post-content-bottom p{padding-bottom:26px;margin-bottom:28px;}
.post-items .more-link:hover,.post-items .more-link:focus{text-decoration:none;}
.post-items:hover .post-meta .post-date{background-color:var(--bs-primary);box-shadow:0px 4px 5.52px 0.48px rgba(7, 7, 7, 0.21);}
.post-items:hover .more-link{color:var(--bs-primary);border-color:var(--bs-primary);}
@media (max-width: 424px){
.more-link{line-height:13.6px;padding:12px 16px;line-height:15.2px;}
}
.service-item {height: 100%;}
.service-item .service-content span {
  text-decoration: none;
  color: var(--bs-secondary);
}

.service-item .service-content .btn.btn-link::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 120%;
  height: 120%;
  border-radius: 100%;
  opacity: 0.18;
  z-index: -1;
  background-color: var(--bs-primary);
  -webkit-animation: none!important;
  animation: none!important;
}
.service-item .service-content .btn.btn-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0.20;
  z-index: -1;
  background-color: var(--bs-primary);
  transition: none!important;
}
.service-item:hover .service-icon *, .service-item:focus-within .service-icon * {
  transform: none!important;
  -webkit-filter:none!important;
  filter: none!important;
}
.service-item .service-icon::before {content: none!important;}
.service-item .service-content .btn.btn-link::before, .service-item .service-content .btn.btn-link::after {background-color: #cce4af!important;}
.h1,
h1 {
  font-size: 45px;
}

.h2,
h2 {
  font-size: 30px;
}

.h3,
h3 {
  font-size: 22px;
}

li span {
  font-weight: bold;
}

.card3 {
  padding: 18px 28px;
  margin-left: 5px;
  align-items: center;
  margin-right: 5px;
  text-indent: unset;
  opacity: 1;
  border: 5px solid rgb(237, 230, 230);
  background-color: #f6f5f5;
  box-shadow: 2px 4px 5px #080808;
}

.card3:hover {
  box-shadow: 2px 4px 5px #6caf17;
}

.card3 p {
  font-weight: 700;
}

.card4 {
  background: #6caf17;
  justify-content: center;
  padding: 10px 0px;
  color: white;
}

.logo img {
  max-width: 100% !important;
}

.main-menu-right {
  flex-basis: 0% !important;
}

.pt-180 {
  padding: 180px 0px 0px 0px;
}

.breadcrumb-area {
  height: auto;
  padding-bottom: 40px;
}

.main-navigation {
  background: #060606de;
  box-shadow: 10px 2px 15px 20px #adadad5c;
}

.st-py-default {
  padding: 30px 0;
}

.breadcrumb-area:after {
  background-color: #000000b0 !important;
}
.bg {
  background: url("https://www.coppa.org/wp-content/uploads/digital-security.jpg")
    center center scroll;
  height: 55vh;
}

.card404 .card404-inner {
  position: relative;
  padding: 100px 60px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(37 33 33 / 88%);
  border-radius: 50%;
  background-color: rgb(255 255 255 / 39%);
  box-shadow: inset 0px 17px 74.82px 12.18px rgba(145, 150, 139, 0.13);
}

.title-green {color: var(--bs-primary);}

.card404 h1 {
  font-size: 100px;
  max-width: 320px;
  margin: auto;
  font-weight: 800;
  line-height: 0.8;
}

.glossy {
  color: white;
  padding: 20px;
  text-align: center;
  background: rgb(0 0 0 / 51%);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(0.8px);
  -webkit-backdrop-filter: blur(0.8px);
  border: 1px solid rgb(22 200 29 / 48%);
}

.breadcrumb-area {
  min-height: auto;
}

.filter {
  filter: drop-shadow(20px 1px 10px black);
  border-radius: 20px;
}

.page-id-16 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/gdpr.png) !important;
  background-repeat: no-repeat !important;
}
.page-id-18 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/nist.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-23 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cfaa.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-28 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/ecpa.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-39 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/coppa.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-43 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/pecr.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-69 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/ftc.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-72 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cisa.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-81 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/egba.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-89 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/icrg.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-92 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/ecogra.png) !important;
  background-repeat: no-repeat !important;
}

.page-id-3 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cybercrime-bg.png) !important;
}

.page-id-48 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cybercrime-bg.png) !important;
}

.page-id-3 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cybercrime-bg.png) !important;
}

.page-id-53 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cybersecurity-act-bg.png) !important;
}
.page-id-57 .post-section {
  background: linear-gradient(
      rgba(253, 252, 252, 0.801),
      rgba(253, 252, 252, 0.801)
    ),
    url(/img/cybercrime-act-bg.png) !important;
}

@media (max-width: 992px) {
  .pt-180 {
    padding: 0px;
  }
  .breadcrumb-area {
    height: auto !important;
  }
  .bg {
    background: url("https://www.coppa.org/wp-content/uploads/digital-security.jpg")
      center center scroll;
    height: auto;
  }
  .h1,
  h1 {
    font-size: 30px;
  }

  .h2,
  h2 {
    font-size: 25px;
  }

  .h3,
  h3 {
    font-size: 20px;
  }
}

@media (max-width: 1650px) {
  .page-id-16 .post-section {
    background: linear-gradient(#ffffffe6, rgba(253, 252, 252, 0.801)),
      url(/img/gdpr.png) !important;
    background-repeat: no-repeat !important;
  }

  .page-id-18 .post-section {
    background: linear-gradient(#ffffffe6, rgba(253, 252, 252, 0.801)),
      url(/img/nist.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-23 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/cfaa.png) !important;
    background-repeat: no-repeat !important;
  }

  .page-id-28 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/ecpa.png) !important;
    background-repeat: no-repeat !important;
  }

  .page-id-39 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/coppa.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-43 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/pecr.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-69 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/ftc.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-72 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/cisa.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-81 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/egba.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-89 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/icrg.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-92 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/ecogra.png) !important;
    background-repeat: no-repeat !important;
  }
  .page-id-48 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/cybercrime-bg.png) !important;
  }

  .page-id-3 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/cybercrime-bg.png) !important;
  }
  .page-id-53 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/cybersecurity-act-bg.png) !important;
  }
  .page-id-57 .post-section {
    background: linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255)),
      url(/img/cybercrime-act-bg.png) !important;
  }
}

@media (max-width: 600px) {
  .filter {
    filter: drop-shadow(10px 1px 2px black);
  }
  .page-id-16 .post-section {
    background: linear-gradient(#ffffffe6, rgba(253, 252, 252, 0.801)),
      url(/img/gdpr.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-18 .post-section {
    background: linear-gradient(#ffffffe6, rgba(253, 252, 252, 0.801)),
      url(/img/nist.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  .page-id-23 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/cfaa.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-28 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/ecpa.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-39 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/coppa.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-43 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/pecr.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-69 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/ftc.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-72 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/cisa.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-81 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/egba.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-89 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/icrg.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .page-id-92 .post-section {
    background: linear-gradient(#fffffff5 rgba(253, 252, 252, 0.801)),
      url(/img/ecogra.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  .service-item {
    padding: 30px 10px 10px 10px;
  }

  .service-item p {
    text-align: left;
  }
}
@media (max-width: 1400px) {
  div.main-mobile-nav {
    display: block;
  }
  .card3 {
    padding: 10px !important;
  }
}

@media (min-width: 1401px) {
  .d-lg-xxl {
    display: block !important;
  }
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  color: #6caf17;
}

.img-box {
  background: linear-gradient(rgb(55 52 52 / 31%), rgb(0 0 0 / 12%)),
    url(https://www.coppa.org/wp-content/uploads/digital-security.jpg);
  padding: 20px;
  background-size: cover;
  border-radius: 20px;
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.t-decoration {
  text-decoration: none !important;
}

.img-box:hover {
  -webkit-filter: brightness(100%);
}

.menu-collapsed {
  border: 2px solid #155123;
  background-color: #282927;
  padding: 0px !important;
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
  color: #6caf17;
}