/*
Theme Name: University of Kelaniya Pharmacovigilance centre theme
Theme URI: https://pvkln.lk/
Author: IF Solutions team
Author URI: https://www.ifsolutions.lk/
Description: University of Kelaniya pharmacovigilance centre act as independent body in collecting, processing and provide feedback on Adverse Drug Reactions (ADR). The PV centre ensure the public health and safe use of medicine and medicine related products in Sri Lanka through early detection of ADR.
Requires at least: 5.3
Tested up to: 6.1
Requires PHP: 5.6
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: pvklnbyifs
Tags:
pvklnbyifs by IF Solutions WordPress Theme, (C) 2022 https://ifsolutions.lk/
*/


/*** Start Default CSS ***/
:root {
  --body-font:'Open Sans', sans-serif;
  --colorPrimary: #660000;
  --colorRed: #D02828;
  --secondary-colo1: #333333;
  --secondary-colo2: #777777;
  --secondary-colo3: #F7F7F7;
}

html{
  overflow-x: hidden;
}

body {
  font-family: var(--body-font);
  line-height: 1;
  font-size: 1rem;
  overflow-x: hidden;
}

.bg-primary {
  background-color: var(--colorPrimary) !important;
}

.font-red {
  color: var(--colorRed);
}

h1 {
  text-align: center
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}

.primary-btn {
  padding: 0.5rem 2.5rem;
  background-color: transparent;
  color: #000000;
  border: 1px solid var(--colorPrimary);
}

.primary-btn:hover {
  background-color: var(--colorPrimary);
  color: #ffffff;
  border: 1px solid var(--colorPrimary);
}

.secondary-btn {
  background-color: var(--colorPrimary);
  color: #ffffff;
  border: 1px solid var(--colorPrimary);
  padding: 0.5rem 2.5rem;
}

.secondary-btn:hover {
  background-color: transparent;
  color: #000000;
  border: 1px solid var(--colorPrimary);
}

/*** End Default CSS ***/

/*** Start Header ***/

header .nav-brand-text,
footer .nav-brand-text {
  font-size: 0.9rem;
  font-weight: 600;
}

header .vl,
footer .vl {
  border-left: 1px solid #EEEEEE;
  height: 50px;
}

header .search {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: unset !important;
  border: 1px solid var(--colorPrimary)
}

header .search:focus {
  box-shadow: unset;
  border: 1px solid var(--colorPrimary) !important;
  border-right: unset !important;
}

header .search-btn {
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border: 1px solid var(--colorPrimary) !important;
  border-left: unset !important;
}

header .search-btn i {
  color: rgba(85, 85, 85, 0.6);
}

header .input-group {
  /* width: 70%; */
  width: 100%;
  /* display: flex;
  flex-direction: row-reverse; */
}

header .nav-link {
  font-weight: 600;
  font-size: 1rem;
}

header .nav-link:hover {
  border-bottom: 2px solid rgb(254 218 88) !important;
  transition: unset;
}

header .navbar-toggler:focus {
  text-decoration: none;
  outline: unset;
  box-shadow: unset;
}

header .navbar-toggler {
  border: unset;
}

header .btn:hover {
  background-color: unset;
  color: unset;
}

@media (max-width: 575px) {
  header .input-group {
    width: 100%;
  }
}

@media (min-width: 992px) {
  header .nav-link {
    font-weight: 600;
    font-size: 0.6rem;
  }

  header .nav-right {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  header .nav-link {
    font-weight: 600;
    font-size: 0.9rem;
  }
}

@media (min-width: 1366px) {
  header .nav-link {
    font-size: 1rem;
  }
}

/*** End Header ***/

/*** Start Footer ***/

footer ul li {
  margin-bottom: 15px;
  font-weight: 300;
}

footer ul {
  margin-bottom: 0;
  padding-left: 0;
}

footer ul.social_list li {
  display: inline-block;
  margin-right: 0.5rem;
}

footer ul.social_list li i {
  color: var(--colorPrimary);
  font-size: 1.4rem;
}

footer .footer-bottom {
  font-size: 0.9rem;
  line-height: 1.4;
}

@media (max-width: 575px) {
  footer ul li {
    text-align: center;
  }
}

@media (min-width: 576px) {
  footer ul li {
    text-align: start;
  }
}

@media (min-width: 992px) {
  footer ul li {
    text-align: start;
  }
}

/*** End Footer ***/

/*** Start ADR Reporting ***/

#regForm {
  background-color: #ffffff;
  margin: 0px auto;
  padding: 40px;
}

#form-page input {
  padding: 5px;
  /* width: 100%; */
  border: 1px solid #aaaaaa
}

#form-page input.invalid {
  background-color: #ffdddd
}

#form-page .tab {
  display: none
}

/* #form-page button {
background-color: var(--colorPrimary);
color: #ffffff;
border: none;
padding: 10px 20px;
cursor: pointer
} */

/* button:hover {
opacity: 0.8
} */

/* #prevBtn {
background-color: #bbbbbb;
border-radius: 0.4rem;
} */

#form-page .step {
  /* height: 15px; */
  width: 23px;
  /* margin: 0 2px; */
  margin: 0 12px;
  line-height: 1.6;
  /* background-color: rgba(187, 187, 187, 0.5); */
  /* color: rgba(33, 37, 41, 0.5); */
  border: none;
  border-radius: 50%;
  display: inline-block;
  /* opacity: 0.5; */
  font-size: 0.9rem;
}

#form-page .step.active {
  opacity: 1;
  font-size: 1.3rem;
  color: rgb(254 218 88) !important;
}

#form-page .step.finish {
  /* background-color: var(--colorPrimary); */
  color: rgb(254 218 88) !important;
}

#form-page .step.finish .fa-dot-circle:before {
  content: "\f058";
}

#form-page .all-steps {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px
}

#form-page .thanks-message {
  display: none;
}

#form-page .form-check-label {
  margin-top: 0.2rem;
  margin-right: 0.5rem;
}

#form-page .form-control:focus {
  border-color: #ced4da;
  outline: 0;
  box-shadow: unset;
}

@media (max-width: 575px) {
  #form-page .step {
    margin: 0 1px !important;
  }

  #form-page #regForm {
    padding: 1.5rem 0.5rem;
  }
}

@media (min-width: 576px) {
  #form-page .step {
    margin: 0 12px !important;
  }
}

/*** End ADR Reporting ***/

/*** Start Home ***/

#home #section-one .carousel-caption {
  color: #000 !important;
}

#home #section-one a.btn {
  /* padding: 1rem 0.5rem; */
  padding: 0.6rem 2rem;
  /* width: 150px; */
  font-size: 0.9rem;
  font-weight: 600;
}

#home #section-one .carousel-indicators [data-bs-target] {
  border-radius: 50% !important;
  width: 15px !important;
  height: 15px !important;
  opacity: 1 !important;
}

#home #section-one .carousel-indicators .active {
  opacity: 1;
  background-color: var(--colorPrimary) !important;
}

@media (max-width: 575px) {
  #home #section-one h1 {
    font-size: 1.5rem;
  }

  #home #section-one h5 {
    font-size: 1rem;
  }
}

/*** End Home ***/

/* news */

#news .archives-contents #block-2,
#news .archives-contents #block-3,
#news .archives-contents #block-4,
#news .archives-contents #block-6 {
  display: none !important;
}

#news .archives-contents #block-5 {
  list-style: none;
}

#news .archives-contents ul {
  list-style: none;
  padding-left: unset;
}

#news .archives-contents #block-5 h2 {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

#news .col-two ul li {
  margin-bottom: 0.5rem;
}

#singlenews #section-three .card span {
  color: var(--colorPrimary);
  font-size: 14px;
}

/* end news */

#home #section-two .row .col-one .circleborder,#home #section-two .row .col-three .circleborder{
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 1px solid var(--colorPrimary);
}

#home #section-three .row-one h4{
  /* margin-left: -6%; */
  margin-top: -15%;
}

#home #section-three .row-one p{
  /* margin-left: -6%; */
  max-width: 400px;
  margin-top: -3%;
}

#home #section-three .row-one{
  z-index: -1;
  position: relative;
}

#home #section-three .row-two img{
  margin-top: -12%;
  z-index: 99;
}

#aboutus #section-one h5 , #contacts #section-one h5 ,#privacy #section-one h5,#publication #section-one h5,
#singlenews #section-two #singlenews_subtitle, #news #section-one h5,#faq #section-one h5{
  font-size: 17px;
  color:var(--colorPrimary);
  font-weight: 500;
}

#aboutus p ,#aboutus ul,#privacy p ,#contacts #section-two .col-one p, #publication p,#publication #section-two .card span,
#singlenews #section-two p, #singlenews #section-three .card p,#singlenews #section-one p, #news #section-two .card p,
#news #section-one p,#faq p,#thankyou #section-one p,#error #section-one p,#home p{
  line-height: 25px;
  font-size: 14px;
  color:var(--secondary-colo2);
}

.container-main
{
  padding: 0 12%;
}

.container-news{
  padding: 0 8%;
}

#contacts p {
  font-size: 14px;
  color:var(--secondary-colo2);
}

#contacts #section-two .col-one , #contacts #section-two .col-two{
  border-right: 1px solid #dddddd;
}

::placeholder{
  font-size: 14px;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #dddddd;
  outline: 0;
  box-shadow: unset;
}

.btn{
  border: 1px solid var(--colorPrimary);
  font-size: 14px;
}

.btn-previouse{
  border: 1px solid #555555;
  font-size: 14px;
}

.btn-news{
  border-radius: 50px;
  background-color: var(--colorPrimary);
  width: 35px;
  height: 35px;
  padding: 1.2% 1.6%;
}

.btn:hover{
  background-color: var(--colorPrimary);
  color: white;
}

#contacts i,#publication #section-two i ,#thankyou #section-one i,#error #section-one i{
  color: var(--colorPrimary);
}

#thankyou #section-one i,#error #section-one i{
  font-size: 60px;
}

.background{
  background-color: var(--secondary-colo3);
}

#publication #section-two .card{
  border: 2px solid #eeeeee;
  border-radius: 0;
}

#publication #section-two table th{
  font-size: 15px;
}

#singlenews #section-one .bcl{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#news #section-two .card ,#singlenews #section-three .card,#home #section-four .card{
  width: 18rem;
  z-index: 1;
  margin-top: -12%;
  border-radius: 0;
}

#news #section-two .card span,
#home #section-four .card span,
#news #section-two .card h6:hover {
  color: var(--colorPrimary);
  font-size: 14px;
}

#news #section-two .col-two p,#news #section-two .col-two a{
  font-size: 14px;
  color: var(--secondary-colo2);
}

#faq .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
  background-color: white;
  color: black;
}

#faq .accordion-button:focus {
  background-color: none;
  box-shadow: unset;
}

#faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23660000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  transform: rotate(-180deg) !important;
}

@media (max-width: 575px){

  .container-main{
    padding: 0 5%;
  }

  #contactus #section-two .col-one , #contactus #section-two .col-two{
    border-right: none;
  }
}

@media (min-width: 576px){

  #news #section-two .card{
    width: 25rem;
  }

  #singlenews #section-three .card{
    width: 12rem;
  }

}

@media (min-width: 768px){

}

@media (min-width: 992px){
  #home #section-two .row .col-three .content{
    margin-top: 50%;
  }

  #home .container-main{
    padding: 0 6% !important;
  }

  #news #section-two .card,#singlenews #section-three .card{
    width: 16rem;
    margin-top: -12%;
  }

}

@media (min-width: 1280px){
  #home .container-main{
    padding: 0 12% !important;
  }

  #news #section-two .card,#singlenews #section-three .card{
    width: 18rem;
  }

}

@media (min-width: 1366px){
  /* .container-main{
  padding: 0 8%;
  } */
}

@media (min-width: 1440px){
  #home .container-main{
    padding: 0 15% !important;
  }
}

@media (min-width: 1680px){
  #home .container-main{
    padding: 0 18% !important;
  }
}

@media (min-width: 1920px){
  #home .container-main{
    padding: 0 22% !important;
  }
}

@media (min-width: 2560px){
  #home .container-main{
    padding: 0 28% !important;
  }
}

/* Additional Styles */

@media (max-width: 991px) {
  #home #section-three .container-main .position-absolute {
    position: relative !important;
  }

  #home #section-three .row-one h4 {
    margin-left: unset !important;
    margin-top: unset !important;
  }

  #home #section-three .row-one p {
    margin-left: unset !important;
    max-width: unset !important;
    margin-top: unset !important;
  }
}

#home #section-one .btn:hover {
  background-color: unset;
  color: unset;
}


.screen-reader-text {
  display: none;
}

.search-result {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  line-height: 1.3;
}

/* .search-result .read-more-link {
color: var(--colorPrimary);
} */

header .btn {
  border: 1px solid var(--Primary-color);
  font-size: unset;
}

#home #section-one u {
  font-size: 0.8rem;
}

#faq #section-two .accordion-button {
  padding-left: 0;
  padding-right: 0;
}


/**** Updated CSS on 12-12-12 ****/
header .nav-link {
  color: #000 !important;
  font-weight: 300 !important;
}
header .nav-item.active a {
  border-bottom: 2px solid #670300!important;
  color: #670300 !important;
  font-weight: 600 !important;
}
#form-page .step {
  /* background-color: rgb(254 218 88) !important; */
  color: rgb(201, 201, 201) !important;
}
.form-check-input:checked {
  background-color: #670300 !important;
  border-color: #feda58 !important;
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgb(254 218 88 / 25%) !important;
}

@media (min-width: 992px) {
  #home #section-three .row-one h4 {
    margin-top: -18%;
  }

  #home #section-three .row-one p {
    margin-top: -18%;
  }
}

@media (min-width: 1200px) {

}

@media (min-width: 1366px) {
  #home #section-three .row-one h4 {
    margin-top: -15%;
  }
}

@media (min-width: 1920px) {
  #home #section-three .row-one h4 {
    margin-top: -14%;
  }
}

@media (min-width: 2560px) {

}


#singlenews #section-two p {
  line-height: 25px;
  font-size: 16px;
  text-align: justify;
}

#singlenews #section-two ol{
  line-height: 25px;
  font-size: 16px;
  text-align: justify;
  color: var(--secondary-colo2);
}

.home_adr_info li {
  padding: 0;
  border: none;
}

#home #section-two .home_adr_info .list-group-flush>.list-group-item {
  padding-bottom: 1rem;
  line-height: 1.5;
}

#home #section-two .home_adr_info .list-group-flush>.list-group-item b {
  padding-bottom: 0.3rem;
}