/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.rub {font-family: 'rubikmedium';}
	.rub-l {font-family: 'rubiklight';}
	.chap {font-family: 'chaparral_proregular';}
	.chap-b {font-family: 'chaparral_probold';}
	.chap-i {font-family: 'chaparral_proitalic';}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0; padding:0; min-height: 100%;}
	body {color: #1b1b1b; font-family: 'chaparral_proregular'; /*background-image: linear-gradient(to right bottom, #92c8ea, #8dc3ea, #89bdea, #86b7ea, #85b1e9, #93b5eb, #a0b8ec, #acbced, #c5cbf1, #dadcf5, #eeedfa, #ffffff);*/ background-image: linear-gradient(to right top, #EAEAEA, #e7e7e7, #ffffff);}
	
	a {color: #FFFFFF; font-weight: bold; text-decoration:none;}
	a:hover {color: #f0d826; text-decoration:none;}

    p {margin-bottom:1.2rem;}
    ul, ol {margin-bottom:0.75rem;}

	.shdw {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}

	hr.divider {width:100%; height:1px; border:0; border-bottom:1px dashed #CCCCCC; margin:30px 0px;}

/* ==========================================================================
   Typography
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 {color: #2E3192; font-family: 'rubikmedium';}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'rubiklight'; font-size: .75em;}

	.text-justify {text-align: justify;}
	
/* ==========================================================================
   Buttons
   ========================================================================== */
	
	.scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #000000;
		z-index: 1000;
		transition: opacity .5s, background-color .5s;
		-moz-transition: opacity .5s, background-color .5s;
		-webkit-transition: opacity .5s, background-color .5s;
	}
	
	.scrollup:hover {
		background: #000000;
		opacity: 1;
	}
	
	.scrollup i {
		font-size: 13px;
		position: absolute;
		opacity: 1;
		color: #fff;
		left: 50%;
		top: 50%;
		margin-top: -7px;
		margin-left: -6px;
		text-decoration: none;
	}

	.btn {display:flex; justify-content:center; align-items:center; font-family: 'rubikmedium'; transition: all 0.5s;}
	.btn-primary {background-color: #0033a1!important; border-color:#292c83;}
	.btn-primary:hover, .btn-primary.active {background-color: #EC1E26!important; border-color:#d41b22;}
 
/* ==========================================================================
   Colors
   ========================================================================== */

	.bg-primary {background-color: #0033a1!important;}
	.bg-danger {background-color: #EC1E26!important;}
	.text-primary {color: #0033a1!important;}
	.text-danger {color: #EC1E26!important;}

/* ==========================================================================
   Sectional Styles
   ========================================================================== */
   #logo {/*height:11.25rem;*/ height:5rem; width:auto; margin-right:2rem; @media (max-width: 768px) {height:11.875rem; margin:0 auto 2rem;}}

   #tours a.card, #tours a.card .card-footer { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
   #tours a.card {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; color:#00A1A7; font-size:.825rem;}
   #tours a.card:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; color:#00A7E7;}
   #tours .card .card-footer {text-transform:uppercase; font-size:1rem;}
   #tours a.card .card-footer {background-color:#0033a1; color:#FFFFFF;}
   #tours a.card:hover .card-footer {background-color:#00A7E7;}