/*

STYLES INCLUDED FOR THE "PREVIEW" TAB PAGE IN TRAVEL PLANNER APPLICATION

*/

/*  ---------- ADDED FONTS HERE FOR PREVIEW.CSS TO USE 2024 FONTS   ---------- */

@font-face {
    font-family: "Brother Bold";
    src: url("/assets/fonts/Brother1816-Bold.otf") format("opentype");
    src: url("/assets/fonts/Brother1816-Bold.woff") format("woff");
}
@font-face {
    font-family: "Brother Bold Italic";
    src: url("/assets/fonts/Brother1816-Bold-Italic.otf") format("opentype");
    src: url("/assets/fonts/Brother1816-Bold-Italic.woff") format("woff");
}

@font-face {
    font-family: "Brother Book";
    src: url("/assets/fonts/Brother1816-Book.otf") format("opentype");
    src: url("/assets/fonts/Brother1816-Book.woff") format("woff");
}
@font-face {
    font-family: "Brother Book Italic";
    src: url("/assets/fonts/Brother1816-Book-Italic.otf") format("opentype");
    src: url("/assets/fonts/Brother1816-Book-Italic.woff") format("woff");
}

@font-face {
    font-family: "Brother Medium";
    src: url("/assets/fonts/Brother1816-Medium.otf") format("opentype");
    src: url("/assets/fonts/Brother1816-Medium.woff") format("woff");
}
@font-face {
    font-family: "Brother Medium Italic";
    src: url("/assets/fonts/Brother1816-Medium-Italic.otf") format("opentype");
    src: url("/assets/fonts/Brother1816-Medium-Italic.woff") format("woff");
}
 

/* --------- SET DEFAULT FONTS FOR 2024 --------- */

body {
   font-family: "Brother Book", "Brother Book Italic", "Brother Bold" ,"Brother Bold Italic",  "Brother Medium","Brother Medium Italic" , sans-serif;
}
body p {
    font-family: "Brother Book";
	font-size: 10pt;
	line-height: 14pt; 
}
body em {
    font-family: "Brother Book Italic";
	font-size: 10pt;
	line-height: 14pt; 
}
body strong {
    font-family: "Brother Bold";
	font-size: 10pt;
	line-height: 14pt; 
}


/* ---------- STYLES --------- */

.travel-planner-preview {
	/*  COMPONENT BUTTONS ON Preview TAB:      Add & Delete Icon Coolor */
    font-family: "Brother Book", "Brother Book Italic", "Brother Bold" ,"Brother Bold Italic",  "Brother Medium","Brother Medium Italic" , sans-serif;
     color: #222222; /* darkest gray black black */
}


/* ---------- COVER STYLES > START ---------- */
.travel-planner-preview .cover {
  background: #464A48; 
  text-align:center;
}
.travel-planner-preview .cover.title {
    font-family: "Brother Bold", "Brother Book", "Brother Medium", sans-serif;
    font-size: 27px; 
    color: #000000; /* black */
}

.travel-planner-preview .cover .supertitle {
    font-family: "Brother Bold", "Brother Book", "Brother Medium", sans-serif;
    font-size: 20px;    
    color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */  /* color: #258FCF; light blue */
}

.travel-planner-preview .cover.subtitle {
    font-family: "Brother Bold", "Brother Book", "Brother Medium", sans-serif;
    font-size: 1.250em; /*20px*/   
    color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */
}
.travel-planner-preview .cover .content {

}
/* ---------- COVER STYLES > END ---------- */



/* ---------- PREVIEW TAB of TRAVEL PLANNER ---------- */

/*TOC STYLES*/
.travel-planner-preview .table-of-contents {
    font-family: "Brother Bold", "Brother Book", "Brother Medium", sans-serif;
    font-size: 1em; 
    background-color: #FFFFFF; /* white background */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: .5em;
    margin-bottom: 10px;
    color: #222222; /* darkest gray black black text */
}
.travel-planner-preview .table-of-contents h3 {
 	color: #002D55; /* navy blue */		 
    font-size: 1.75em; 
}
.travel-planner-preview .table-of-contents a {
    display: block;
    color: #222222; /* darkest gray black black */
    padding: 5px 0 5px 0;
    font-size: 1.125em;
    text-decoration: none;
}

.travel-planner-preview .toc-page-trip-subtitle {
    font-family: "Brother Bold";
    font-size: 15pt;
    display: inline;
    color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */
}

/*//END OF TOC STYLES*/


/*ITINERARY STYLES*/
.travel-planner-preview .itinerary h1 {
    font-family: "Brother Bold", "Brother Book", "Brother Medium", sans-serif;
    font-size: 1.75em;
    color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */
}

.travel-planner-preview .itinerary .content {
    color: #222222; /* darkest gray black black */
    font-size:1em; /*16px*/
}

/*//END OF ITINERARY STYLES*/


.travel-planner-preview .orange {
    color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */
}

.travel-planner-preview .green {
    color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */
}
.travel-planner-preview .blue {
    color: #365f91; /* dark gray blue */
}
.travel-planner-preview .black {
  color: #222222; /* darkest gray black black */
}
.travel-planner-preview .white {   
    color: #002D55; /* navy blue */ 	/*  color: #00BCE7;  bright blue */
}

.travel-planner-preview span.four-pointed-star {
  color: rgb(247,150,70);
}

.travelplanner-preview img {
    max-width: 100%;
}

/*  ---------- PRODUCTION STYLES NEEDED FOR PREVIEW.CSS 6/5/2024 > START ---------- */

.preview-icon {
    color: #787878;
    border: 1px solid gray;
    background: #fff;
    padding: 2px 4px;
    border-radius: 2px;
}

.preview-popover {
    display: flex;
    align-items: flex-start;
}

.preview-icon.fa-trash {
    margin-right: 3px;
}

.preview-button {
    margin-left: 5px;
    height: 34px;
}

.block-row.outline {
    margin-bottom: 10px;
}

.block-row::after {
    content: "";
    display: table;
    clear: both;
}

.block-content {
    float: left;
    width: 80%;
}

.checkbox-block {
    min-height: 21px;
}

.block-actions {
    float: right;
}

.block-actions::after {
    content: "";
    display: table;
    clear: both;
}
.note-icon,
.other-icons {
    float: left;
}

.note-icon {
    margin-right: 6px;
}

.other-icons {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*  ---------- PRODUCTION STYLES NEEDED FOR PREVIEW.CSS 6/5/2024 > END ---------- */


/* ---------- CUSTOM TITLE ---------- */
/* Newest Addition:  custom-title styles */
.travelplanner-preview .custom-title {
    font-family: "Brother Bold";
    font-size: 16pt;
    text-transform: uppercase;  
    position: absolute;
    text-align: left;
    padding: 0 0.5in 0in 0.25in;
	color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */ 
} 


/* ---------- 2024 STYLES FOR PREVIEW SCREEN IN APP > START ---------- */
[data-element-container].pgi-page { 
  background-color: #002D55; /* navy blue */
  background-position: center 0;
  background-repeat: no-repeat;  
  border-left: solid #002D55 1in; /* navy blue solid line */	
  background-position: center 0;
  background-size: 4.5in;
  background-repeat: no-repeat; 
}

[data-element-image].pgi-page-guestimonials {
/*  Hide old guetimonials image also from the preview page   */
  display: none !important;
}

[data-subelements].pgi-page-guestimonials {
  vertical
  background-color: #DEF2FA; /* pale blue */
}

[data-subelements].pgi-page-lower-left [data-element-title] {
  padding-top: 0.25in; 
  text-transform: none;
  font-size: 10pt;
  font-weight: bold;
  color: white;
  text-align: center;	
  background-color: #002D55; /* navy blue */	
}

[data-subelements].pgi-page-lower-left  { 
	font-size: 10pt;
	line-height: 14pt;
	color: white;
	text-align: center;	
	background-color: #002D55; /* navy blue */	
}

[data-subelements].pgi-page-lower-left p { 
	font-family: "Brother Book","Brother Medium";
	font-size: 10pt;
	line-height: 14pt;
	color: white;
	text-align: center;	
	background-color: #002D55; /* navy blue */	
}

[data-subelements].pgi-page-lower-left a {
	font-size: 10pt;
	line-height: 14pt;
	color: white;
	text-decoration: underline;
}

[data-element-image].backroads-logo {
  width: 2.6in;
}

[data-element-content].toc-page-backroads.backroads-logo a {
  color: white;
}

[data-element-title].pgi-page-h1 {
	font-family: "Brother Book";
	font-size: 10pt;
	line-height: 14pt;
	text-transform: none;
	color: #1C2227; /* darkest gray black  */
} 

[data-element-content].pgi-page-h1 p {
	font-family: "Brother Book";
	font-size: 10pt;
	line-height: 14pt;
	text-transform: none;
	color: #1C2227; /* darkest gray black  */
}

[data-element-content].pgi-page-h1 a {
	font-family: "Brother Book";
  color: inherit;
  text-decoration: underline;
}

[data-element-content].pgi-page-h1.disclaimer p {
    font-family: "Brother Book";
	font-size: 8pt;
	line-height: 14pt;
    color: #999999; /* dark gray */    /*color: #002D55; /* navy blue */		/*  color: #00BCE7;  bright blue */
}  

[data-element-content].textbox.title-image.left {
  font-family: "Brother Book";   
  font-weight: normal;
}


/* ---------- 2024 STYLES FOR PREVIEW SCREEN IN APP > END ---------- */