/*
Theme Name: EPN Child
Author: WowThemes
Version: 1.0.0
Author URI: http://themeforest.net/user/wow_themes
Theme URI: http://themeforest.net/user/wow_themes
Description: A sleek and clean Multipurpose WordPress Theme by - <a href="http://wow-themes.com/">Wow Themes</a>
License: ''
License URI: ''
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
Text Domain: wp_rise
Template: epn

*/

@import url("../epn/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.colorwhite { color:#fff; }
.size-22 { font-size:16px; line-height:20px; }

body { font-size:14px; }

h1, .h1 {
	font-size: 32px;
}
h2, .h2 {
	font-size: 32px;
}
h3, .h3 {
	font-size: 28px;
}
h4, .h4 {
	font-size: 24px;
}
h5, .h5 {
	font-size: 18px;
}
h6, .h6 {
	font-size: 16px;
}
p {
	margin: 0 0 20px;
}
/*
.arrowbtn {
    text-indent: 20px;
    border: none;
}
.primary-btn {
    font: 18px/18px 'TradeGothic',sans-serif;
}
.small-btn {
    font: 14px/14px 'TradeGothic',sans-serif;
}
.btnr {
    background: #aa1f43;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    display: inline-block;
    position: relative;
    border: none;
}
.btnr:hover { color:#ccc; }
.tree-stats + .arrowbtn::before {
    border-color: transparent transparent transparent #fff;
}
.primary-btn.arrowbtn::before {
    border-width: 24px 0 24px 24px;
}
.small-btn.arrowbtn::before {
    border-width: 23px 0 20px 15px;
}
.arrowbtn::before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
*::after, *::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.primary-btn::after {
    border-width: 24px 0px 24px 24px;
    right: -24px;
}
.small-btn::after {
    border-width: 24px 0px 20px 20px;
    right: -19px;
}
.btnr::after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #aa1f43;
    content: '';
    position: absolute;
    top: 0;
}
*::after, *::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
*/

.btn { /* just for this demo. */
    margin-top: 5px;
}

.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}
.btn-arrow-right {
    padding-left: 36px;
}
.btn-arrow-left {
    padding-right: 36px;
}
.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
   
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 1;
}
.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color: white;
}

.site-bottom {
 background-color: #495aa8;
}
.site-bottom p {
color:#fff;
}
.menu-marg { margin-top:8px; }
.donatebtn { color:#aa1f43; font-weight:bold; }

.dashicons { border:1px solid;  border-radius:50px; padding:5px; }
.donate-btn { color:#ffffff ; }

.arrowbtnx{
    height:50px;
    line-height:50px;
    vertical-align:middle;
    text-align:center;
    padding:0 10px;
    color:#ffffff;
    background-color:#aa1f43;
    position:relative;
    display:inline-block;
}
.arrowbtnx:after{
    position:absolute;
    right:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #aa1f43;
}

.arrowbtn{
	color: #fff;
	margin: 30px 0 50px;
	position: relative;
	text-transform: uppercase;
	background: #AA1F43;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 10px 15px;
	clear: both;
	font-size:28px;
}
 
div.left_arrowbtn{
	color: #000;
	margin-left: -10px;
	float: left;
}
 
div.left_arrowbtn h4{
	margin: 0 12px;
}
 
div.left_arrowbtn::before{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	bottom: -10px;
	left: -11px;
	content: "";
	border-bottom: 10px solid transparent;
	border-right: 10px solid rgb(0, 80, 116);
}
 
div.left_arrowbtn::after{
	display: block;
	width: 6px;
	height: 44px;
	position: absolute;
	bottom: 3px;
	right: -1px;
	content: "";
	border: 1px solid rgba(0,0,0,.3);
	transform: skew(0deg,45deg);
	-ms-transform: skew(0deg,45deg); /* IE 9 */
	-webkit-transform: skew(0deg,45deg); /* Safari and Chrome */
	-o-transform: skew(0deg,45deg); /* Opera */
	-moz-transform: skew(0deg,45deg); /* Firefox */
	background: rgb(0, 80, 116);
}
.banner h1, .banner h2 {
    top: 100px;
}
/*
a.btn:hover{
    background-color:red;
}
a.btn:hover:after{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #ff0000;
}
*/
.link-row {
    margin: 0 auto;
    background: url("donate_menu_bg1.png") no-repeat;
    width: 256px;
}

.link-col-donate {
    width: 100%;
    font-family: inherit;
		padding: 17px 0 17px 40px;
}
.link-col-facebook {
    width: 100%;
    font-family: inherit;
		padding: 10px 0 17px 40px;
}
.link-col-twitter {
    width: 100%;
    font-family: inherit;
		padding: 10px 0 17px 40px;
}
.link-col-contact {
    width: 100%;
    font-family: inherit;
		padding: 17px 0 17px 40px;
}
.link-row a { color:#fff; font-size: 22px; text-decoration:none;}

.link-row a:hover { color:#fff;}

.banner {
    padding: 75px 0px;
	}