﻿/* Trisha Chisom Okoye --- www.trishaomabu.com */
/* This work is a copyright of Trisha Chisom Okoye - 2016 */
/* This CSS Stylesheet is built for patrobas-ng.com */


/* Color Legend */


/* Reset */

/* Global */

html 	{	}

body	{	
			/* font-family: 'Lato', sans-serif; */

		}  

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

/* background-image:url('../images/background/bg2.jpg');
			background-repeat:no-repeat; background-attachment:fixed;  */			
			

/* Headings */

h3 {
	font-size:18px;
}

/* Text Elements */

/* Images */




/* Lists */

/* Tables */

/* Miscellaneous */


#pageContent h1 {
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;
	color:#254117;
}

#custCarousel {
	min-height:300px;
	
}

/* Classes */

.fullImage {
	width:100%;
}

.navbar {
	margin-bottom:0px;
	border-radius:2px;
}
.navbar ul {	list-style:none; 
				margin-left:15%; 
	}
				
.navbar li {	padding:0 20px; }


.navbar a {		display:block;
				text-decoration:none;
				padding:8px 50px;
				text-transform:uppercase;
				font-weight:bold;
				font-family:'Source Sans Pro', sans-serif;
				color:#fffff;
					}
.navbar li:hover {
	background-color: #728C00;
 	border-radius:2px;
}
				
.navbar-inverse {
  background: #254117;
  color: #ffffff;
}


/*.navbar-inverse .navbar-nav > .active > li, 
.navbar-inverse .navbar-nav > .active > li:hover,
.navbar-inverse .navbar-nav > .active > li:focus {
  background: #728C00;
  border-radius:2px;
  color: #ffffff;
  } */
  
.navbar-inverse .navbar-nav > .active > li {
  background: #728C00;
}

.container-fluid {
	padding:0px;
}

.colored-background {
	background:#C3FDB8;
}

.row-content {
	margin:0px auto;
	padding:0px;
	border-bottom:0 ridge;
	min-height:300px;	
}

.min-row-content {
	min-height:300px;
}

.row-footer {
	margin:0 auto;
	padding:20px 0;
	background:#99C68E;
}

.small {
	font-size:75%;
}

.wedo_caption {
	text-transform:uppercase;
	font-family: 'Lato', sans-serif; 
	color:#254117;
	font-weight:300;
}

.img-box {
	background:#99C68E;
	padding:5px;
}

.about {
	background:#254117;
	color:#ffffff;
	min-height:300px;
	
}

h3.about-title {
	font-size:40px;
}

.about-desc {
	padding:50px 50px 50px 60px;
	/* font-family: 'Lato', sans-serif; */
	font-size:18px;
	text-align:center;
}

.about-prods {
	padding:50px 50px 50px 60px;
	font-size:18px;
}


.sidebar-title {
	padding-bottom:16px;
	border-bottom:1px solid #cccccc;
	color:#254117;

}

.service-intro {
	font-size:22px;}
	
.service-title {
		background:#254117;
		color:#ffffff;
}

.no-pad {
	padding:0;
}

.full-pad {
	padding-top:120px;
}

.white-background {
	background:#ffffff;
}

.brand {
	color:#254117;
}

/* Layout Extra */

  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;	
      animation-duration: 1s;	
      -webkit-animation-duration: 1s;
      visibility: visible;			
  }
  @keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }	
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
  
.icon {
	font-size:80px;
	opacity:0.8;
}

.icon:hover {
	font-size:95px;
	color:#254117;
	opacity:1.0;
}


/* Navigation Extra */
.carousel-control.right, .carousel-control.left {
	background-image:none;
	color:#254117;
}

.carousel-indicators li {
	border-color:#254117;
}

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

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 300;
    margin: 70px 0;
    padding-top:20px;
}

.thanks-text {
	color:#254117;
	font-size:28px;
	font-weight:bold;
	padding-bottom:20px;
}
/* Forms */

form {
			padding-top:25px;
		}

fieldset {
		background:lightyellow; 
		border:5px solid #99C68E;
		margin-bottom:4%; 
		width:80%;
		 }
		 
label {
		/*width:30%;*/
		display:inline-block;
		text-align:right;
		vertical-align:top;
		}
		
input 	{ 
		margin:0 0 20px 0px;
		border:1px #bbb solid;  
		}
		
legend {
		width:25%;
		border:none;
		-webkit-padding-start: 2px;
    	-webkit-padding-end: 2px;
    	font-size:18px;
}

label.contact-label {
	width:30%;
}