/*
Theme Name:     Maskitto-Child
Description:    child of Maskitto Light
Author:         Joel Kunze
Template:       maskitto-light

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



header.top {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 50%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 50%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 50%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 50%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

}





blockquote {font-size: 24pt !important; font-weight: 800; padding-top: 0 !important;}

blockquote>p {line-height: 1.3 !important;}

h3 {font-weight: 400 !important; text-transform: capitalize !important; color: #ff634d !important;}
h3.widget-title {
  line-height: 2;
  border-bottom: 0px;
  display: table;
  margin: 0 auto 50px auto;
  background: url('../../uploads/2015/04/title_bar.gif') bottom center no-repeat;
  padding-top: 50px;
}

.panel {border-radius: 0px !important;}



/*------------------ NAVIGATION BAR SETTINGS ------------------*/

.navbar-brand img {max-height: 38px !important;}



.header-layout-large .navbar-header {
	background-color: rgba(255,255,255,0);
}


@media screen and (min-width: 1000px) {
	.header-layout-large .navbar-header {
		background-color: rgba(255,255,255,1);
	}
}

.soc-icons a {color: #008080 !important;}
.soc-icons a:hover {background-color: rgba(0,0,0,0) !important; color: #ff634d !important;}


.header-layout-large .soc-icons i {
	padding: 0 15px;
	border-right: 1px solid #ebebeb !important;
	border-left: 1px solid #ebebeb !important;
}

header .header-details {background-color: #fff !important;}

.header-layout-large .navbar-header .navbar-brand img {height: 150px !important;}

.navbar-default .navbar-nav>li>a:hover {color: #3c948b !important;}

.navbar-nav .menu-item:last-child a {margin-right: 15px !important;}


.navbar-nav .menu-item a {font-size: 11.5pt !important;}
.navbar-default .navbar-nav>li>a {color: #fd795b !important;}
.navbar-nav .current-menu-item a, .navbar-nav .current_page_parent a {font-weight: 600;}


nav.navbar-default {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 50%, #e6e6e6 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#e6e6e6)) !important;
background: -webkit-linear-gradient(top,  #ffffff 50%,#e6e6e6 100%) !important;
background: -o-linear-gradient(top,  #ffffff 50%,#e6e6e6 100%) !important;
background: -ms-linear-gradient(top,  #ffffff 50%,#e6e6e6 100%) !important;
background: linear-gradient(to bottom,  #ffffff 50%,#e6e6e6 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ) !important;
}

header.top {
	position: relative; 
	z-index: 100;
-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6);
box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6);
}

body.admin-bar header.sticky nav {
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
}







/*------------------ SADIE MAIN PIC DIV ------------------*/

div.page-slideshow {position: relative; z-index: 20;}








/*------------------ MISSION STATEMENT ------------------*/

div#panel-122-0-0-1 {
	position: relative;
	z-index: 50;
	margin-bottom: 0;
	
-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6);
box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6);	
}


div#panel-122-0-0-1 div.textwidget p {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1em;
  line-height: 1.8;
  font-size: 11pt;
  color: #656565;
}

p.first_letter::first-letter, p.mission_first::first-letter {
  font-size: 45pt;
  font-weight: 600;
  color: #b3b4b4;
  padding-right: 3px;
  display: inline-block;
  float: left;
  line-height: 30pt;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

div.page-section-services {
	position: relative;
	z-index: 55;
	background-color: #fff;


}

@media screen and (min-width: 481px) {

	div.page-section-services {
		border-top: 1px solid #cfcfcf;

		-webkit-box-shadow: inset 0px 33px 8px -31px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 33px 8px -31px rgba(0,0,0,0.2);
		box-shadow: inset 0px 33px 8px -31px rgba(0,0,0,0.2);
	}
	div#panel-122-0-0-1 {
		padding-bottom: 80px;
	}
}


.service-icon {
	background: #fff; 

	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
}

div.page-section-services .service-icon i {color: #e15454 !important;}


@media screen and (max-width: 1000px) {
	div.page-section-services div.container {
		padding-bottom: 50px;
	}
}








/*------------------ DONATE SECTION ------------------*/





div#panel-122-0-0-3 {
	text-align: center;
	margin-bottom: 0px !important;

background: rgb(253,121,91);
background: -moz-radial-gradient(center, ellipse cover,  rgba(253,121,91,1) 0%, rgba(201,90,60,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(253,121,91,1)), color-stop(100%,rgba(201,90,60,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,121,91,1) 0%,rgba(201,90,60,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(253,121,91,1) 0%,rgba(201,90,60,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(253,121,91,1) 0%,rgba(201,90,60,1) 100%);
background: radial-gradient(ellipse at center,  rgba(253,121,91,1) 0%,rgba(201,90,60,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd795b', endColorstr='#c95a3c',GradientType=1 );

}


div#panel-122-0-0-3 h3.widget-title {color: #fff !important;}

div#panel-122-0-0-3 div.textwidget p {
	width: 90%;
	color: #fff;
	margin: 0 auto 10px auto !important;
	line-height: 2;
	font-size: 11pt;
}


div#panel-122-0-0-3 div.donate_button {

	width: 360px;
	max-width: 80%;
	margin: 50px auto 50px auto;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);

background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );

}

div#panel-122-0-0-3 a div.donate_button p {
	color: #115b55;
	font-size: 20pt;
	font-weight: 600;
	line-height: 80px;
}

div#panel-122-0-0-3 a div.donate_button p:hover {
	color: #008080;
}

@media screen and (max-width: 400px) {

	div#panel-122-0-0-3 a div.donate_button p {
		font-size: 15pt;
	}

}



/*------------------ NEWS SECTION ------------------*/



.blog-item {
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);

	padding: 0px !important;
	margin: 0 9px 20px 9px !important; 
	border-radius: 5px;
}





/*------------------ TWITTER SECTION ------------------*/

.fetched_tweets.light .tweets_avatar .tweet_wrap .tweet_data a {
	color: #e15454 !important;
}

ul.fetched_tweets.light {
	margin: 0 0 35px 0 !important;
}

.widget_wptt_twittertweets {

background: #b9efeb !important; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #b9efeb 0%, #97dbd7 100%) !important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b9efeb), color-stop(100%,#97dbd7)) !important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #b9efeb 0%,#97dbd7 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #b9efeb 0%,#97dbd7 100%) !important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #b9efeb 0%,#97dbd7 100%) !important; /* IE10+ */
background: radial-gradient(ellipse at center,  #b9efeb 0%,#97dbd7 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9efeb', endColorstr='#97dbd7',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */

}

.widget_wptt_twittertweets h3 {color: #fff !important;}


ul.light li.tweets_avatar {
  margin: 0 0.5% 25px 0.5%;
}

@media screen and (min-width: 1000px) {
ul.light li.tweets_avatar {
  float: left;
  width: 24%;
  height: 250px;
}
}

@media screen and (min-width: 700px) and (max-width: 999px) {
ul.light li.tweets_avatar {
  float: left;
  width: 49%;
  height: 250px;
}
}

@media screen and (max-width: 699px) {
ul.light li.tweets_avatar {
  width: 90%;
  margin: 0 auto 10px auto;
}
}

.fetched_tweets.light > li {border: 0px !important;}
.fetched_tweets > li {

-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2) !important;
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2) !important;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2) !important;

}





/*------------------------------- FOOTER SECTION ---------------------------------*/


footer.bottom {background: #ff634d !important;}
footer.bottom img {opacity: 0.8 !important;}
footer.bottom img:hover {opacity: 1.0 !important;}
footer.bottom .copyrights {color: #ffb7ad !important; font-size: 12px !important;}
footer.bottom .copyrights a:hover {text-decoration: underline;}








/*------------------------------- SADIE PAGE ---------------------------------*/

.page-section:nth-child(27) h3 {color: #fff !important;}

.page-section:nth-child(27) {
background: #4bb7a7; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #4bb7a7 0%, #3c948b 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4bb7a7), color-stop(100%,#3c948b)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #4bb7a7 0%,#3c948b 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #4bb7a7 0%,#3c948b 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #4bb7a7 0%,#3c948b 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #4bb7a7 0%,#3c948b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb7a7', endColorstr='#3c948b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 

.page-section:nth-child(1) p {color: #e5e5e5 !important;}
.page-section:nth-child(1) blockquote p {color: #fff !important;}
p .alignleft {margin-bottom: 5px !important;}


#wp-calendar tfoot {display: none;}


div#counter24 {
	text-align: center; 
	padding: 30px 0; 
	background: #444;
}









/*------------------------------- GET INVOLVED PAGE ---------------------------------*/


div#page-id-109 .panel-grid-cell .widget-title {margin: 0 auto 30px auto;}










/*------------------------------- INFORMATION PAGE ---------------------------------*/


div.wdform_row:nth-child(10), div.wdform_row:nth-child(11), div.wdform_row:nth-child(12), div.wdform_row:nth-child(13) {
	margin-left: 105px;
}