/*
Theme Name:     X Child
Description:    
Author:         The RockFish Group
Template:       x

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/**Arinda styles**/

.footer-buttons a.footer-buttons {
    background-color: #8F9614;
    border: 3px solid blue;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
    font-size: 20px;
}

hr {
	clear: both;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

h4 {
    line-height: 1.4em;
}

.submit {
	border-radius: 5px !important;
}


/**Arinda styles end**/

.x-topbar, .x-topbar p.p-info {
	padding-top: 2px !important;
	padding-bottom: 0px !important;
	margin: 0px !important;
}

.x-topbar .p-info {
	float: right !important;
	text-align: right !important;
}

.x-topbar a.donate {
	display: block;
	font-family: Roboto Slab, serif;
	text-align: center;
    float: right;
	letter-spacing: 0px;
	
/*	background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -ms-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  */
  -webkit-border-radius: 59;
  -moz-border-radius: 59;
  border-radius: 59px;
  color: #ffffff !important;
  font-size: 20px;
  padding: 4px 25px 4px 25px;
  border: solid #ffffff 2px;
  text-decoration: none;
  background-color: #dc9d24;
}

.x-topbar a.signup {
    display: block;
    float: right;
	letter-spacing: 0px;	
	background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -ms-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  -webkit-border-radius: 59;
  -moz-border-radius: 59;
  border-radius: 59px;
  color: #8F3727 !important;
  font-size: 20px;
  padding: 4px 25px 4px 25px;
  border: solid #ffffff 2px;
  text-decoration: none;
  margin-right: 8px;
}

.x-topbar .x-social-global {
	display: none;
}

.x-navbar {
	background: url(images/nav-bar-bg.jpg) center top repeat-x;
}

.x-navbar .desktop .x-nav > li ul {
	top: 44px !important;
}

.x-header-landmark {
	margin-top: 168px;
}

/**HOME MISSION*/

.mission {
	/*background: url(images/mission-bg.png) no-repeat right;*/
	background: url(https://nosc.org/website/wp-content/uploads/2017/12/nosc-bg.png) no-repeat right;
	
}

/**HOME RESTORATION**/

.restoration-home h2, .restoration-home h3, .restoration-home h4 {
	text-shadow: 1px 1px 2px #404b0f;
}

.restoration-home .x-btn.x-btn-transparent, .restoration-home.x-btn.x-btn-transparent:hover {
	border-color: #ffffff;
	border-width: 2px;
}

/**HOME EDUCATION**/

.education-home h2, .education-home h3, .education-home h4, .education-home h5, .education-home h6 {
	text-shadow: 1px 1px 2px #c5e549;
}

.education-home .x-btn.x-btn-transparent, 
.education-home .x-btn.x-btn-transparent:hover {
	border-color: hsl(72, 63%, 20%);
	border-width: 2px;
	color: hsl(72, 63%, 20%);
	background-color: #FFFFFF;
}

.education-home .h-custom-headline.accent span:before, .education-home .h-custom-headline.accent span:after {
 background-color: hsl(72, 63%, 20%) !important;
}

/**HOME VOLUNTEER**/
.home-volunteer  .x-btn.x-btn-transparent, 
.home-volunteer .x-btn.x-btn-transparent:hover {
	border-color: #5D2319;
	border-width: 2px;
	color: #5D2319;
	background-color: #FFFFFF;
}

/**HOME ICONS**/

.home-icons p {
	margin: 0px !important;
}

.home-icons a h3.icon-title {
	color: #5D2319 !important;
	margin-top: 0.6em;
}

.home-icons a:hover h3.icon-title {
	color: #000000 !important;
}

/**FOOTER AREA**/

#x-section-6 {
	border-color: hsl(211, 43%, 24%) !important;
}

.x-btn .donate-btn-on-dark-bg {
	background-color: #8F9614 !important;
}

.x-colophon.top h2, .x-colophon.top h3, .x-colophon.top h4 {
	color: #fff;
}

.x-colophon.top .widget {
	text-align: center;
}

.x-colophon.top {
	background-color: #666;
	color: #fff;
	text-align: center;
	padding-bottom: 1.2%;
	border-bottom: 1px solid #888;
}