/*
Theme Name: Sri Lanka Pharmacovigilance Centre theme
Theme URI: https://pvkln.lk/
Author: IF Solutions team
Author URI: https://www.ifsolutions.lk/
Description: IF Solutions
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: slpvcbyifs
Tags:
cgnbyifs 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,
#form-page select.invalid,
#form-page textarea.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: -10%;
}

#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,
#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;
}