/*
Theme Name: ABIPCO
Theme URI: http://abipco.gov.ag
Author: DSignReyes
Author URI: http://dsignreyes.com
Description: Theme for ABIPCO site
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 33%, rgba(216,255,230,1) 39%, rgba(216,255,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(33%, rgba(250,250,250,1)), color-stop(39%, rgba(216,255,230,1)), color-stop(100%, rgba(216,255,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 33%, rgba(216,255,230,1) 39%, rgba(216,255,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 33%, rgba(216,255,230,1) 39%, rgba(216,255,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 33%, rgba(216,255,230,1) 39%, rgba(216,255,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 33%, rgba(216,255,230,1) 39%, rgba(216,255,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8ffe6', GradientType=0 );
}

/* marquee - charissa code */
div.marquee{
	height: 50px;
	overflow: hidden;
	position: relative;
	color: black;
}

div.marquee p{font-weight: 700;
	position: absolute;
	width: 75%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	/* starting position */
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	/* apply animation to this element */
	-moz-animation: scroll-left 15s linear -7s infinite;
	-webkit-animation: scroll-left 15s linear -7s infinite;
	animation: scroll-left 15s linear -7s infinite;
}

div.marquee p a{
	color: rgba(0,0,0,0.7);
	text-decoration: underline;
}

div.marquee p a:visited{
	color: rgba(0,0,0,0.7);
}

div.marquee span{
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	/* apply animation to this element */
	-moz-animation: scroll-left 10s linear infinite;
	-webkit-animation: scroll-left 10s linear infinite;
	animation: scroll-left 10s linear infinite;
}

/* move it (define the animation) */
@-moz-keyframes scroll-left {
	0% {-moz-transform: translateX(100%);}
	100% {-moz-transform: translateX(-100%);}
}

@-webkit-keyframes scroll-left {
	0% {-webkit-transform: translateX(100%);}
	100% {-webkit-transform: translateX(-100%);}
}

@keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%); /*browser bug fix*/
		-webkit-transform: translateX(100%); /*browser bug fix*/
		transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%); /*browser bug fix*/
		-webkit-transform: translateX(-100%); /*browser bug fix*/
		transform: translateX(-100%);
	}
}

/*My Addition to pause on hover*/
div.marquee p:hover {
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

/* marquee end */

p{
	color: rgba(0,0,0,0.7);
}

.blue{
	color: #003466;
}

.center-text{
    text-align: center;
}

.error{
	padding: 5px 9px;
	border: 1px solid red;
	color: red;
	border-radius: 3px;
	margin-bottom: 20px;
}

.margin-top {
	margin-top: 45px;
}

.success{
	padding: 5px 9px;
	border: 1px solid green;
	color: green;
	border-radius: 3px;
	margin-bottom: 20px;
}

span.small{
	font-size: 20px;
	color: #389C90;
}

a.navbar-brand small span{
	color: #676767;
	font-size: 14px;
	font-style: italic;
}

div#siteInfoDetails{
	position: relative;
}

p.smallHeaderTxt{
	font-size: 0.8em;
	font-weight: 600;
	color: #909090;
	margin-bottom: 0;
}

p#IP{
	font-size: 1.9em;
	margin-bottom: 10px;
	color: #606060;
	line-height: 1;
}

p#bottomSiteHeaderTxt{
	position: absolute;
	right: 2px;
	bottom: -10px;
}

.paragraph {
	font-size: 16px;
	color: #565656;
}

.decimal-list{
	list-style : decimal;
}

.page-heading, .page-sub-heading{
	margin-top: 0;
	margin-bottom: 25px;
	padding-top: 1em;
	padding-bottom: 0.72em;
	display: inline-block;
	border-bottom: 5px solid #BAE9F5;
}

.page-sub-heading{
	font-size: 1.4rem;
}

.page-detail-img{
	margin-bottom: 25px;
}

.page-detail-paragraph{
	line-height: 2rem;
	 text-indent: 50px;
	 color: rgba(0,0,0,0.7);
}

.page-detail-paragraph p{
	margin-bottom: 20px;
}

div.page-detail-paragraph h5{
	text-indent: 0;
	font-weight: 600;
}

div.j-bg-image{
    background: url("img/banner_04.jpg") no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    margin-bottom: 0; background-color: #aaa;
    border-top: 5px solid #389C90;
    margin-top: 7px;
	min-height: 500px;
}

.navbar-brand, .social{
	font-size: 1.5rem;
	color: #545454;
	font-family: arial;
}

.social{
	font-size: 1.10rem;
}

.display-3{
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.1;
	display: inline-block;
	color: #fff;
	text-shadow: 0 3px 6px rgba(0,0,0,0.8);
}

#sch-wrapper {
    padding: 2px;
    width: 50%;
}

#sch-wrapper-inner {
    padding: 2px;
    width: 100%;
    border-radius: 3px;
    background: #fff;
}

.sch-wrapper-inner-error{
	border: 1px solid red;
	color: red;
}

.srh-tab-header{
	padding: 10px;
	display: inline-block;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	line-height: 100%;

}

#srh-input{
    outline: none;
    border: none;
}

#sch-text{
    width: 75%;
    height: 38px;
  background: #F1F9F7;
  border: none;
  font-size: 10pt;
  float: left;
  color: #3aaa86;
  padding-left: 45px;
    padding-right: 150px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    outline: none;
}

#btnGroupDrop1{
    color: #404040;
    background: #d7d7d7;
    font-family: arial;
}

.sch-btn{
    color: #fff;
  background-color: rgba(0,0,0,0.8);
  text-shadow: -1px 1px #202020;
  border: none;
    outline: none;
    height: 38px;
    margin-left: 17px;
}

#search-btn{
	color: #fff;
}

@media only screen and (max-width: 960px) {
    	
	.srh-tab-header{
	padding: 7px; 
	display: inline-block;
	font-size: 11px;
	}

	#sch-wrapper {
    padding: 2px;
    width: 100%;
	}
	
	input[type="text"]#srh-input::-moz-placeholder{
		font-size: 12px;
	}

	input[type="text"]#srh-input::-webkit-input-placeholder{
		font-size: 12px;
	}

	input[type="text"]#srh-input::placeholder{
		font-size: 12px;
	}
	
	#content-wrapper {
    	margin-top: 50px;
	}
	
	.info-box-border{
		margin-bottom: 10px;
	}
}

#menu-wrapper{
	background: #BAE9F5;
}

#menu-wrapper  nav.navbar{
	padding: 0;
}

ul#menu-main-menu li.menu-item{
	padding: .5em 0;
}

li.active {
	background-color: #fff;
}

#menu-wrapper a{
	color: #000;
	font-family: arial;
	font-weight: 600;
	padding: .7em 1.1em;
}

#menu-wrapper li:hover{
	background: #efefef;
}

ul.dropdown-menu li{
	white-space: nowrap; /*prevents words from wrapping in the li*/
}

#menu-wrapper ul.dropdown-menu li.menu-item a{
	font-weight: 400; 
	color: #272727;
}

#menu-wrapper a:active{
	background: #fff;
}

#menu-wrapper li:hover > ul.dropdown-menu{
	display: block;
}

ul.navbar-nav li.dropdown:hover > div.dropdown-menu{
  display: block;
}

.dropdown-menu {
    margin: 0;
	border-radius: 0;
}


.dropdown-menu > a:hover{
	text-decoration: underline;
    /*background-color: red !important;*/
}

#menu-wrapper ul.dropdown-menu ul.dropdown-menu {	
	left: 100%;	
	top: 0;
}

#content-wrapper{
	background-color: #D8FFE6;
}

.content{
	background-color: #fff;
	padding-bottom: 20px;
}

.carousel-caption {
	color: #545454;
	text-align: left;
}

/*Change carousel indicator colors*/
.carousel-indicators li {
  	background-color: #999;
  	background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  	background-color: #444;
}

/*Change carousel control colors*/
.carousel-control-next-icon {
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    color: black;
}

.carousel-control-prev-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	color: black;
}

.img-carousel{
	max-height: 224px;
}

.img-width{
	width: 100%;
}

.center-img-div{
	position: relative;
}

#commitment-pic{
	width: 70%;
	position: relative;
	left: 15%;
	top: 0;
}

.carousel-border-right{
	border-right: 1px solid #eee;
}

h1#contact-heading{
	margin-top: 0;
	padding-top: 0.62em;
}

div.address-info p{
	font-size: 0.80rem;
	color: #555;
}

iframe {
	width: inherit;
	min-height: 450px;
	margin-bottom: 20px;
}

ul#u-info-list{
	padding: 0;
	margin: 0;
}

ul#u-info-list li{
  	list-style: upper-roman;
    font-size: 0.85rem;
    /*padding-bottom: 4px;*/
}

.row-width-adjustment{
	width: 100%;
	padding: 50px 0;
}

div.r-homepage-paragraph{
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #545454;
    font-size: 1.2rem;
}

.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}

.panel-title {
	font-size: 14px;
}

.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #676767;
	font-weight: bold;
}

.more-less {
	float: right;
	color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}

div.panel-body{
	color: #545454;
	font-size: 13px;
	padding: 0 7px;
	font-style: italic;
}

ol {
  color: #389C90;
  list-style-type: none;
}

ol li {
  position: relative;
  font: bold italic 25px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 20px;
}

ol li p {
  font: 22px/1.5 Helvetica, sans-serif;
  padding-left: 40px;
  color: #555;
}

ol li > span {
  position: absolute;
}

.img-adjust {
	border-bottom: 1px solid #eee;
}

/*.img-fluid-test{
	max-height: 200px;
}*/

.info-box-wrapper{
	margin-top: 20px;
}
.info-box-border{
	border: 1px solid #7ecbde;
}

.info-box{
	border: 1px solid #eee;
	padding: 7px;
}

.info-box-header{
	background-color: #7ecbde;
	color: #fff;
	text-align: center;
	font-family: arial;
	font-weight: 800px;
	font-size: 1.5rem;
	padding: 10px 0;
	text-shadow: 0 3px 3px rgba(0,0,0,0.5);
}

.info-box h6{
	text-align: center;
	font-family: arial;
	font-weight: 800px;
	font-size: 1.5rem;
	margin-top: 10px;
}

#useful-links{
   /*padding: 10px 10px;
   margin-bottom: 0;*/
   padding: 0 5px;
}

ul#useful-links li{
   padding: 5px 0;
    list-style: none;
    /*text-align: center;*/
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #eee;
}

#useful-links li a{
    color: #676767;
    font-size: 0.80rem;
}

#useful-links li p{
    color: #555;
    text-align: center;
    font-size: 0.75rem;
    /*margin-bottom: 0;*/
}

ul#useful-links li:first-child{
    border-top: none;
}

ul#useful-links li:last-child{
    border-bottom: none;
}

table#tutorial-table tr td a, table#detail-page-links-table tr td a{
	color: #676767;
	font-size: 0.90rem;
}

/*span.left-border-hover{
	border-left: 0.75rem solid #bae9f5;
}*/

/*table#detail-page-links-table tr td{
	border-left: 0.75rem solid transparent;
}*/

table#detail-page-links-table tr td:hover{
	box-shadow: inset 10px 0 0 #bae9f5;
	padding-left: 1.7rem;
}

ul.copyright-list-info {
	list-style: decimal;
	font-size: 15px;
}

ul.copyright-list-info li {
	margin-bottom: 12px;
	line-height: 2;
}

.children-outreach-pic-container{
	max-width: 70%;
}

.children-outreach-pic-header, .prizes-pic-header{
	background: #BAE9F5;
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 2px solid #A2ECFF;
}

.children-outreach-pic-container img{
	
}

.prizes-pic-header{
	font-weight: normal;
	font-size: 0.9em;
}

table.acts-regulations-table td a{
	color : rgba(0,0,0,0.7);
	text-decoration : underline;
}

table.acts-regulations-table td a:visited{
	color : rgba(0,0,0,0.7);
}

table#lawyers-list td{
	padding-left: 25px;
font-size: 14px;
color: #555;
font-weight: 600;
}

table#lawyers-list td span{ 
font-size: 15px;
font-weight: bold;
margin-right: 10px;
}

table#lawyers-list td span.telephone{ 
margin-right: 12px;
}

table#lawyers-list td span i{
font-size: 22px;
margin-right: 10px;
}

table#lawyers-list td a{
	text-decoration : underline;
	color : rgba(0,0,0,0.7);
}

table#lawyers-list td a:visited{
	text-decoration : underline;
	color : rgba(0,0,0,0.7);
}

.footer{
	padding: 0;
	margin: 0;
	background: #272727;
	color: #fafafa; 
}

footer.footer-inner{
	padding: 10px 0;
}

p#copyright{
	display: inline-block;
	font-size: 0.75rem;
	color: #fafafa;
}

ul#footer-menu, ul#menu-footer-menu{
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.75rem;
}

ul#footer-menu li, ul#menu-footer-menu li{
	float: left;
	display: inline-block;
	margin-right: 20px;
}

ul#footer-menu li a, ul#menu-footer-menu li a{
	margin: 0;
	padding: 0;
	color: #fafafa;
}