/*
Theme Name: IAGS Avenue Child
Theme URI: http://www.iaofgs.org
Description: This is a child theme of Avenue. Avenue is a responsive multi-purpose theme that can be used by a business, individual or agency. This theme is the original IAGS theme utilizing the tricolors of the Indian flag. 
Author: Calendro Design
Author URI: http://www.calendrodesign.com
Template: avenue
Version: 1.0
*/

@import url("../avenue/style.css");

/*----- Indian Flag Colors -----------
Green Used is color: #138808 
Orange Used is color: #FF9933 
------------------------------------*/


body {
  color: #138808 !important;
}

a, a:visited {
    color: #FF9903 !important;
}

a:hover {
    color: #138808 !important;
}

.btn-primary {
    background-color: #FF9903 !important;
    border-color: #FF9905 !important;
    color: #FFFFFF !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.8em !important;
}

/*----------Main Menu Active Page styling---------*/

.main-navigation .current_page_item > a, .main-navigation .current_page_parent > a {
    border-bottom: 5px solid #138808 !important;
}

/*--------------Page Title styling---------------*/
.page-title {      
    background: #FF9933 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FF9933 99%, #000000 1%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF9933 99%, #000000 1%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF9933 99%, #000000 1%) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF9933 99%, #000000 1%) !important; /* Standard syntax */
    color: #FFFFFF !important;
}

/*----------Slider Caption 1 styling-----------*/
.sc-slider-wrapper .camera_caption .primary-caption {
  background: rgba(255, 153, 3, 0.85) !important;
  color: #FFFFFF !important;
}

/*----------Slider Caption 2 styling-----------*/
.secondary-caption {
  background: rgba(19, 136, 8, 0.85) !important;
  color: #FFFFFF !important;
}

/*------------CTA Boxes styling---------------*/
.site-cta {
  color: #138808 !important;
  border-left: 2px solid #138808 !important; 
}

.site-cta:hover {
  border-left: 2px solid #FF9905 !important; 
}

#site-cta a:hover {
  color: #FFFFFF !important;
  background: #138808 !important;
}

#site-cta .btn-primary {
    background-color: #FF9903;
    border-color: #FF9905;
    color: #FFFFFF !important;
}

.sc-primary-border {
  color: #FF9903 !important;
}

.sc-primary-color {
  color: #FF9903 !important;
}

/*----------Mid Banner (Search Box) styling-----------*/
#mid-banner {
  background: #FF9903 !important;
}

/*----------Site Footer styling-----------*/
.site-footer .footer-boxes {
  background: #053B05 !important;
}

/*----------Site Info styling-----------*/
.site-info {
  display: none;
  background: #053B05!important;
  color: #FFFFFF !important;
}


/*----------Calendro Design Credit styling-----------*/

#credit {
  background: #FFFFFF;
  color: #000000;
  font-size: 0.9em;
}

#credit p {
  margin: 0 auto;
  text-align: center;
}

#credit a {
  color: #138808 !important;
}

#credit a:hover {
  color: #FF9933 !important;
}


/*----------Contact Form 7 styling-----------*/

div.wpcf7 form {
	margin: 30px auto;
	padding: 5px 15px;
	background: #F1F1D4;
	width: 100%;
	position: relative;
	-moz-box-shadow: 0 2px 15px 3px #012101;
	-webkit-box-shadow: 0 2px 15px 3px #012101;
	-ms-box-shadow: 0 2px 15px 3px #012101;
	box-shadow: 0 2px 15px 3px #012101;
}

div .wpcf7 .membership h3, h4, h5, h6 {
	text-align: center;
	font-weight: bold;
	margin: 25px;
}

div .wpcf7 input {
    display: block;
    margin: 0 auto;
    width: 90%; 
    padding: 5px;
}

div .wpcf7 input[type=submit] {
    display: block;
    margin: 0 auto;
    width: 25%; 
    height: 18.75%;
    padding: 5px;
    font-size: 1em;
    background: #FF9933;
    color: #FFFFFF;
}

/*----------Table styling-----------*/
	table {
		color: #138808;
		margin: 0 auto;
		width: 60%;
		text-align: center;
	}

	th {
		line-height: 2em;
		border-top: solid 1px #FF9933;
		border-bottom: solid 2px #FF9933;
	}

	td {
		padding: 2px 5px 10px 5px;
		width: 33%;
		font-style: italic;
	}

/*--------END Table styling-----------*/


/*--------Generic Button Input styling-----------*/

input[type=submit] {
    display: block;
    margin: 0 auto;
    width: 25%; 
    height: 18.75%;
    padding: 5px;
    font-size: 1em;
    background: #FF9933;
    color: #FFFFFF;

/*--------END Generic Button Input styling-----------*/