/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Born to give
Version:	1.1
Last change:	12/15/15
Author:	imithemes 
-------------------------------------------------------------------*/
/* Stylesheets and Google fonts import */
@import url("font-awesome.css");
@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic);


/*------------------------------------------------------------------
[Table of contents]

0. CSS Reset
1. Basic Styles
2. Typography
3. Margin Bottom Sets
4. Padding Sets
5. Spacers Sets
6. Site Structure & Appearance
7. Responsive Media Queries
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
}


/* ==================================================
   1. Basic Styles
================================================== */

html, body {
	height: 100%;
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
}
a{
	color:#5e5e5e;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.1s;
}
a:hover,
a:active,
a:focus{
	text-decoration:none;
	outline: 0;
	color:#5e5e5e;
}
.basic-link:hover{
	opacity:.8
}
a img {
	border: none;
}
a > img {
	vertical-align: middle;	
}
.gray-bg{
	background:#CDCBCB;
}
.gray-text{
	color:#CDCBCB;
}
.lgray-bg{
	background:#F7F7F7;
}
.dgray-bg{
	background:#454545;
}
img {
	max-width: 100%;	
}
img, object, embed, audio, video {
	max-width: 100%;
}
img {
	height: auto;
}
strong, .strong {
  	font-weight: 700;
}
p {
	margin: 0 0 20px;
}
i, em, .italic{
	font-style:italic;
}

.content-block{
	padding-top:10px;
	overflow-x:hidden
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 15px 0;
	color:#333;
	font-weight:400;
	line-height:1.5em;
	font-family: 'Playfair Display', serif;
}
h1{
	font-size:42px;
}
h2{
	font-size:36px;
}
h2 small{
	display:block;
	letter-spacing:.1em;
	text-transform:uppercase;
	font-size:45%
}
h3{
	font-size:24px;
}
h4{
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:2px;
}
h5{
	font-size:15px;
	font-family:"Lato", sans-serif;
}
h6{
	font-size:13px;
}
h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{
	margin-bottom:5px;
}
h1.long, h2.long, h3.long, h4.long, h5.long, h6.long, p.long{
	margin-bottom:35px;
}
h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
    margin-top: 22px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#333;
	text-decoration:none;
}
h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label{
	font-size:11px;
	position:relative;
	top:-6px;
}
p {
	margin: 0 0 20px;
	color: #979797;
}


/*custom infile style for donor portal*/
	/* Disable WhatsApp button on Desktop */
        @media screen and (min-width: 1024px) {
            .crunchify-whatsapp {
        	display: none22 !important;
            }
        }
         
        .crunchify-link {
            padding-top: 12px !important;
            padding-bottom: 5px !important;
            width: 180px;
            color: white;
            font-size: 24px;
            border-radius: 2px;
            cursor: pointer;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
            -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
            -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
            margin-top: 10px;
            margin-bottom: 10px;
            display: inline-block;
            text-decoration: none;
        }
         
        .crunchify-link:hover,.crunchify-link:active {
            color: white;
        }
         
        .crunchify-twitter {
            background: #00aced;
        }
         
        .crunchify-twitter:hover,.crunchify-twitter:active {
            background: #0084b4;
        }
         
        .crunchify-facebook {
            background: #3B5997;
        }
         
        .crunchify-facebook:hover,.crunchify-facebook:active {
            background: #2d4372;
        } 
         
        .crunchify-whatsapp {
            background: #43d854;
        }
         
        .crunchify-whatsapp:hover,.crunchify-whatsapp:active {
            background: #009688;
        }

        .crunchify-sms {
            background: #4354d8;
        }
         
        .crunchify-sms:hover,.crunchify-sms:active {
            background: #005596;
        }

         
        .crunchify-social {
            margin-top: 20px;            
            -webkit-font-smoothing: antialiased;
            font-size: 14px;
        }
        .shareHeader{
            background: url(https://res.cloudinary.com/changa/image/upload/f_auto,q_auto:eco,h_250,w_1020/v1505136731/commonshare/share_banner_2.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .shareHeader h2{
            color: white;
        }
        .shareIcon{
            float: left;
            font-size: 30px;
            margin-left: 20px;
        }

        @media only screen and (min-width: 767px) {
            .shareHeader{
                height: 250px;
                padding: 70px 10px 0px 50px;
            }
            .shareHeader h2{
                font-size: 44px;
            }
        }

        @media only screen and (max-width: 767px) {
            h2{
                font-size: 22px;
            }
            h3{ font-size: 16px; line-height: 1.3em; }
            .shareHeader{
                padding: 10px 30px 2px 10px;
            }
            .shareHeader h2{
                font-size: 26px;
            }
            .shareIcon{ font-size: 26px; margin-left: 15px; }
            .crunchify-link{ width: 60px; float: right; }
            hr{margin-bottom: 10px; margin-top: 10px;}
            .crunchify-social{ margin-top: 0; }
        }
        h1, h2, h3, h4, h5, h6, p{
            font-family: Lato;
        }

        .tooltip {
            position: relative;
            display: inline-block;
            opacity: 1;
            font: inherit;
            font-family: Lato;
            font-size: 100%;
            font-weight: 600;
            background: #fff;
            padding: 0 4px;
            border-radius: 7px;
            color: #4a5d29;
            cursor: pointer;
            border: 2px solid;
        }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 300px;
            background-color: #8e983a;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px 0;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -150px;
            opacity: 0;
            transition: opacity 1s;
        }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }