/*
 * Theme Name:		GWT-Wordpress 26.0.0 - Latest
 * Theme URI:		https://i.gov.ph
 * Description:		Custom WordPress theme based on the draft Unified Web Content Policy 
 *					prepared by the PCDSPO, DOST-ASTI, and DOST-ICTO. Theme is built on 
 *					HTML5 responsive WordPress framework based on ZURB's Foundation.
 *                  Updated by NGP and GOSD-GWHS
 * Version:			26.0.0
 * Author:			iGovPhil
 * Author URI:		https://i.gov.ph
 * License:			MIT License
 * License URI:		https://www.opensource.org/licenses/mit-license.php
 * Tags: 			theme-options, rtl-language-support, featured-images, editor-style, custom-menu, 
 *					responsive-layout, right-sidebar, left-sidebar, one-column, two-columns, three-columns
 */

/** Your style here **/

/** Your style here **/

/*Responsive Mobile View*/

/* figtree-latin-wght-normal */

body {
  font-family:'Barlow', sans-serif;
   
  
  }
  
  
  .title-bar {
    background: #8c1ede;
    color: #380145;
  }
  
  .title-bar-right .name a, .title-bar-left .name a, .title-bar-title {
    color: #fff;
  }
  
  #offCanvasRight li a {
      /*modified 81420*/
    background-color: whitesmoke;
   /* background: linear-gradient(to left, #8d1edf, #550099);*/
	color: #353535;
    font-size: 18px;
    line-height: 1.5;
  }

  
    #offCanvasRight .menu-item-has-children a::after {
	  /*modified 81420*/
    border-color: transparent transparent transparent #3c3c3c;
  }
  
  
  
  /*Responsive dropdown menu*/
nav {position: center !important; z-index:9999 !important;}


  /*Web View
   * 
  top navigation bar
  */  
/*default home active*/
  #main-nav li.current-menu-item:not(.has-form) a:not(.button), #aux-main li.current-menu-item:not(.has-form) a:not(.button), #offCanvasRight li.current-menu-item:not(.has-form)>a:not(.button) {
      /*modified 81420*/  background-color: #cfd0c8;
    color:#550099;
  }
  
  /*Button Label*/
  #main-nav li:not(.has-form) a:not(.button), #main-nav li.active:not(.has-form) a:not(.button), #aux-main li:not(.has-form) a:not(.button), #aux-main li.active:not(.has-form) a:not(.button) {
    color: #333131;  
  }
  

/*navigation bar*/
  
/*Hover Menu --> auxilary*/
 #main-nav ul li:hover:not(.has-form)>a, #main-nav .dropdown li:not(.has-form) a:hover:not(.button), #main-nav .dropdown li:hover:not(.has-form)>a:not(.button), #aux-main ul li:hover:not(.has-form)>a, #aux-main .dropdown li:not(.has-form) a:hover:not(.button), #aux-main .dropdown li:hover:not(.has-form)>a:not(.button) {
  background:#888888; 
	color:white;  
  }
  
  /*Nav orig Color*/
  
  .menu a, .menu button, .menu input {
    margin-bottom: 0;
    /* original removed- background-color: #4b0977;*/
    /*color:white;*/
  }
  
  /*Auxillary Bar Menu*/
  
  #auxiliary {
    /*original*/
    background-color:#e3c8ff;
    border-bottom: 1px solid #f7f7f7;*/
 
  }
  
  #main-nav ul li:hover:not(.has-form)>a, #main-nav .dropdown li:not(.has-form) a:not(.button):hover, #main-nav .dropdown li:not(.has-form):hover>a:not(.button) {
    background-color:#888888;
	color:white;
  }
  
  .banner-pads {
    /*padding: 15px 0 !important;*/
    margin: -32px;
    /*original margin size = 0;*/
   /* border-bottom: 1px solid #7030a0; removed from draft testing only */
  }


  /*Body*/
  
  p {
    color: #3c3c3c;
  }
  
  a {
    color: #6514a2;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    -webkit-transition: .2s;

  }
  
  /*Philippine Standard Time*/
  #pst-container {
    color: #ffffff;
	  
	  font-size: 11.5pt;
    line-height: 21px;
    margin-top: 55px;
  }
  
  /*Div Container Banner Above the Auxillary Menu*/ 
  div.container-banner { 
  /*  background:linear-gradient(to right, #6814e1, #8628e2);*/
}
  
  /*News And Announements, Front Page*/
 p.has-background {
 /*   padding: 18px 23px;
    border-radius: 39px; */
  /*  background: linear-gradient(to right, #4A00E0, #8E2DE2);*/
	  padding: 17px;
}
  
  /*Div New Selection Box*/
  
  .wp-block-media-text .wp-block-media-text__content {
    word-break: break-word;
    -webkit-word-break:break-word;
    -moz-word-break:break-word;

    grid-area: media-text-content;
    -moz-grid-area: media-text-content;
    -webkit-grid-area: media-text-content;

    padding: 0 3%;
    -moz-padding:0 3%;
    -webkit-padding: 0 3%;
  }
  
 /*Header Title Page*/
  
  h1 {
    color: #fcda3b;
  }
  
  h3 {
    text-align: center;
  }
  
  p {
    color: #404040;
    font-size: 17px;
    line-height: 1.5;
  
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
  }
  
  
  /*=====================================================Sitemap Font===================================================*/
  
  .sitemaps {
    color: #dad1d9;
    font-size: .9rem;
  }
  
  .footer {
    color: white;
	font-size: 17.5px;
  
  }
  
  /*====================================================Shortcode for custom html file===================================================*/
  
  .btn-secondary:hover {
    color: #fff;
    background-color: #7030a0;
    border-color: #fbfbfb;
  }
  
  /*====================================================Css Code for About Section Side Bar Menu===================================================*/
  
  .container {
    max-width: 1190px;
  }
  
  .herstory {
    text-align: left;
  }
  
  .list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #ffff;
    text-decoration: none;
    background-color: #440e62;
  }
  
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
   /* padding-right: 15px;
    /* padding-left: 15px;*/
  }
  
  /*=========================================================table citizens charter page===================================================*/
  
  .part1 {
    background-color: #007bff;
    color: white;
  }
  
  .part2 {
    background-color: #7030a0;
    color: white;
  }
  
  .part3 {
    background-color: #fb1a20;
    color: white;
  }
  
  .part4 {
    background-color: #24013b;
    color: white;
  }
  
  .frontlineservices {
    background-color: #fbda3c;
  }
  
  .title-part {
    color: #007bff;
    text-align: center;
  }
  
  .title-partII {
    color: #7030a0;
    text-align: center;
  }
  
  .title-partIII {
    color: #fb1a20;
    text-align: center;
  }
  
  .title-part4 {
    color: #24013b;
    text-align: center;
  }
  
  .theader {
    text-align: center;
  }
  
  /*Pin Sticky Notes*/
  
  .pin {
    float: right;
  }
  
  /* ===============================================================Accordion for Transparency Seal===================================================*/
  
  .accordion .card {
    border: none;
    margin-bottom: 2px;
    border-radius: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  
  .accordion .card .card-header {
    background: #550099;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 0;
  }
  
  .accordion .card-header h2 {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
  }
  
  .accordion img {
    width: 150px;
  }
  
  .accordion .card-header h2 span {
    float: left;
    margin-top: 10px;
  }
  
  .accordion .card-header .btn {
    font-weight: 500;
  }
  
  .accordion .card-header i {
    color: #fff;
    font-size: 1.3rem;
    margin: 0 6px 0 -10px;
    font-weight: bold;
    position: relative;
    top: 5px;
  }
  
  .accordion .card-header button:hover {
    color: #23384e;
  }
  
  .accordion .card-body {
    color: #666;
  }
  
  .acheader {
    color: white;
  }
  
  .FY_2018 {
    line-height: 2.2;
  }
  
  .tabdetails {
    font-size: 15px;
    color: #0f5cf1;
    word-wrap: break-word;
  }
  
  /*======================================================post page press releases ===================================================*/
  
  .rpwe-block ul {
    list-style: none!important;
    -moz-list-style: none!important;
    -webkit-list-style: non!important;
    
    margin-left: 0!important;
    -moz-list-style:none!important;
    -webkit-list-style:none!important;
    
    padding-left: 0!important;
    -moz-padding-left:0!important;
    -webkit-padding-left:0!important;
    
    margin-top: 30px;
    -moz-margin-top:30px;
    -webkit-margin-top:30px;
    
  }
  
  .rpwe-block li {
    /* border-bottom: 1px solid #960989;*/
    margin-bottom: 38px;
    -moz-margin-bottom:38px;
    -webkit-margin-bottom:38px;
    
    padding-bottom: 10px;
    -moz-padding-bottom:38px;
    -webkit-padding-bottom:38px;
    
    list-style-type: none;
    -moz-list-style:none;
    -webkit-list-style:none;
  }
  
  .rpwe-block a {
    display: inline!important;
    -moz-display: inline!important;
    -webkit-display: inline!important;
    
    text-decoration: none;
    font-size:17px;
    /*color: #550099;*/
   /* color:#7c1ec3;*/
    color:#5004e0;
    text-transform:initial;
    font-weight:bold;
  }
  
/*updated 6/10/2022 *//*
  .rpwe-block h3 {
    background: none!important;
    clear: none;
    margin-bottom: 0!important;
    margin-top: 0!important;
    font-weight: 400;
    font-size: 12px!important;
    line-height: 1.5em;
  }*/

.rpwe-block h3 {
    background: none!important;
    clear: none;
    margin-bottom: 10px;
    margin-top: 0!important;
    font-weight: 400;
    /* font-size: 12px!important; */
    line-height: 1.5em;
}
  
  .rpwe-thumb {
    /*   border: 1px solid #EEE!important;*/
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    
    margin: 2px 10px 2px 0;
    -moz-margin: 2px 10px 2px  0;
    -webkit-margin: 2px 10px 2px 0;
    
    padding: 3px!important;
    -moz-padding: 3px!important;
    -webkit-padding: 3px!important;
  }
  
  .rpwe-summary {
    font-size: 16px;
    color:#404040;
  font-family: 'Barlow', sans-serif;
  }

  
  .rpwe-time {
    color: #1852d8;
    font-size: 15px;
    -moz-font-size: 15px;
    -webkit-font-size:15px;
  }
  
  .rpwe-comment {
    color: #bbb;
    font-size: 11px;
    -moz-font-size: 11px;
    -webkit-font-size: 11px;

    padding-left: 5px;
    -moz-padding-left: 5px;
    -webkit-padding-left: 5px;
  }
  
  .rpwe-alignleft {
    display: inline;
    -moz-display:inline;
    -webkit-display:inline;
    
    float: left;
    -moz-float:left;
    -webkit-float:left;
  }
  
  .rpwe-alignright {
    display: inline;
    -moz-display:inline;
    -webkit-display:inline;
    
    float: right;
    -moz-float:right;
    -webkit-float:right;
  }
  
  .rpwe-aligncenter {
    display: block;
    -moz-display:block;
    -webkit-display:block;
    
    margin-left: auto;
    -moz-left: auto;
    -webkit-left:auto;
    
    
    margin-right: auto;
    -moz-right:auto;
    -webkit-right: auto;
  }
  
  .rpwe-clearfix:before, .rpwe-clearfix:after {
    content: "";
    display: table !important;
    -moz- display: table !important;
    -webkit- display: table !important;
  }
  
  .rpwe-clearfix:after {
    clear: both;
    -moz-clear: both;
    -webkit-clear: both;
  }
  
  .rpwe-clearfix {
    zoom: 1;
    -moz- zoom: 1;
    -webkit- zoom: 1;
  }
  
  .rpwe-title {
    text-align: left;
    -moz-text-align: left;
    -webkit-text-align: left;
  }
  
  /*Announcements section*/
  
@keyframes blinking {
  0% {
    background-color: #ff3d50;
    color: #ddd;
  }
  100%{
    background-color: #222291;
    color:#fff;
  }
}
#announcement{
  animation: blinking 1s infinite;
}


.card-text{
  font-family: 'Barlow', sans-serif;
  font-size:15px;
}
  
  .profile-name {
    color: white;
    font-size: 19pt;
    font-weight: 600;
    margin-top: 14px;
    height: 53px;
}
  
  .profile-agency {
    color: white;
    font-size: 12pt;
  }
  
  .text-muted {
    color: #0166ff!important;
    font-size: 11pt;
  }
  
  .profile-title {
    color: #1973c5;
   font-family: 'Barlow', sans-serif;
    font-size: 14pt;
    font-weight: bold;
  }
  
  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
  }
  
  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 9px;
  }
  
  .scroll {
    overflow: scroll;
    height: 362px;
	padding: 20px;
  }
  
  ._10b4 {
    overflow-y: auto;
    position: relative;
    width: 100%;
  }
  
  /*=================================================Page title for search results===================================================*/
  .page-title {
    font-size: 25px;
    color:white;
    text-align: left;
    line-height: 2;
    text-transform: inherit;
    font-weight: 300;
    margin-bottom:20px;
  }
  
  /* =======================================================search result display===================================================*/
  
  .callout.secondary {
    background: linear-gradient(to right, #fffffb, #f9f9f9);
  }
  
  .callout {
    margin: 0 0 1rem;
    padding: 1rem;
    /* border: 1px solid hsla(0,0%,4%,.25); */
    border-radius: 3px;
    position: relative;
    color: #0a0a0a;
    /* background-color: #fff;*/
  }
  
  .post-box {
    border: 1px solid hsla(0, 0%, 100%, 0.25);
  }
  
  /*============================================================== About us label===================================================*/
  
  .about-us-title {
    color: #404040;
    font-size: 40px;
  }
  
  .crazyforyou {
    font-size: 25px;
    color: #404040;
  }
  
  /*============================================================press statements===================================================*/
  
  .rpwe-summary {
    font-size: 16px;
  }
  
  
/*header gradient*/

.container-masthead {
    /* background-color: #6a209d; */
    background: #8E2DE2;
    background: -webkit-linear-gradient(to right, #460264, #8f13d3);
   /* background:linear-gradient(to right, #6210e1, #892ae2);*/
     background: linear-gradient(to right, #460264, #8f13d3);
}

/*title label color*/
.box-label{
    /* background-color: #550099; */
    background: #8E2DE2;
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    background: linear-gradient(to right, #4A00E0, #8E2DE2);
    font-size: 22px;
    text-align: center;
}
.label-text{
  color: #8E2DE2;
    color: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    color: linear-gradient(to right, #4A00E0, #8E2DE2);
}
/*18-day campaign infographics timeline*/

.flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.input-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80vw;
  height: 100px;
 /* max-width: 1000px;*/
  position: relative;
  z-index: 0;
}

.input {
  width: 36px;
  height: 36px;
  background-color: #ff7645;
  position: relative;
  border-radius: 50%;
}
.input:hover {
  cursor: pointer;
}
.input::before, .input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #5a188b;
  width: 4vw;
  height: 5px;
  max-width: 50px;
}
.input::before {
  left: calc(-4vw + 12.5px);
}
.input::after {
  right: calc(-4vw + 12.5px);
}
.input.active {
  background-color: #ff2c00;
}
.input.active::before {
  background-color: #ff2c00;
}
.input.active::after {
  background-color: #AEB6BF;
}
.input.active span {
  font-weight: 700;
}
.input.active span::before {
  font-size: 13px;
}
.input.active span::after {
  font-size: 23px;
  color:#5a188b;
}
.input.active ~ .input, .input.active ~ .input::before, .input.active ~ .input::after {
  background-color: #dddee0;
}
.input span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.input span::before, .input span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}
.input span::after {
  content: attr(data-year);
  top: 25px;
  transform: translateX(-50%);
  font-size: 14px;
}
.input span::before {
  content: attr(data-info);
  top: -90px;/*default -65*/
  width: 120px;/*default pixel 70*/
  transform: translateX(-5px) rotateZ(-45deg);
  font-size: 12px;
  text-indent: -10px;
}

.description-flex-container {
  width: 80vw;
  font-weight: 400;
  font-size: 22px;
  margin-top: 100px;
  max-width: 1000px;
}
.description-flex-container p {
  margin-top: 0;
  display: none;
}
.description-flex-container p.active {
  display: block;
}

@media (min-width: 1250px) {
  .input::before {
    left: -37.5px;
  }

  .input::after {
    right: -37.5px;
  }
}
@media (max-width: 850px) {
  .input {
    width: 17px;
    height: 17px;
  }
  .input::before, .input::after {
    height: 3px;
  }
  .input::before {
    left: calc(-4vw + 8.5px);
  }
  .input::after {
    right: calc(-4vw + 8.5px);
  }
}
@media (max-width: 600px) {
  .flex-parent {
    justify-content: initial;
  }

  .input-flex-container {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-top: 15vh;
  }

  .input {
    width: 60px;
    height: 60px;
    margin: 5px 2px 5px;
    background-color: #ffbd5e;
  }
  .input::before, .input::after {
    content: none;
  }
  .input span {
    width: 100%;
    height: 100%;
    display: block;
  }
  .input span::before {
    top: calc(100% + 5px);
    transform: translateX(-50%);
    text-indent: 0;
    text-align: center;
  }
  .input span::after {
    top: 50%;
    transform: translate(-50%, -50%);
    color: #0e0e0e;
  }

  .description-flex-container {
    margin-top: 30px;
    text-align: center;
  }
  
  
}
@media (max-width: 400px) {
  body {
    min-height: 950px;
  }
}






/* border bottom for laws on women*/
.lawswomen{
    color:#404040;
}
                            
/*=================================================================================Superscript*/
.super{
  font-size: 14px;
}

.sup{
  color:blue;
}

/*citizens charter*/
.citichar {
  font-size: 17px;
}

/*laws on women
 * 6/10/2022*/
.comact {
    background-color: #e6f6ff;
    border-radius: 21px;
    padding: 26px;
}
.comact a{
  color: #411463;
    font-weight: unset;
}

.comact h3{

    text-transform: inherit;
}

.comact ul{
  margin-bottom: 0px;
}

.comact li{
      margin-bottom: -18px;
    padding-bottom: 28px;
    list-style-type: none;
}

.transparency-link{
	color: white;
}



.wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  margin-top: -16px;
}

.page-links {
    padding-bottom: 50px;
    font-size: 20px;
}


.login h1 a {
    background-image: url(https://pcw.gov.ph/assets/files/2021/08/pcw-logo.jpg);
    background-image: none,url(https://pcw.gov.ph/assets/files/2021/08/pcw-logo.jpg);
    background-size: 200px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #3c434a;
    /* height: 44px; */
    font-size: 25px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    width: 224px;
    height: 85px;
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    display: block
}

/*banner pads*/
#ss3-force-full-width {
    position: relative;
    display: block;
    opacity: 0;
    width: 100vw;
    transform: translateX(-100vw);
    margin-top: -59px;
}