/* ----------------------------------------------------------------
	Custom CSS - Paris Discovery Guide

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
	
	Changes in colors.css should take care of color issues - but if
	any remain, change #1abc9c to #0072D8 as necessary in style.css

	Paths were changed to "support-files/" in these files on 4/17/21: font-icons.css,
	style.css
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Updated 6/27/20 to fix top photo title display on mobile

	Updated 11/4/21 to change link color to achieve more contrast

   	Updated 4/29/23 - font size and other minor changes

	Updated 3/1/24 to change "offers" class to paler gold background and change background color to paler blue for "insider-tips" class to achieve more contrast

	Updated 3/17/24 - changed font size for indented list items
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	1/14/25

	Changes to colors of call-out boxes.  

	Changes to right side bar fonts, etc to better match body.


-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	STYLES.COM changes -  Basic Properties  Line 119
-----------------------------------------------------------------*/



.link-list-right-col {
	list-style-type: disc;
}

.link-list-right-col li {
	margin: 10px 10px 5px 0;   
}

.link-list-right-col li i {      /* if icon is used  */
	position: relative;
	top: 1px;
	margin-right: 3px;
}

.link-list-right-col li a { color: #0072D8; }

.link-list-right-col li a:hover { color: #db1a19; }




/* ----------------------------------------------------------------
	Typography  - CHANGED LINK and LINK HOVER COLOR    LINE 171
-----------------------------------------------------------------*/


body {
	line-height: 1.9;      /* changed from 1.5 to 1.9  11-16-19  */
	color: #444;          /* changed from #555  */
	font-family: 'Lato', sans-serif;
}

a:link {
	font-weight: bold;    /* added for ADA compliance 11/21  */
	text-decoration: underline !important;
	color: #0072D8;   /* changed to themecolor 10/22  */
}

a:hover { 
	color: #db1a19; 
	font-weight: bold; /*ADA compliance  */
}   			
/* --CHANGED TO #db1a19--*/



/* ----------------------------------------------------------------
	Basic Layout Styles     MODIFIED
-----------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;        /* changed from #666  */
	font-weight: 600;
	line-height: 1.8;        /* changed from 1.5 
	changed from 1.7 to 1.8   9-13-23
	*/
	margin: 0 0 30px 0;
	font-family: 'Raleway', sans-serif;
}


h1 {line-height: 2.3;
}


h2 { font-size: 32px; }   /* 4-19-23 CHANGED from 30px  */

h3 { font-size: 26px; }   /*  ADDED - changed h3 font size to 26 (don't know what it was previously)   6-15-23  */


h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) { 
	color: #073C91; 
}      	 /* changed from #1abc9c  to #073c91  */

h4 { font-size: 21px; }       	/*-  ADDED - changed h4 font size from 19px to 20px  
6-15-23  

Changed h4 font size from 20px to 21px 9-12-23*/




p { font-size: 19px; }          	/*-  ADDED - defined p font size;  6/27/20 update: changed from 16px to 17px to be consistent with BDG 

CHANGED 4-27-23 from 17px to 18px for better user experience 

CHANGED 9-12-23 from 18px to 19px for better user experience  -*/



.image-caption {font-size:.95em;}   	/*-  ADDED - use this to modify <p>  -*/


/* ----------------------------------------------------------------
	Sections  MODIFIED      line 533
-----------------------------------------------------------------*/


.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	background-color: #FFFKKK;
	border: 1px solid #E5E5E5;   /*-  ADDED border   -*/
	border-radius: 3px;
	overflow: hidden;
}


.section-top-bottom-borders {                 /*-  ADDED this class to reduce padding & margin, and add top & bottom borders  -*/
	position: relative;
	margin: 30px 0;
	padding: 30px 0;
	background-color: #FFF; /*-  was F9F9F9  -*/
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
}



/* ----------------------------------------------------------------
	Primary Menu     LINE 3690
-----------------------------------------------------------------*/


.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
	color: #0072D8;         /* changed from #1ABC9C  5/14/21 - also changed in style.css - Line 3690 */
}




/* ----------------------------------------------------------------
	Mega Menu    Line 4177   *** 5/21/21 
-----------------------------------------------------------------*/
	

.mega-menu-style-2 .mega-menu-title > .menu-link:hover {
		color: #073C91;          /* changed from #1ABC9C  5/14/21  - also changed in style.css   */
	}


/* Primary Menu - Style 3   - Line 4237
	-----------------------------------------------------------------*/


.style-3 .menu-container > .menu-item.current > .menu-link {
		color: #FFF;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		background-color: #0072D8;         /* changed from #1ABC9C  5/14/21  - also changed in style.css  */
	}


/* ----------------------------------------------------------------
	Slider  Line 5658
-----------------------------------------------------------------*/


.slider-element {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-parallax {
	position: relative;
	background-image: none;
}





/* Slider Caption      Line 5899
-----------------------------------------------------------------*/

.slider-caption {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	flex-flow: column;
	justify-content: center;
	z-index: 20;
	max-width: 550px;
	color: #EEE;
	font-size: 1.375rem;
	font-weight: 300;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.15);
	-webkit-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
	color: #222;
	text-shadow: none;
}

.slider-caption h2 {
	font-size: 4rem;
	letter-spacing: 2px;
	text-transform: none;       /* changed from uppercase  -  5/23/21  */
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}

.slider-caption p {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 2.75rem;     /* changed from 1.5rem  -  5/23/21  */
	font-weight: 700;    /* added  -  5/23/21  */
	text-shadow: 2px 4px 2px rgba(0,0,0,0.3);       /* added  -  5/24/21  */
	-webkit-transition: top .3s ease;    /* added  -  5/24/21  */
	-o-transition: top .3s ease;    /* added  -  5/24/21  */
	transition: top .3s ease;    /* added  -  5/24/21  */
}

@media (max-width: 991.98px) {

	.swiper_wrapper .slider-caption h2 {
		font-size: 11vw;    /* changed from 5.5vwm  -  5/24/21  */
	}

	.swiper_wrapper .slider-caption p {
		font-size: 2.6vw;
	}

}



/* ----------------------------------------------------------------
	Page Title      line 6459 
-----------------------------------------------------------------*/


#page-title {
	position: relative;
	padding: 10px 0 0 0;    /* changed 4rem 0 to 10px 0 0 0 */
	background-color: #FFF;     /* changed #F5F5F5 to #FFF  */
	border-bottom: 0px solid #EEE;    /* changed from 1px to 0px  */
}


	


/* ----------------------------------------------------------------
	Page Title      line 6,470
-----------------------------------------------------------------*/

#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1.4;      /* changed from 1 to give better line wrap spacing  */
	font-weight: 700;
	letter-spacing: 1px;
	color: #333;        
	font-size: 36px;      /* changed 28px to 32px  */
	text-transform: none;
}

#page-title span {
	display: block;
	margin-top: 10px;
	font-weight: 400;      /* changed 300 5/24/21  */
	color: #666;         /* changed #777 to #666   - darker gray  */
	font-size: 24px;            /* changed 18px to 24px  */
}




/* Page Title - Center Aligned       Line 6548
-----------------------------------------------------------------*/

#page-title.page-title-center span {
	max-width: 800px;   /* changed from 700px  */
	margin-left: auto;
	margin-right: auto;
}



/* ----------------------------------------------------------------
	Content      Line 6695
-----------------------------------------------------------------*/


.content-wrap {
	position: relative;
	padding: 30px 0 40px 0;      /* 6/24/20 changed from 80px 0 to reduce white space at top and bottom;   */
	overflow: hidden;
}




/* ----------------------------------------------------------------
	Blog    Line 7531
-----------------------------------------------------------------*/


#posts { position: relative; }

.entry {
	position: relative;
	margin-bottom: 10px;   /* CHANGED to 10px  5/12/21  */
}

.posts-md .entry,
.posts-sm .entry {
	margin-bottom: 0;
}


.entry::after {
	content: '';
	position: relative;
	height: 2px;
	margin-top: 50px;    /* CHANGED to 20px  5/12/21  */
	background-color: #F5F5F5;
}

.entry-image { margin-bottom: 20px; }   /* ------4/20/20 - changed from 30 to 20 to eliminate gap effect -------*/



/* ----------------------------------------------------------------
	Blog    Line 7589
-----------------------------------------------------------------*/


.entry-title h2 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;    /*-  ADDED 5/12/21 -*/
}

.entry-title h2 a { color: #333; }

.entry-title h2 a:hover { color: #db1a19; }


.entry-title h2 a,      /*-  ADDED this and the 5 following entry-title attributes 5/11/21 -*/
.entry-title h3 a,
.entry-title h4 a { color: #0072D8; }     /*-  CHANGED color -*/
	
.entry-title h2 a:hover,
.entry-title h3 a:hover,
.entry-title h4 a:hover { color: #db1a19; }   	/*-  CHANGED from #1ABC9C -*/


.entry-meta {
	margin: 10px -10px -15px 0;
	list-style: none;
}

.single-post .entry-meta { margin-bottom: 20px; }

.entry-meta li {
	float: left;
	font-size: 13px;
	line-height: 14px;
	margin: 0 10px 15px 0; 
	font-family: 'Raleway', sans-serif;    /* ------4/20/20 - changed from Crete Round, serif to Raleway, sans serif -------*/  
	font-style: normal;    /* ------4/20/20 - changed from italic to normal -------*/
	color: #555;   /* ------4/20/20 - specified color -------*/
}

.entry-meta li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: 0.5
}

.entry-meta li i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 3px;
}

.entry-meta li a { color: #555; }   /* ---4/20/20 - changed from 999 to 555 -------*/  

.entry-meta li a:hover { color: #db1a19; }    /* ---4/20/20 - changed hover to red from #1ABC9C; ----*/  

.entry-meta li:first-child:before { display: none; }

.entry-meta li ins {
	font-weight: 700;
	text-decoration: none;
}

.entry-c {
	position: relative;
	overflow: hidden;
}




.entry-content { margin-top: 10px; }      /* ---Changed from 30px 5/13/21 --*/       /* ---starts line 7708 in style.css - added here on 5/12/21 ----*/  

.single-post .entry-content { margin-top: 0; }

.posts-md .entry-content,
.posts-sm .entry-content {
	margin-top: 0;      /* ---Changed from 20px 5/13/21 ----*/  
}

.single-post .entry-content .entry-image { max-width: 350px; }

.entry-content { position: relative; }

.entry-link {
	display: block;
	width: 100%;
	background-color: #F5F5F5;
	padding: 30px 0;
	text-align: center;
	color: #444;
	font-family: 'PT Serif', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius: 3px;
}

body:not(.device-touch) .entry-link {
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.entry-link:hover {

	color: #FFF;
	background-color: #0072D8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.entry-link span {
	display: block;
	margin-top: 5px;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.875rem;
	color: #AAA;
}

.entry-link:hover span { color: #EEE; }


/* Individual Post -line 5289   MODIFIED TEXT ALIGNMENT, LINK COLORS
-----------------------------------------------------------------*/


.ipost .entry-title h3,
.ipost .entry-title h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	text-align: center; }  /*-  ADDED -*/

.ipost .entry-title h2 a,
.ipost .entry-title h3 a,
.ipost .entry-title h4 a { color: #0072D8; }     /*-  CHANGED color -*/
	
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover { color: #db1a19; }   	/*-  CHANGED from #1ABC9C -*/


.more-link {
	display: inline-block;
	border-bottom: 1px solid #0072D8;   /*-  CHANGED from #1ABC9C -*/
	padding: 0 2px;
	font-family: 'Crete Round', serif;
	font-style: italic;
}

.underline-link {	   									/*-  ADDED to create class for underlined link -*/
	display: inline-block;
	border-bottom: 1px solid #0072D8;
	padding: 0 2px;
}

.more-link:hover { border-bottom-color: #db1a19; }  		/*-  ADDED to create class for underlined link -*/


/* NEW CLASS BLOG POST WITH PHOTO ON RIGHT (Clone from .spost included in Canvas 5.0 - Not included in Canvas 6) 
-----------------------------------------------------------------*/

.rpost {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #D6D6D6;
}

.rpost:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}


.rpost .entry-image {
	float: right;
	margin: 10px 0 10px 15px;
	text-align: center;
}

.rpost .entry-image,
.rpost .entry-image a,
.rpost .entry-image img,
.rpost .entry-image i {
	width: 120px;
	height: 90px;
}

.rpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}


.rpost .entry-title h4 {
  margin: 10px 0 0 0;
	font-size: 16px;
	font-weight: 600;      /*-  Changed from 600x  5/10/21 -*/
}

.rpost .entry-title h4 a { color: #0072D8; }

.rpost .entry-title h4 a:hover { color: #db1a19; }

.rpost .entry-meta { 
   margin: 8px -10px 0 0;
   line-height: 1.4; 
}   

.rpost .entry-meta li {
	font-size: 15px;
	margin: 0 10px 0 0;
  	line-height: 1.4;
}

.rpost .entry-content { margin-top: 15px; }




/* SPOST    - Not in Canvas 6
-----------------------------------------------------------------*/

.spost {	       /*-  ADDED to recreate this class; not included in Canvas 6.0   5/10/21 -*/
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #D6D6D6;
}

.spost:first-child {	       /*-  ADDED to recreate this class 5/10/21 -*/
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}


.spost .entry-image {	       /*-  ADDED to recreate this class 5/10/21 -*/
	float: left;
	margin: 10px 15px 10px 0;
	text-align: center;
}


.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
	width: 75px;
	height: 75px;
}

.spost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}

.spost .entry-title h4 {
	margin: 10px 0 0 0;       /*-  Changed from 0px  5/10/21 -*/
	font-size: 16px;
	font-weight: 500;      /*-  Changed from 600x  5/10/21 -*/
}

.spost .entry-title h4 a { color: #0072D8; }

.spost .entry-title h4 a:hover { color: #db1a19; }

.spost .entry-meta { margin: 8px -10px 0 0; }

.spost .entry-meta li {
	font-size: 15px;
	margin: 0 10px 0 0;
  	line-height: 1.4;
}

.spost .entry-content { margin-top: 15px; }	       /*-  ADDED to recreate this class 5/10/21 -*/




/* MPOST - Changes based on RPOST (which is based on SPOST) - MED-SIZE PHOTO ON LEFT - Not in Canvas 6
-----------------------------------------------------------------*/

.mpost {
	margin-top: 10px;     /* was 20/25px ---------------*/
	padding-top: 10px;      /* was 20/25px ---------------*/
	border-top: 1px dashed #D6D6D6;       /* was #E5E5E5   ------------*/
}

.mpost:first-child {	       /*-  ADDED to recreate this class 5/12/21 -*/
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}


.mpost .entry-image {	       /*-  ADDED to recreate this class 5/12/21 -*/
	float: left;
	margin: 10px 15px 10px 0;
	text-align: center;
}


.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
	width: 120px;      /* added image size   ------------*/
	height: 90px;
}

.rpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}

.mpost .entry-title h4 {
	margin: 10px 0 0 0;       /*-  Changed from 0px  5/12/21 -*/
	font-size: 16px;      /* was 14px   ------------*/
	font-weight: 500;      /*-  Changed from 600x  5/12/21 -*/
}

.mpost .entry-title h4 a { color: #0072D8; }         /* was #333   ------------*/

.mpost .entry-title h4 a:hover { color: #db1a19; }        /* was #1ABC9C   ------------*/

.mpost .entry-meta { 
   margin: 8px -10px 0 0;     /* added margin 5/13/21  ------------*/
   line-height: 1.4;     /* added line-height   ------------*/
}   

.mpost .entry-meta li {
	font-size: 16px;     /* was 13px   ------------*/
	margin: 0 10px 0 0;
  	line-height: 1.4;     /* added line-height   ------------*/
}

.rpost .entry-content { margin-top: 16px; }     /* added 5/13/21   ------------*/
	

/* LPOST - Changes based on MPOST and SPOST - PHOTO ON LEFT - 1-COL - MADE BIGGER IMAGE - NOT CURRENTLY IN USE - LINE 5355  
-----------------------------------------------------------------*/

.lpost {
	margin-top: 10px;     /* was 20/25px ---------------*/
	padding-top: 10px;      /* was 20/25px ---------------*/
	border-top: 1px dashed #D6D6D6;       /* was #E5E5E5   ------------*/
}

.lpost:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.lpost .entry-image {
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
}

.lpost .entry-image { margin-right: 20px; }

.lpost .entry-image,
.lpost .entry-image a,
.lpost .entry-image img,
.lpost .entry-image i {
	width: 200px;      /* added image size   ------------*/
	height: 200px;
}

.lpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}

.lpost .entry-image a i {
	font-size: 42px;
	line-height: 128px;
}


.lpost .entry-title h4 {
	margin: 0;
	font-size: 17px;      /* was 14px, then 16px   ------------*/
	font-weight: 600;
}

.lpost .entry-title h4 a { color: #0072D8; }         /* was #333   ------------*/

.lpost .entry-title h4 a:hover { color: #db1a19; }        /* was #1ABC9C   ------------*/

.lpost .entry-meta { 
   line-height: 1.4;     /* added line-height   ------------*/
}   

.lpost .entry-meta li {
	font-size: 16px;     /* was 13px   ------------*/
	margin: 0 10px 0 0;
  	line-height: 1.4;     /* added line-height   ------------*/
}

.lpost .entry-meta { margin-top: 5px; }

.lpost .entry-meta li i { margin-right: 2px; }

.lpost .entry-content { margin-top: 15px; }

.post-navigation + .line { margin: 40px 0 50px; }



/* Blog - Grid  Line 7769
-----------------------------------------------------------------*/

.post-grid .entry {
	margin-bottom: 0px;     /* Changed from 30px   ------------*/
}

.post-grid .entry-title h2 {
	font-size: 1.125rem;
	letter-spacing: 0;
	font-weight: 600;
}

.post-grid .entry-link { font-size: 1.5rem; }

.post-grid .entry-link span { font-size: 0.875rem; }
	


/* Heading Block - with Subtitle   MODIFIED
-----------------------------------------------------------------*/

.heading-block { margin-bottom: 50px; }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: none;		/* DELETED: text-transform: uppercase;  */
	letter-spacing: 1px;
	color: #333;
}

.emphasis-title h1,
.emphasis-title h2 {
	font-weight: 600;						/* CHANGED from 700 to 600  */
	letter-spacing: 0;
	text-transform: none;
}

.heading-block h1 { font-size: 62px; }    /* CHANGED 32px to 62px  */

.heading-block h2 { font-size: 30px; 
	color: #0072D8;    /* CHANGED from #333  */
}

.heading-block .before-heading { margin-bottom: 7px; }

.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;						
}

.heading-block h1 + span { font-size: 30px; }   /* CHANGED from 24px  */


.heading-block:after {
	content: '';
	display: block;
	margin-top: 30px;
	width: 40px;
	border-top: 0px solid #444;  /* CHANGED 2px to 0px to eliminate line  */
}


/* Feature Box - Subtitle  7722
-----------------------------------------------------------------*/

.feature-box h3 + .fbox-icon { margin-top: 20px !important; }

.feature-box h3 span.subtitle {
	display: block;
	margin-top: 5px;
	color: #444;
	font-weight: 300;
	text-transform: none;
}


/* ----------------------------------------------------------------
	Divider   LINE 11324   MODIFIED - IMPORTANT:  WHEN DOING CANVAS VERSION 
	
	UPDATE, COPY THIS SECTION TO STYLES.COM - DOESN'T WORK 
	
	FROM CUSTOM.CSS (MAYBE CONFLICT WITH ANOTHER .CSS FILE?) - 



/* ----------------------------------------
	Widgets    Line 11,959  
-------------------------------------------*/

.sidebar-widgets-wrap .widget {
	padding-top: 50px;
	border-top: 1px solid #D6D6D6;       /*-  CHANGED from #EEE to #D6D6D6 - light gray but darker than #EEE -*/
}

.widget {	
	position: relative;
	margin-top: 50px;
	padding-left: 20px;         /*- added to give more white/gray space between main content and sidebar   5/10/21 -*/
	font-size: 17px;
}



.widget p { 
	line-height: 1.7; 
	margin-bottom: 25px;
	font-size: 17px;            /*- was 16px -*/
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Lato', sans-serif;	
}



.widget h3 { 
	line-height: 1.7; 
	margin-bottom: 25px;
	font-size: 24px;            /*- was 16px NOT WORKING-*/
	font-weight: 600;
	letter-spacing: 0px;
	font-family: 'Raleway', sans-serif;	
}


.widget > h3 {
	margin-bottom: 25px;
	font-size: 19px;            /*- was 16px -*/
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 1.8;  
	font-family: 'Raleway', sans-serif;	
}
.widget > h4 {
	margin-bottom: 25px;
	font-size: 15px;            /*- was 15px -*/
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 { letter-spacing: 0px; }

.widget p:not(.lead) { font-size: 19px; }          /*- was 14px -*/



/* ----------------------------------------------------------------
	NEW CLASSES & STYLES - USED IN BDG, PDG, SEG  ---------------------------------------*/



/* --------------------------------
	BACKGROUND COLORS   ---------*/



/*   INSIDER TIP--  2/21/22  REDUCED LEFT MARGIN from 15px to -1rem and RIGHT MARGIN from 15px to -.5rem for better display on Mobile  NOTE:  This aligns with content on left, and creates a narrower right margin. Tried many different options - this seemed best on desktop and mobile. Not perfect on either, but good enough, and other options were worse.



/*   3/1/24 - Changed background-color from #DEEEFE to the lighter shade of #EBF4FF */
	

/*   1/14/25 - More changes to colors for classes below */ 


.insider-tip {
	display: block;
	width: 100%;
	background-color: #EBF4FF ;
	padding: 20px 15px 10px 15px;
	margin-top: -10px;	
	margin-bottom: 10px;
	margin-left: -1rem;
	margin-right: -1rem;
} 



/* -HELPFUL  7/4/24 ----*/

/* Helpful is a clone of Insider-Tip.  The only difference is the background color, #FEE8DC.*/




	
.helpful {
	display: block;
	width: 100%;
	background-color: #FEE8DC ;
	padding: 20px 15px 10px 15px;
	margin-top: -10px;	
	margin-bottom: 10px;
	margin-left: -1rem;
	margin-right: -1rem;
} 



/* -PERSONAL  7/4/24 ----*/

/* Personal is a clone of Insider-Tip.  The only difference is the background color, #EFDCFE.*/




	
.personal {
	display: block;
	width: 100%;
	background-color: #FEE8DC ;
	padding: 20px 15px 10px 15px;
	margin-top: -10px;	
	margin-bottom: 10px;
	margin-left: -1rem;
	margin-right: -1rem;
} 



/* -OFFER  1/22/24 ----*/

/* Offer is a clone of Insider-Tip.  The only difference is the background color.*/

/*   3/1/24 - Changed background-color from #FFE4A5 to the lighter shade of #FFE7B1 */
	
.offer {
	display: block;
	width: 100%;
	border-radius: 25px;
	background-color: #FFE7B1;
	padding: 20px 15px 10px 15px;
	margin-top: -10px;	
	margin-bottom: 10px;
	margin-left: -1rem;
	margin-right: -1rem;
} 




	
/*   CONTENTS--*/	
	


/*   IMAGES & CAPTIONS  -----------------------*/

.image {     /*-  based on '.slide bottommargin-sm' in Canvas -*/

	position: relative;
	display: block;
	height: auto;
	margin: 0 0 1em 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.image-fit {  

	width: 100%;
}


.image-center {
	margin-left: auto;
	margin-right: auto;
}

.align-left
	{
		float: left;
		margin-right: 2em;
	}
	
.align-right
	{
		float: right;
		margin-left: 2em;
	}	

.caption {
	display: block;
	margin: 10px 0 10px;
	font-size: 16px;  /* changed font-size from 15px to 16px to align with other font-size changes  */
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-weight: 400;
	color: #444;
	text-align: center;
}

.script {
	display: block;
	margin: 0;
	font-size: 20px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-weight: 500;
	color: #444;
	text-align: left;
	margin-top: -10px; /* 7-26-24 - Changed margin-top from 10px to -10px to reduce a too-large space between script text and previous text  */
	margin-bottom: 15px;	
}

.photocredit {
	display: block;
	margin: 0;
	font-size: 16px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-weight: 400;
	color: #444;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;	
}

.affiliate {
	display: block;
	margin: 0;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: #444;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;	
}

.disclosure {
	display: block;
	margin: 0;
	font-size: 15px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-weight: 400;
	color: #444;
	text-align: left;
	margin-top: -20px;
	margin-bottom: 20px; 
}


@media (max-width: 1200px) {
	.display-1 {
		font-size: calc( 1.725rem + 5.7vw );
	}
	.display-2 {
		font-size: calc( 1.675rem + 5.1vw );
	}
	.display-3 {
		font-size: calc( 1.575rem + 3.9vw );
	}
	.display-4 {
		font-size: calc( 1.475rem + 2.7vw );
	}
}


/*   LIST STYLING  -----------------------*/
			
	
ul.list-with-bullets
	{
		list-style-type: square;
		list-style-position: outside;
	}

		ul.list-with-bullets li
		{
			padding: .1em 0 .3em 0;
			margin: 0.2em 0 .2em 1em;
			font-size: 19px;   /*changed from 17 to 18 8/25/23, and from 18 to 19 on 3/17/24 to be the same as the regular font size  */ 
		}
		
		ul.list-with-bullets li a
		{
			text-decoration: none;
			color: #0072D8;
		}
		
		ul.list-with-bullets li a:hover
		{
			color: #db1a19;
		}
		
		ul.list-with-bullets li:after
		{
			content: '';
			display: block;
			clear: both;
			text-decoration: none;
		}
		
		ul.list-with-bullets li:first-child
		{
			padding-top: 0em;
			border-top: 0;
		}				
	
	
ol.list-numbers
	{
		
		list-style-position: outside;
	}

		ol.list-numbers li
		{
			padding: .1em 0 .3em 0em;
			margin: 0.2em 0 .2em 1.4em;
			font-size: 17px;
		}
		
		ol.list-numbers li a
		{
			text-decoration: none;
			color: #0072D8;
		}
		
		ol.list-numbers li a:hover
		{
			color: #db1a19;
		}
		
		ol.list-numbers li:after
		{
			content: '';
			display: block;
			clear: both;
			text-decoration: none;
		}
		
		ol.list-numbers li:first-child
		{
			padding-top: 0em;
			border-top: 0;
		}				



/* HR - HORIZONTAL LINE       
-----------------------------------------------------------------*/

hr
		{
	border: 0;
	display: block;
	noshade: solid;
	width: 80%;
	height: 2px;
	color: darkslategrey;
	background-color: darkslategray;	
	margin: 0 auto 2rem auto;
		}


/* YELLOW STAR ICONS       ADDED - BUT COLOR SHOWS AS BLUE WHEN LIVE - NEEDS TO BE FIXED
-----------------------------------------------------------------*/

.yellow-star
	{
		font-size: 1.1em;
		color: #F9DA00;    
		margin: 0 auto 5px;
	}


/* TABLE OF CONTENTS   NOT WORKING----------------------------------*/

#toc_container {
    background: #D9D9D9 none repeat scroll 0 0;
    border: 0px solid #aaa;
    display: table;
    font-size: 110%;
    margin-bottom: 1em;
    padding: 20px;
    width: auto;
}

.toc_title {
    font-weight: 700;
    text-align: center;
}

#toc_container li, #toc_container ul, #toc_container ul li{
    list-style: outside none none !important;
}


/* SIDEBAR - BACKGROUND COLOR FOR RIGHT COLUMN ----------------------------------*/
/* 10-15-23 - Changed background color back to light gray (#f1F3F3) from almost white (#E4E4E4) --*/

.right-col-gray-background {
	background-color: #F9F5F2;   /* 1/14/25 - changed from #F9F9F9 to a warmer tone */
	padding: 20px;
} 


/* ----------------------------------------------------------------
	DARK.CSS   Line 1023   MODIFIED
-----------------------------------------------------------------*/

#footer.dark,
.dark #footer {
	background-color: #333;
	color: #FFF;
	border-top-color: rgba(0,0,0,0.2);
}


.dark #copyrights {
	background-color: rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.9);    /* CHANGED opacity of Copyright notice from 0.25 to 0.9 for better visibility  */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}


.dark .top-links-sub-menu,
.dark .top-links-section {
	background: #333;
	border-color: #444;
	border-top-color: #0072D8;
}

@media (min-width: 992px) {

.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
	color: #0072D8;
}

@media (min-width: 992px) {

	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		background-color: #333;
		border-color: rgba(255,255,255,0.05);
		border-top-color: #0072D8;
	}

	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
		background-color: rgba(0,0,0,0.1);
		color: #0072D8;
	}	

	.dark .primary-menu:not(.not-dark) .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
		background-color: transparent;
		color: #0072D8;
	}

	.dark .style-3 .menu-container > .menu-item.current > .menu-link {
		color: #FFF;
		background-color: #0072D8;
	}



/* ----------------------------------------------------------------
	HEADER.CSS       URL Change  NOT USED - CAN PROBABLY BE REMOVED (BUT SHOULD TEST)
-----------------------------------------------------------------*/

/*  Line 304  -*/

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("/image-files/submenu.png");    /*-  CHANGED url -*/
	background-position: right center;
	background-repeat: no-repeat;
}


/* Primary Menu - Sub Title  Line 543   MODIFIED
-----------------------------------------------------------------*/

#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
	background: url("image-files/menu-divider.png") no-repeat right center;  /*-  CHANGED url -*/
	margin-left: 1px;
}



/* ----------------------------------------------------------------
	blog.css        NOT USED - CAN PROBABLY BE REMOVED (BUT SHOULD TEST)
-----------------------------------------------------------------*/



.entry-title a { color: #0072D8; }

.entry-title a:hover { color: #db1a19; }

.entry-title h3 {          /*-  ADDED new .entry-title h3 class, changed colors for a, a:hover -*/
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
}



/* Bootstrap     Line 4597----------------------------------*/


.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  font-size: 16px;      /*-- ADDED   --*/
}

.breadcrumb a { color: #0072D8; }     /*-- ADDED   --*/


.breadcrumb a:hover { color: #db1a19; }      /*-- ADDED   --*/




/* Added 6/26/20 - Code from MT - defines Top Photo H2 heading attributes and behavior using  
@media to not display subheading for medium & smaller devices; also reduces breadcrumb font size
for medium & smaller devices: */


/* Default is extra small devices (portrait phones, less than 576px) */

/* No media query since this is the default in Bootstrap */

/* SWIPER SLIDER HEADER - Line 2942 */

#slider h2 {

              font-size: 32px;
              color: #FFF;
              text-shadow: .5px 10px 10px rgba(0,0,0,0.1), 0 4px 4px rgba(0.5,0.5,0.5,0.5);
}

#slider span.slider-sub-heading {

              font-size: 14px;
              color: #FFF;
              text-shadow: 1px 20px 20px rgba(0,0,0,0.1), 4px 8px 8px rgba(0.5,0.5,0.5,0.5);
              margin-top: 0;
}

.breadcrumb-item {

              font-size:14px;
}
/* CHANGED 4-27-23 from 13px to 14px for better user experience */	
	

/* RESIZE TEXT IN SLIDER .....  Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

   #slider h2 {
      font-size: 42px;
              }

   #slider span.slider-sub-heading {
      font-size: 24px;
              }
}

 

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    #slider h2 {
      font-size: 52px;
              }

    #slider span.slider-sub-heading {
       font-size: 34px;
              }

     .breadcrumb-item {
        font-size:16px;
              }
}

 

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
	
   #slider h2 {
       font-size: 62px;
              }

   #slider span {
       margin-top: 10px;
       font-size: 44px;
	   font-weight: bold;
              }
}

 

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
   #slider h2 {
       font-size: 64px;
	   font-weight: bold;
              }

   #slider span {
       font-size: 54px;
              }
}

/* 5-23-21 - removed Bootstrap fix to remove padding in very small (<575px) screen devises as BS now appears to do this */