/*
Theme Name: Luxury by Cudazi
Theme URI: http://www.curtziegler.com/
Description: 
Version: 1.0
Author: colleen
Author URI: http://www.curtziegler.com/
*/



#topNav {
		/* margin-top:115px;  ***use with orig logo and tag***/
		margin-top:45px; /****use with new logo w/script tag***/
		line-height: 14px;			
		height: 14px;
		
}

#topNav a{
	color:#5581c2;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

#topNav .textmiddle {
	vertical-align:middle;
	
	}

	
#topNav .rust{
	/*color:#49be87; ****green***/
	color:#993c00; /**rust***/
	
}

#topNav .drkblue{
	color:#1d427e;
	
}

#topNav .purple{
	/*color:#49be87; ****green***/
	color:#b019ab;
}



/************ Added by col to add mentor bug to mentor portal link in main nav*****************/
.grid_12 .nav-icon-mentor-portal a {
/*****background:url('https://familyguidance.net/images/global/mentor-portal-bug-wht20.png') no-repeat 0.5em 0.5em ;*****/
/*****background:url('https://familyguidance.net/images/global/mentor-portal-bug-wht20.png') no-repeat 7px 6px ;*****/
background:url('https://familyguidance.net/images/global/mentor-portal-bug-wht16.png') no-repeat 10px 11px ;
}

.nav-icon-faq{
	margin-right:20px;
	
	}



/*********added by col to control sidebar links**********/
.sidebarwidget a
{
	text-decoration:none;
	/* color:#1d427e; /***darker blue***/
	color:#566d92; /**purply blue***/
	font-weight:bold;
	
	
}


#home-icons {
	width: 500px;
	text-align:center;
		
	}
		
	  /*********top navigation********/
.sf-menu a:hover  {
	color: #ffffff;  /*********keep nav text white when hovering********/
	border-bottom-color:#C06;
	
}

.grid_12{
	/***background: #C00;***/
}



h6 {           /*********h6 is used for page subheads - this is to lessen space btwn heading and text**********/
	padding-bottom: 0px;
	margin-bottom: 0px;
}



h2{  /******to control space btwn widget home page 3-widget area headings*********/
	margin-bottom: 0px;
}




.grid_2{      /****to move start of content in side column down a bit*****/
	padding-top: 60px;
}



/****************Home Page Widget Area - below slider***********************************/

.homeWidget {
	text-align:left;
}

.homeWidget h6{
	color:#b019ab;
}

.homeWidget p{
	color:#b019ab;
	padding-bottom:0px;
	padding-top:5px;
}

#lowerLinks h6{
	/*margin-top: 10px; /****/
}
	

.homeWidget a{
	text-decoration:none;
	color:#566d92;
	
	
}

.homeWidget a:hover{
	text-decoration:underline;	
	color:#566d92;
	text-shadow: #b019ab;
}



/****************Home Page Widget Area - below slider - middle widget (Home column B) change to left align gor impact stories***********************************/
.grid_4 widget{
	/*align="left"; */
}

.widget_text p{
	/*align="left";*/
}
#text-6 p{   /***** fixed the problem of middle home page widget "B" justifying text! woo hoo! ****/
	text-align:left;
}



/***************end home column B change*****************/

#faq h5{
	font-size:1.3em;
	color:#b019ab;
	font-weight:200;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 15px;
}

#faq h6{
	font-size:1.3em;
	color:#b019ab;
	font-weight:200;
	margin-top: 20px;
	margin-bottom: 20px; /******/
	line-height: 15px;
}
	

#campCal{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#campCal h4{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
}

.calHeading{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#566d92;
}





.headerPadding h5{
	padding-bottom:0px;
	
}

.headerUpperPadding h6{
	padding-top:20px!important;
	
}


#jobs h5{
	font-size: 1.4em;
	color: #333;

}

#jobs h5 span{
	color: red;
	}

#directions{
	width: 80%;
	font-size:1.2em;
}

.purpHeading{
	color:#006;
	font-size:1.4em;
	padding-bottom:3px;
}

.holidayRed{
	color:#c42d2b;
	font-size:1.4em;
	padding-bottom:3px;
}

.red-text{
	color:red!important;
}

.red-bold-text{
	color:red!important;
	font-weight: 700;
}


.holidayGreen{
	color:#a5cf51;
	font-size:1.4em;
	padding-bottom:3px;
}

.eblastGray{
	color:#665;
	font-size:.9em;	
}

.eblastPara {
  color:#665 !important;
  font-size:.85em !important;
  margin-left:15px !important;
  margin-right:15px !important;
  text-align:center !important;
  font-weight:normal !important;
}
.eblastPara a{
	color:#c42d2b !important;
	/*font-size:.9em;	*/
	font-weight:bold !important;
}

.eblastPara-just{
  color:#665 !important;
  font-size:.85em !important;
  margin-left:10px !important;
  margin-right:10px !important;
  text-align: justify !important;
  font-weight:normal !important;
}



.catalog-link a{
	color:#566d92 !important;
	font-size:.70em !important;
}



/* to hide and show text */

.showtext {
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	font-style: normal;
	text-align: justify;
	font-weight: normal;
}
.closetext {
	color: #000000;
	background-color: #CCFFCC;
	margin-left: 300px;
	padding-left:5px;
	padding-right:5px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}


#expandWrapper{}

#expandWrapper p{
	margin:0px;
	padding:0px;
}
	

#faq{
	text-align:justify;  /****/
	width:90%; 
}

#faq p div{
	padding:0px;   /****/
	text-align:justify;  /****/
	
	
}

#faq br{
	padding:0px;   /****/
	
}

#faq a{
	text-decoration:none; 
	padding-top:13px;
	font-size: 1.3em; 
}

#faq .close {
	text-decoration:underline;
	font-weight:normal;
	font-size: .80em;
	color:#33C;
 
}

#faqSide{
	text-align:right;
	width:250px;
	/*background-image:url('https://familyguidance.net/faq/images/faqPic.png'); /****/
	background-repeat:no-repeat;
	
}
/***TEXT***/

.sidebarLink{
	font-size:1.1em;
	color:#b019ab!important;
}

.quote{
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:1.2em;
	font-style:italic;
}

#faq .email{
	font-size:1em;
	color:#1d427e;
	
}

.blueNoLine{
	text-decoration:none !important;
	color:#1d427e;
}

.staff a{
	text-decoration:underline;
	color:#339;
	font-weight:bold;
}

.btmPad{
	padding-bottom: 5px;
	margin-bottom: 0;
}

.btmPad2{
	padding-bottom: 0px;
	padding-top: 5px;
	margin-bottom: 0;
}
.pad-0{
	padding: 0;
}

.highlight{
	font-size:1.1em;
	color:#1d427e;

}
.highlight p{
	padding-bottom:0px;
	
}
/*************List Items************/
ul
  {
  margin-left:0px !important;
   padding-left:0px !important;
  padding-bottom: 20px;
  list-style-type:none;
    
  } 
 
 .ulBold{
	/* font-weight:bold;  /*****/
	 font-size:1.1em;
	 padding-bottom:0px;
 }
 	

.ulSquare li{
	/***list-style:square; /*****/
	width:90%;
	margin-left:20px;
	font-weight:bold;
	
	
 }
 
 .ulIndent li{
	/***list-style:square; /*****/
	width:90%;
	margin-left:20px;
	text-align:justify;
	
	
	
 }
 
 .ulDot li{
	list-style:square; 
	margin-left:20px; /*****/
	margin-bottom:0px;
	padding:0px;
	
 }
 
 
 
 .blueStrong { /***make text standout****/
	 color: #b019ab;
	 font-size: 1.3em;
 }

 .olAZ{
	 list-style:lower-alpha;
 }
 
 .lrgSide{
	 width:250px;
	 
 }
 
 .lrgSide h5{
	 color: #333;
	 font-size: 1.8em;
	 
 }
  
  
  /********to adjust section breaks on forms*********/
.formsBreak{
	font-size:20px;
}

.dots{
	list-style:disc;
	font-size:1.1em;
	padding-left:20px !important;
	text-align:justify;
}

/****to align donate btn cntr in sidebar****/
/*.btn{  
	text-align:center;
	 width:250px;
}
*/ /******commented out jan 2018 - effecting bootstrap button *****/

.div90{   /***to shorten width of text in main content areas of 2-column pages***/
	width:90%;
	text-align:justify;
}


.btmLinks{  /*******for links at page btm eg. mentor resources******/
	color: #1d427e;
	font-size:1.2em;
}

/****videoFrames****/
.vidFrameHistory1{
	display:block;
	width:758;
	height:400;
	text-align:center;
	background:url(https://familyguidance.net/history/images/videoFrame_ygiHistory.jpg) no-repeat;
	/***padding: 30px 25px 20px 25px;  ***/
	padding: 0px;
}

.vidFrameHistory2{
	display:block;
	width:758;
	height:400;
	text-align:center;
	background:url(https://familyguidance.net/history/images/videoFrameHistory2.jpg) no-repeat;
	padding: 30px 25px 20px 25px;
}

.vidFrameCamp{
	display:block;
	width:758;
	height:400;
	text-align:center;
	background:url(https://familyguidance.net/images/global/videoFrame_758x400.jpg) no-repeat;
	padding: 30px 25px 20px 25px;
}

.vidFrameHome{	
	display:block;
	width:275;
	height:148;
	text-align:center;
	background:url(https://familyguidance.net/images/fgiHomeVidFrame.gif) no-repeat;
	padding: 10px;
	
}



/******staff page*******/
.staff h6 {
	padding-top:0px;
	margin-top:0px;
}
.staff p{
	padding-top:0px;
	margin-top:0px;
}

#staff a{
	  text-decoration:none;
}

#staff a:hover{
	color: #b019ab;
	text-decoration:underline;
	}
/*********images staff **********/
.imgStaff{
	vertical-align:top;
	float:left;
	padding:0px 15px 225px 0px;	
	
}
.imgStaff2{  
	vertical-align:top;
	float:left;
	padding:0px 15px 0px 0px;	
}

.imgStaff3{  
	vertical-align:top;
	float:left;
	padding:5px 20px 0px 0px;	
}

.imgStaff4{  
	vertical-align:top;
	float:right;
	padding:5px 0px 0px 20px;	
}

.imgstaff5{
	vertical-align:top;
	float:left;
	padding:50px 15px 225px 0px;	
}

.imgStaff6{
	vertical-align:top;
	float:left;
	padding:0px 15px 30px 0px;	
}




.imgStaffMulti{
	vertical-align:top;
	float:left;
	padding:0px 15px 30px 0px;	
}
.imgStaffMulti2{
	vertical-align:top;
	float:left;
	padding:0px 15px 75px 0px;	
}



.sidebarTxt-center{
		text-align:center;
	}
	
.moveTopDown{
	padding-top:25px;
}

/********************header tags**************************/
.hdr-wht h3{
	font-size: 1.5 em;
	color: #fff;
	}


/********************Forms**************************/
.form{
	background-color:#FFF;
	padding:12px;
	border: 1px inset #667;
	font-size: .95em; /* added 7/25/17 to handle too large text */
}
.form h3{
	padding-top:0px!important;
	margin-top:0px!important;
}

.gform_title{
	padding-top:0px!important;
	margin-top:0px!important;
}

.gform-section{
	font-size: 1.5em;
	font-weight: bold;
	color: #1d427e;
	border-bottom: 10px solid #1d427e;
}




/*****************3DaysGivingMatch********************/
/*.3dayUL{
	padding-bottom:0px!important;
	margin-bottom:0px!important; 
}*/
/*****************eblast********************/
.eblast p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;  /****/
	width:90%; 
}

/*********Staff Image Grid***********/

#imageList{
	font-size:0;
	width:760px;
	margin: 0;
	
}
	
#imageList a { 
	margin: 2px;
/****	border: 2px solid transparent;****/
	display: inline-block;
	opacity: .5;
}
	
#imageList a:hover{
	/***opacity: 1.0;***/
   /***filter: alpha(opacity=40); ***/
   border-color: white!important;
   opacity: 1;
}

#imageList img{
	border-radius: 2px;
}



	/*******************staff-grid*************************/
	
#staff-grid a { 
	/****	border: 2px solid transparent;****/
	opacity: .5;
}
	
#staff-grid a:hover{
	/***opacity: 1.0;***/
   /***filter: alpha(opacity=40); ***/
     opacity: 1;
}

#staff-table {
	border-collapse: collapse;
}


/*******************tool tip generator when hovering over staff page pic*******************/

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  /***width:140px;***/
  width:118px;
  color: #000000;
  background: #f1f1f1;
  /*** height: 30px;***/
  height: 103px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #ffffff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  /****  bottom: 30px;  ****/
  bottom: 4px;
  left: 50%;
 /**** margin-left: -76px;****/
  margin-left: -59px;
  z-index: 999;
}

/*******************css pop info box*******************/

figcaption{
	display:none;
}
figure:hover figcaption{
	display:block;
}

/*******************Extra font styles*******************/

.small-italic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-style:italic;
}

.allcaps-blue-bold{
	font-variant:small-caps;
	font-size:1.1em;
	font-weight:bold;
	color: #256194;
	}
	
	

/*******************strong tag***********************/
.strong-blue{
	color: #256093;
	font-weight:bold;
	font-size:1.2 em;
}

.strong-blue-ctr{
	color: #256093;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}


.strong-green{
	color: #008000;
	font-weight:bold;
	font-size:1.2 em;
}

 .strong-red { /***make text standout****/
	 color:#c42d2b !important;
	 font-size: 1.2em;
 }
 
 .no-margin-top table{
	 margin-top: 0;
 }

/*******************schedule of events tables***********************/
	
.events-table td {
padding-left: 30px;
padding-right: 30px;
padding-top: 0px;
padding-bottom: 0px;
}

#schedule {
	background-color: rgba(38, 96, 146, 0.7); 
	border:thin;
	border-color:#060;
	
}



#schedule th{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase;
	
}
#schedule td{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #ffffff;
	font-weight:bold;
	
}

#schedule-pc {
	background-color: rgba(0, 125, 67, 0.7); 
	border:thin;
	border-color:#060;
	
}

#schedule-pc th{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase;
	
}
#schedule-pc td{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #ffffff;
	font-weight:bold;
	
}

.centerImage
{
text-align:center;
display:block;
border:medium;
}

/****************************override bootstrap**************************************/
html {
	font-size: 1em;
}
/****************************end override bootstrap**************************************/



/**************************new staff page 1/2018 ***********************************/

/**************bootstrap**************/
.btn{
	/*width: 40%;*/
	border-radius: 25px;
    padding: 8px 20px;
	text-decoration: none!important;
	font-size: 1.1em;
	letter-spacing: 1px;
	
}



#staff-wrapper{
	/*background-color: yellow; */
	width: 100%;
	margin-top: 20px; 
}

#staff-wrapper h3{
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 0!important;
	color: #265F93;
}

.card img{	
	width: 65%;
	border-radius: 50%;
	display: block;
	margin: auto;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */	
}

#staff-wrapper img:hover{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.staff-info{
	text-align: center;
	padding: 0 5px;
	white-space: nowrap; 
	overflow: hidden;
}

.staff-info p{
	text-align: center;
	/*font-size: 1 em!important;*/
	
}

.staff-info a{
	/*text-align: center;
	font-size: 1.3em!important;
	text-decoration: underline;
		*/
}

.staff-contact{ /* style and position contact anchor tag*/
	font-size: 1.1em!important;
	text-decoration: underline;
	display: block;
	margin-top: 10px;
	color: #E3662E;
}

.title {
    color: grey;
	font-size: 1em;
}

/* Add some shadows to create a card effect */
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	padding-top: 15px;
}

.row-pad{
	margin-top: 30px;
}

.dept-row{
	padding: 50px 0 30px 0;
}

/**********end bootstrap**********/


	

  /* Three columns side by side */
.staff-column {
    float: left;
    /*width: 33.3%; */
	width: 33.3%; 
    margin-bottom: 16px;
    padding: 0 8px;

	/*background-color: orange; */
		
}




.class-hdr{ /* center department images */
	width: 100%;
	margin: 30px auto 20px auto;
	text-align: center;
}




/* Display the columns below each other instead of side by side on small screens */
@media (max-width: 650px) {
    .staff-column {
        width: 55%;
        display: block;
		margin-right: auto;
    }
}

@media (max-width: 992px) {
	#staff-wrapper h3{
		/*font-size: 1.5em; */
		font-size: 2em;	
	}
	
	.staff-info p{
	font-size: 1.5em!important;
	
}

	.staff-contact{ /* style  anchor tag*/
		/*font-size: 1.2em!important; */
		
	}
}



/* Some left and right padding inside the container */
.txt-container {
    /*padding: 0 16px; */
	padding: 0 5px;
	
}

/* Clear floats */
.txt-container::after, .row::after {
    content: "";
    clear: both;
    display: table;
}



.btn-staff {
    border: none;
	border-radius: 25px;
    outline: 0;
    padding: 8px 20px;
    color: white;
    background-color: #5581c2;
    text-align: center;
    cursor: pointer;
    display: block;
	margin: 15px auto 0 auto;
}

.button:hover {
    background-color: #555;
} 

/**************************end new staff page 1/2018 ***********************************/


/******************** GOLF *************************/

.golf-schedule{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#566d92;
}

.golf-schedule-2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	color:#566d92;
	
}

#golf{
}

.add-golfer{    /*  change the size of add golfer text box  */
	/*width:80%; */
}


/****golf sponsor page*****/

#spr-wrapper{
	/*background-color: yellow; */
	width: 100%;
	margin-top: 20px; 
	
}

#spr-wrapper h3{
	font-size: 1.5em;
	letter-spacing: 2px;
	padding-top: 0;
	margin-top: 10px;
	padding-bottom: 0!important;
	color: #265F93;	
	text-transform: uppercase;
	
	/*border-bottom: thin solid;
	width: 50%; */
}

.spr-lvl{
	text-align: center;
	/*padding: 0 5px; */
	margin-top: 0;
	padding-top: 0;
	white-space: nowrap; 
	overflow: hidden;
	/*color:red;
	font-size: 3em;*/
	
}
spr-label{
	
	
}

/* Add some shadows to create a card effect */
.spr-card {
	background-color: #fff;
	border-radius: 15%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	padding-top: 15px;
	
}




.spr-card img{	
	/*width: 65%; 
	border-radius: 50%; */
	 
	max-width: 90%;
	display: block;
	margin: auto;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	transition: transform .2s; /* for hover effect */
}

.spr-card img:hover{
	
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 

}

.top-buffer{
	margin-top: 40px;
}

.spr-hdr-row{
	padding-top: 40px;
	padding-bottom: 5px;
	margin-bottom: 0;
}



/******************** END GOLF *************************/


/******************** begin impact makers *************************/

#impact-wrapper{
	/* background-color: #2b8a82; */
	background-color: rgba(43, 138, 130, .08);
		 
	
}

#impact-wrapper p{
	font-size: 1.3em;
	letter-spacing: 1.2px;
	line-height: 1.6;
	text-align: left;
}

#impact-hero{
	width: 100%;
	margin: auto;
}

#impact-row2{
	width: 100%;
	margin: auto;
	background-image: url("https://familyguidance.net/donate/impact/images/impact-banner-middle2.jpg"); 
	background-repeat: no-repeat;
	height: 400px;
	color: black;
	/*background-color: yellow; */
}



#im-row2-col1{
	/*background-color: red; */
	padding-top: 65px;
	padding-left: 75px;
	
}

#im-row2-col2{
	/*background-color: orange; */
	
}


/*#impact-hdr-row-1, #impact-hdr-row-2{
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
} */


#impact-row3{
	padding: 30px 0 30px 0;	
	margin-left: 0;
	margin-right: 0;
	/* background-color: white; */
}

#impact-row3 p{
	max-width: 95%; 
	/*display: block; */
	margin: auto;
	text-align: center;
	font-size: 1em;
	line-height: normal;
	letter-spacing: 1px;
}


.impact-hdr{
	padding-top:40px;
	padding-bottom: 40px;
	/* color: #fff; */
	 color: #174A46; 
	font-size: 2em;
	line-height: 2;
	text-align: center;
	
	/*margin-top:50px;
	margin-bottom: 50px; */
	
	
}

.impact-feature img{
	max-width: 90%;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}



.feature-logo{
	padding-bottom: 10px;
}

.rule-solid{
	border-top: 1px solid #8c8b8b;
	width: 50%;
	text-align: center;
}



.rule-dash{
	margin: auto;
	border-top: 1px dashed #8c8b8b;
	width: 50%;
	text-align: center;
}

#impact-hdr-row-3{
	padding-bottom: 100px;
}

@media (max-width:991px){
	#impact-row3 p{
		max-width: 50%; 
	}
	
}

/******************** END impact makers *************************/



/******************** BEGIN Camp for a Day *************************/

#cfad-wrapper{
	background-color: #ffa046; 
	/* background-color: rgba(43, 138, 130, .08);*/
		 
}

#cfad-wrapper p{
	font-size: 1.3em;
	letter-spacing: 1.2px;
	line-height: 1.6;
	text-align: center;
}

#cfad-wrapper h2{
	color: #35b729;
	/*font-family: 'Lato', sans-serif; */
	font-size: 3em;
	font-weight: bold !important;
	text-align: center;
	text-transform: uppercase;
	
	
}

#cfad-wrapper .btn-success{
	padding: 30px;
	font-size: 1.2em;
	letter-spacing: 1.3px;
	font-weight: bold;
	text-transform: uppercase;
}

#cfad-btn-row{
	padding-top: 30px;
}


#cfad-hero{
	width: 100%;
	margin: auto;
}

.cfad-section-blue{
	padding: 0px 0px 50px 0px; 
	background-color: #01375e;
	color: #fff;
	
}

.cfad-section-lt-blue{
	padding: 50px 0;
	background-color: #009aff;
	/*color: #01375e;*/
	color: #fff;
}

.cfad-section-lt-blue h3{
	/*color: #01375e;*/
	/*font-family: 'Lato', sans-serif; */
	font-weight: bold !important;
	text-align: center;
	font-size: 2.5em;
	text-transform: uppercase;
}

.cfad-section-lt-blue p{
	 
	font-size: 1.5em!important;
	
}
#cfad-row1{
	padding: 20px 20px 0px 20px;
	color: #01375e;
	text-align: center;
}

#cfad-row1 h3{
	text-transform: uppercase;
}

#cfad-row2{
	width: 100%;
	margin: auto;
	/*background-color: #01375e; */
	/*background-image: url("https://familyguidance.net/donate/impact/images/impact-banner-middle2.jpg"); 
	background-repeat: no-repeat; */
	/*height: 400px;*/
	/*background-color: yellow; */
}



.cfad-col-2{
	/*background-color: red; */
	padding: 30px 50px 0px 50px;
	
	
}

.cfad-col-1{
	/*background-color: red; */
	padding: 0px 80px 0px 80px;
	
	
}

#cfad-row2-col2{
	/*background-color: orange; */
	
}






/******************** END Camp for a Day *************************/



/******************* Begin Ways to Give ************************/

#ways-to-give-wrapper{  /****ways accordion width****/
/*	background-color: red; */
	width: 90%;
	margin: auto;
}

#ways-banner-row{
	width: 100%;
	margin: auto;
	background-image: url("https://familyguidance.net/donate/images/ways-to-give-banner-939.jpg"); 
	background-repeat: no-repeat;
	height: 400px;
	color: #000;
	
	/*background-color: yellow; */
}
#ways-banner-row p{
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
	letter-spacing: 2px;
}

#ways-banner-row h1{
	color: #fff;
	font-size: 4em;
	font-weight: bolder;
	text-transform: uppercase;
	
}

#ways-banner-col1{
	/*background-color: red; */
	padding-top: 100px;
	padding-left: 35px;
	/*padding-right: 25px; */
	
}

#ways-banner-col2{
/*	background-color: orange; */
	
}

#ways-subhead h3{
	text-align: center;
	font-size: 2em;
	line-height: 3;
	padding-bottom: 40px;
	
}





/***************Ways Modal*******************/

#ways-modal-wrapper{
	width: 90%;
	/*background-color: orange;*/
	
}

#ways-modal-wrapper h4{
	color: #185BC4;
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 1.6px;	
}

#ways-modal-wrapper h5{
	color: #185BC4;
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: 1.6px;	
}

#ways-modal-wrapper h6{	
	font-size: 1.3 em;
	font-weight: bold;
}

#ways-modal-wrapper a{	
	text-decoration: underline;
}


#ways-modal-wrapper img{
	max-width: 100%;
	display: block;
	margin: auto;
}


#ways-thumb{
	position: relative; 
	max-width: 100%;
	background-color: yellow;
	
}

#ways-thumb img{
	max-width: 100%;
	/*display: block;
	margin: auto; */
	background-color: aqua;
} 

#ways-modal-wrapper p{
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
	letter-spacing: 2px;
}

#ways-modal-wrapper ul{
	font-size: 1.2em;
	list-style-type: square;
	list-style-position: inside; 
	text-indent: 20px;
	margin-left:10px;
	font-weight: 900;
	letter-spacing: 2px;
}


.ways-row{
	margin-bottom: 20px;
}


.ways-overlay {
	max-width: 100%;
	position: absolute;
	bottom: 8px;
	left: 19px;
	right: 0;
	background-color: #2B8981;
	opacity: .9;
	overflow: hidden;
	width: 90%;
	height: 20%;
	transition:.5s ease;
}

.ways-overlay-txt {
	white-space: nowrap;
	color: #fff;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
}


/*
.ways-img-box{
	position: relative;
	margin: 0 3.5% 20px 0;
	padding: 100px;
	
}

.ways-img-box img{
	display: block;
	width: 100%;
}

*/

@media (max-width: 768px) {
	.ways-img-box{
		margin-bottom: 30px;
	}
}

.btn.ways-img-btn{
	border-radius: 0!important;
	
}

.ways-img-btn{
	text-transform: uppercase;
	color: #fff;
	/* text-decoration: none;
	text-align: center;
	padding: 10px;
	position: absolute;
	bottom: 0;
	right: 15px;
	left: 15px;
	font-weight: 300;
	font-size: 15px; */
	/*background: rgba(131, 191, 200, .87); */
	/*background: #185BC4; */
	background-color: #008aa7;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
	
	
}

.ways-img-btn:hover{
	background: #015c6f;
}

/******************* DAF Modal ************************/

#daf-box{
	width: 80%; 
	margin:auto; 
	padding:20px; 
	border-style: solid;  
	border-width: 1px; 
	background-color: #fff;
}

#daf-script{
	width: 80%; 
	margin:auto;
	
}

/* Modify ID in DAF Direct external style sheet to remove too-tight border of embedded form
ID found through Firefox Inspect element - big woo hoo when this was found!*/
#dafdirectdiv{
	border: none!important;
}

/******************* End Ways to Give ************************/

/******************* DAF web page ************************/
#daf-wrapper{  /****ways accordion width****/
/*	background-color: red; */
	width: 100%;
	margin: auto;
}

#daf-hero{
	width: 100%;
	margin: auto;	
	 
}


#daf-pg-row{
	margin-top: 40px;
	/*background-color: yellow; */
}

#daf-pg-txt{
	padding: 0 20px;
}

#daf-pg-txt p{
	font-size: 1.2em;
	letter-spacing: 2px;
}

#daf-pg-txt p{
	font-size: 1.2em;
	letter-spacing: 1.5px;
}

#daf-pg-txt a{
	font-weight: bold;
	text-decoration: underline;
	color: #2192b0;
}


/******************* END DAF web page ************************/


/*****************************Begin Enews****************************/
#enews-banner-row{
	width: 100%;
	margin: auto;
	background-image: url("https://familyguidance.net/enews/images/enews-banner-939.jpg"); 
	background-repeat: no-repeat;
	height: 400px;
	color: #000;
	
	/*background-color: yellow; */
}
#enews-banner-row p{
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
	letter-spacing: 2px;
}

#enews-banner-row h1{
	color: #fff;
	font-size: 4em;
	font-weight: bolder;
	text-transform: uppercase;
	
}

#enews-banner-row h2{
	font-size: 2em;
	font-weight: bolder;
	/*text-transform: uppercase; */
	
}


#enews-banner-col1{
	/*background-color: red; */
	padding-top: 100px;
	padding-left: 35px;
	/*padding-right: 25px; */
	
}

#enews-banner-col2{
/*	background-color: orange; */
	
}

#enews-body h2{
	text-align: center;
	font-size: 2.5em;
	font-weight: bolder;
	
}

#enews-body p{
	text-align: center;
	font-size: 1.7em;
	line-height: 1.5;
	padding-bottom: 40px;
	
}

/*
@media (max-width: 768px) {
	#enews-banner-row{
		background-image: url("https://familyguidance.net/enews/images/enews-banner-939-blue.jpg");
	}
	
}
*/

/*****************************End Enews****************************/

/**********************add styles for jquery accordion FGI FAQ pages***********************/

#faq-wrapper{
	/*background-color: yellow; */
	width: 100%;
	margin-top: 30px;
} 

.container{
	
	
}

#accordion{
	width:100%;
	margin: 0 auto 50px auto;
	background-color:#eee; 
		
}

#accordion > h3 {
    margin-top: 15px;
  }

 #accordion > h3:first-child {
      margin-top: 0;
  }

#accordion h3{
	color: #fff;
}

h3.faq-head {
	cursor:pointer;
	/*add code from w3s*/
	/* background-color: #307191; */
	
	/*background-color: #5C83A5; */
	background-color: #256093;	
    color: #fff!important;
    padding: 25px 0;
    width: 100%;
   /* border: none; */
	border-bottom: 1px inset #000;
	text-align: center;
    outline: none;
	font-family: 'Lato', sans-serif!important;
    font-size: 1.7em;
    transition: 0.4s;
	margin-bottom: 10px;
}



/****Accordion - Override jQuery UI classes****/

.ui-accordion-header{
	/*background-color: #5C83A5!important;*/
	background-color: #5C83A5!important;
    color: #fff;
    padding: 25px 0!important;
    width: 100%;
   /* border: none; */
	/*border-bottom: 1px inset #000; */
	border-bottom: 10px inset #32444e;
    text-align: center;
    outline: none;
    font-size: 1.3em!important;
	letter-spacing: 3px;
    transition: 0.4s;
	margin-bottom: 10px;
}

.ui-accordion-header-collapsed a{
	color: #fff!important;
	
}

ui-accordion-header-active{
	
	
}


#faq-wrapper a{ /* Controls color of faq labels*/
	color: #266093;
	font-weight: 900;
	letter-spacing: 2px;
	text-decoration: none;
}

#faq-wrapper a:active{
	text-decoration: overline;
}

.ui-state-default{
		
}

.ui-accordion-content-active{
	font-size: 1.1em;
	text-align: justify;
}

.ui-accordion .ui-accordion-content{ /*******to remove scrollbars from content******/
overflow:visible !important;
}


/**********************END jquery accordion FGI FAQ pages***********************/




/********************* Bootstrap Collapse - PC FAQ Page - Donate Page***********************/
#pc-faq-wrapper{
	/*background-color: yellow; */
	width: 100%;
	
} 





.panel-default > .panel-heading {
    color: #fff!important;
    background-color: #5C83A5!important;
    border-color: #ddd;
}

.panel-heading h4{
	text-align: center!important;
	font-size: 1.7em;
	font-weight: bold!important;
	padding-top: 20px;
	
	
	
}

/******************* one column pages ************************/

.one-col-pg{
	width: 100%;
}

.boot-bullets ul li{ /* add bullets to list items */
list-style-type:none;
}
.wellboot-bullets ul li:before{
font-family: 'Glyphicons Halflings';
content: "\e067"; 
position: absolute;
left: 25px;
}

.boot-bullets .list-group-item{
	border-bottom: 1px solid #000;
}


.btn-wrapper{
	text-align: center;
}


/*************************Bootstrap Lists**********************/


.list-group-item-heading{
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.list-group-item-text{
	padding-bottom: 10px;
}

/*************************** Blockquote *********************/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size: .9em;
}


/*************************** Impact Blog *********************/

img.title-banner{
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

.author-wrapper{
	margin-bottom: 10px;
}

.cite-author{
	/*color:blue;*/
	font-size: .9em;
}