/*
Theme Name: Hello Elementor Child Theme
Theme URI: https://example.com/hello-elementor-child/
Author: alexweb
Author URI: https://alexwebdesign.com
Description: Hello Elementor Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: hello-elementor
*/


/*************************** public styles ***************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
/* @font-face {
  font-family: newyork;
  src: url("fonts/NewYork.otf") format("opentype");
} */

/* html {
  scroll-behavior: smooth;
} */


/* main {
  overflow: hidden;
} */


.site-header {
  display: none
}

/*	 ----------------------------------------certificate---------------------------------------------------- */

@import url("https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester");

.cursive {
  font-family: "Pinyon Script", cursive;
}

.my-5 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.sans {
  font-family: "Open Sans", sans-serif;
}

.bold {
  font-weight: bold;
}

.block {
  display: block;
}

.underline {
  border-bottom: 1px solid #777;
  padding: 5px;
  margin-bottom: 15px;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.pm-empty-space {
  height: 40px;
  width: 100%;
}



.pm-certificate-container {
  position: relative;
  /* width: 800px;
  height: 600px; */
  background-color: #618597;
  padding: 30px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.outer-border {
  width: 794px;
  height: 594px;
  position: absolute;
  left: 50%;
  margin-left: -397px;
  top: 50%;
  margin-top: -297px;
  border: 2px solid #fff;
}

.inner-border {
  width: 730px;
  height: 530px;
  position: absolute;
  left: 50%;
  margin-left: -365px;
  top: 50%;
  margin-top: -265px;
  border: 2px solid #fff;
}

.pm-certificate-border {
  position: relative;
  width: 720px;
  height: 520px;
  padding: 0;
  border: 1px solid #e1e5f0;
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  left: 50%;
  margin-left: -360px;
  top: 50%;
  margin-top: -260px;

  .pm-certificate-block {
    width: 650px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    top: 70px;
    margin-top: 0;
  }

  .pm-certificate-header {
    margin-bottom: 10px;
  }

  .pm-certificate-title {
    position: relative;
    top: 40px;

    h2 {
      font-size: 34px !important;
    }
  }

  .pm-certificate-body {
    padding: 20px;

    .pm-name-text {
      font-size: 20px;
    }
  }

  .pm-earned {
    margin: 15px 0 20px;

    .pm-earned-text {
      font-size: 20px;
    }

    .pm-credits-text {
      font-size: 15px;
    }
  }

  .pm-course-title {
    .pm-earned-text {
      font-size: 20px;
    }

    .pm-credits-text {
      font-size: 15px;
    }
  }

  .pm-certified {
    font-size: 12px;

    .underline {
      margin-bottom: 5px;
    }
  }

  .pm-certificate-footer {
    width: 650px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    bottom: -105px;
  }
}




/* ************************************************ */
.bg {
  background-image: url('https://ecmoexperts.com/certificate/wp-content/uploads/2023/10/certificate.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 244px;
}

.mt-20p {
  margin-top: 20%;
}

p.prof {
  margin: 0px;
  font-size: 20px;
  font-weight: 700;
}

footer#site-footer {
  display: none;
}

.spacer {
  height: 80px !important;
}

.contentToPdf {
  position: relative;
}

/* .title {
  position: absolute;
  top: 290px;
  left: 0;
} */


h2 {
  color: #08005c;

}
.title h2 {
  font-size: 60px;
  font-family: math;
}
.wrapper {
  width: 1200px;
  height: 0px;
  margin: auto ;
}

/* body {
  overflow-x: scroll;
} */
.title {
  position: static;
  margin-top: 260px;
}
.certificate_date {
  position: static;
  margin-top: 110px;
}
.download_btn {
  position: static;
  margin-top: 35px;
  margin-left: 75px;
}
/* .certificate_name {
  position: absolute;
  top: 415px;
  left: 0;
} */

/* .certificate_date {
  position: absolute;
  top: 550px;
  left: 0;
} */



/* .download_btn {
  position: absolute;
  left: 85px;
  top: 660px;
} */


.pdf-btn {
  margin-top: 2%;
  margin-bottom: 5px;
}

.display-lg-none {
  display: none;
}




/* *****************************************Media Query ******************************** */



@media screen and (max-width: 1025px) {
  h2 {
    font-size: 24px;
  }

  .title {
    top: 230px;
  }

  .download_btn {
    left: 60px;
    top: 430px;
  }

  .certificate_name {
    top: 290px;
  }
}

@media screen and (max-width: 992px) {
  .none {
    display: none !important;
  }
}

@media screen and (max-width: 769px) {
  h2 {
    font-size: 20px;
  }

  .title {
    top: 175px;
  }

  .download_btn {
    left: 45px;
    top: 300px;
  }

  .certificate_name {
    top: 215px;
  }
}

@media screen and (max-width: 426px) {
  h2 {
    font-size: 16px;
  }

  .title {
    top: 95px;
  }

  .download_btn img {
    width: 50px !important;
    height: 50px !important;
  }

  .download_btn {
    left: -115px;
    top: 175px;
  }

  .certificate_name {
    top: 113px;
  }
}


@media (max-width: 376px) {
  h2 {
    font-size: 14px;
  }

  .title {
    top: 90px;
  }

  .certificate_name {
    top: 99px;
  }

  .download_btn {
    left: -100px;
    top: 150px;
  }

  .download_btn img {
    width: 50px !important;
    height: 50px !important;
  }


}

@media (max-width: 321px) {
  h2 {
    font-size: 14px;
  }

  .title {
    top: 75px;
  }

  .certificate_name {
    top: 80px;
  }

  .download_btn {
    left: -90px;
    top: 125px;
  }

  .download_btn img {
    width: 50px !important;
    height: 50px !important;
  }


}

@media print {
  html,
  body {
     display: none !important;
  }
}

html {
  user-select: none;
}