﻿/* Basic color scheme - 2022

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

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

/* text colors */
.dtt-blue {
	color: #1553BF;}
.dtt-blue-dark {
	color: #2A4066;}
/* legacy orange
.dtt-orange {
	color: #f5b536;}
*/
.dtt-orange {
	color: #f5b536;}
.dtt-blue-90 {
	color: #d1e0fa;}

/* washes */
.dtt-wash-blue {
	background-color: #e8f0fc;}
.dtt-wash-orange {
	background-color: #fef6e7;}

.dtt-orange-back {
	color: #ffffff;
	background-color: #f5b536;}

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

/*  borders TBC */
.dtt-border-blue {
	border: 1px #1553bf solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-blue-90 {
	border: 1px #d1e0fa solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-blue-80 {
	border: 1px #a3c1f5 solid;
	border-radius: 5px 5px 5px 5px;
}
.dtt-border-blue-70 {
	border: 1px #75a2f0 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-left: 1.50em;
	margin-bottom: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.5);
}

/* 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(21, 83, 191, 1) 
hr.soften-blue {
  height: 1px;
  background-image: linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  border: 0;
}
*/
/*
.soften-blue {
  height: 1px;
  background-image: linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(21, 83, 191, 0.8), rgba(0,0,0,0));
  border: 0;
}
*/
/* slider pro customizations - blue */
.sp-button {
	border: 2px solid #1553BF;
}

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


