/* Basic color scheme - 2022

.dtt-blue {
	color: #1553BF;}
.dtt-blue-dark {
	color: #2A4066;}
.dtt-orange {
	color: #f5b536;
}
.dtt-orange-back {
	color: #ffffff;
	background-color: #f5b536;
}
.dtt-wash-blue {
	background-color: #e8f0fc;}

*==============================CSS styles start here =================================================
/* set body background color and font */
body {
}

/* footer styles */
.dtt-footer {
	color: #303030;
	font-size:small;
}
.dtt-footer a {
	color:darkgray;
}

/* text colors */
.dtt-blue {
	color: #1553BF;}
.dtt-blue-dark {
	color: #2A4066;}
.dtt-orange {
	color: #f5b536;
}
.dtt-footer {
	color: #303030;
	font-size:small;
}

/* washes -legacy
.dtt-wash-blue-90 {
	background-color: #d6d6f5;
}
.dtt-wash-blue-95 {
	background-color: #e8e6ff;
}
.dtt-wash-gold-90 {
	background-color: #fff7cc;
}
.dtt-wash-gold-95 {
	background-color: #fffbe6;
}
.dtt-wash-footer {
	background-color: #d6d6f5;
}
.dtt-wash-draft {
	background-color: lightsteelblue;
}
*/
/* washes */
.dtt-orange-back {
	color: #ffffff;
	background-color: #f5b536;
}
.dtt-wash-blue {
	background-color: #e8f0fc;}


/*  borders */
.dtt-border-blue {
	border: 1px #0e00ab solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-blue-90 {
	border: 1px #d0ccff solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-blue-80 {
	border: 1px #a299ff solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-blue-70 {
	border: 1px #7366ff solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-rounded {
	border-radius: 5px 5px 5px 5px;
}
/* list styles */
.dtt-tour-list {
	list-style-type: square;
	margin-bottom:0;
}
.dtt-tour-list li {
	margin-top: 0;
}
/* tour table */
.dtt-tour-table td {
	text-align: center;
}
/* ==== card styling on individual tours pages ==== */

.dtt-tour-about {
/*
	border-radius: 5px;
	border-color: #D3D3D3; 
	border-width: 1px; 
	border-style: solid solid solid solid
*/
}

/* misc styling */
.dtt-card-top {
	margin-top: 1.00em;
}
/* social icons on navbar */
.social-icon {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    border-radius: 7px;
    margin-right: 11px;
    cursor: pointer;
}

.social-facebook {
    background-color: #3b5999;
}
.social-email {
    background-color: #1553BF;
}
.social-phone {
    background-color: orange;
}
.social-icon i {
    transition: 0.4s all;
}

.social-icon:hover i {
    transform: scale(1.1);
}

/* fix to make tour cards equal height when side-by-side - may be redundant */
@media screen and (min-width: 768px) {
  .dtt-card-text {
	min-height: 6.0em;
	}
@media screen and (min-width: 576px) {
  .dtt-card-text {
	min-height: 8.0em;
	}
}

.dtt-map {
	width: 90%;
	height: 90%;
}

/* horizontal 'soft' line "dtt blue" rgba(0, 0, 215, 1) */
hr.soften-blue {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 215, 0.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 215, 0.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 215, 0.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 215, 0.8), rgba(0,0,0,0));
  border: 0;
}

/* slider pro customizations - blue */
.sp-button {
	border: 2px solid #0e00ab;
}

.sp-selected-button {
	background-color: #0e00ab;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 6.00em;;
    right: 1.00em;
    display:none;
}

/* === Legacy Back to top styling === 
.back-to-top {
	position: fixed;
	bottom: 9.00em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: #5CF5ED;
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index:1000;
}
.back-to-top a:link, .back-to-top a:visited, .back-to-top a:hover, .back-to-top a:active, { 
	text-decoration:none;
}
.back-to-top:hover {
	text-decoration:none;
	background-color: #2EA8A2;
	color: #ffffff;
}
*/

/* customized navbar 
.dtt-navbar {
	background-color: #d6d6f5;
}
.dtt-navbar .navbar-nav .nav-link {
	color: #000000;
}
.dtt-navbar .navbar-nav .nav-link:focus, .dtt-navbar .navbar-nav .nav-link:hover {
	color: #ffffff;
	background-color: #0e00ab;
}
*/

/* Datepicker - custom styling - needs to go inline if used
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	    color: #0e00ab;
	    background: #d6d6f5;
	}
	
	.ui-state-disabled .ui-state-default {
	    color: black;
	    background: white;
}
*/