@charset "utf-8";
/* Tour inclusion lists and icons
*/
/* COLOURS & ICONS */
/* See separate css file for each package class theme. */
/* TOUR INCLUSIONS LAYOUT */
/* Create two equal columns that float next to each other */
.incl-column {
float: left;
width: 50%;
padding: 0 10px;
height: auto;
}
.column-100 {
float: none !important;
width: 100% !important;
}
/* Remove padding from top of first inclusion flex row. */
.incl-column div.flex-row:first-child {
padding-top: 0 !important;
}
/* Clear floats after the columns */
.incl-row:after {
content: "";
display: table;
clear: both;
}
* {
box-sizing: border-box;
}
/* INCLUSION HEADERS & CONTENT */
/* In use? */
.package-descr {margin: 0 0 20px 50px;}
/* Inclusion groups */
.incl-box {
margin-top: 20px;
background-color: #F4F4F4;
border-radius: 8px;
padding: 20px 20px 40px 20px;
}
/* Headers (titles) */
.incl-row h2 {font-size: 30px !important;}
.incl-row h3 {font-size: 22px !important;}
/* Paragraphs */
.incl-column p {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
/*margin-top: 5px;*/
}
.incl-title, .incl-header {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #000;
margin: 0;
}
.incl-med-font {font-weight: 600 !important;}
/* Standard padding is for component/inclusion icon */
.incl-content {padding-left: 50px;}
.incl-content.highlight {padding-left: 58px !important;}
.incl-content p {margin: 0;}
.incl-content.medium-padding {padding-left: 40px;}
.incl-content.small-padding {padding-left: 10px;}
/* Inclusion definition (div) */
.incl-definition {
padding-top: 6px;
font-style: italic;
color: #555;
font-size: 95% !important;
}
/* Inclusion image */
.incl-content-img {
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 8px;
padding: 6px;
width: 150px;
display: inline-block;
line-height: 0 !important;
}
.incl-content-img img {
width: 100%;
border-radius: 6px;
}
.incl-image-shadow {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.incl-content-img-plain {
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.incl-content-img-plain img {
border-radius: 0 !important;
}
/* FEATURED TRIP HIGHLIGHTS */
/* Table cell */
.trip-highlight-img {width:100px}
.trip-highlight-img img {
height: 100px;
width: 100px;
overflow: hidden;
margin: 0 auto;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.trip-highlight {
padding: 0 0 0 10px;
line-height: 1.3;
color: #333;
}
@media only screen and (min-width: 0px) and (max-width: 679px) {
.incl-content, .incl-content.highlight {padding-left: 0 !important;}
.incl-title {margin-top: 5px;}
.incl-column {float:none !important; width: 100%;}
.trip-highlight-img {
width: auto !important;
text-align: center;
}
.trip-highlight-img img {margin-bottom: 5px !important;}
.trip-highlight {text-align: center !important;}
}
/* INCLUSION GROUPS & LISTS */
.inclusion-group-header {
margin-left: 0 !important; /* Or 10px */
line-height: 1.2 !important;
}
/* Applied to list items. Retain for email content. */
.incl-group-list {
list-style-type: none;
/*list-style-position: inside;*/
padding: 0;
margin: 0;
}
.incl-group-list li {
/*margin: 10px 0 5px 0;?*/
padding: 4px 0 14px 32px;
line-height: 1.2 !important;
}
/* For emails "tour_package_email_content.php" */
.email li {
display: inline-block; /* Allows centering */
}
.email span::before {
content: "\A";
white-space: pre;
}