@charset "utf-8";
/* CSS Document */
:root {
	--anchor: #ccc;
	--anchorH: #fff;
	--sectionVPadding: 80px;
	--primaryColor: #0345bf;
	--primaryHover: #044cd0;
	--secondaryColor: #3366cc;
	--secondaryHover: #6699cc;

  	--hlogo-minHeight: 40px; /*60*/
	--hlogo-maxHeight: 50px; /* 100 */
	--header-minPadding: 10px;
	--header-maxPadding: 20px;
	--header-minHeight: calc(var(--hlogo-minHeight) + (var(--header-minPadding) * 2));
	--header-maxHeight: calc(var(--hlogo-maxHeight) + (var(--header-maxPadding) * 2));

	--blue: #0345BF;
	--dkBlue: #0066cc;
	--Green: #007700;
	--dkGreen: #005100;
}


/* top bar */
	#sp-top-bar .fab, #sp-top-bar .fas, #sp-top-bar .far, #sp-top-bar a {
		font-size: 24px;
		color: var(--secondaryColor);
		margin-top: 2px;
		padding: 7px 0;
	}
	#sp-top-bar ul.sp-contact-info li span.fas,
	#sp-top-bar ul.sp-contact-info li span.far {
		color:var(--anchor); margin-left:10px;}
	#sp-top-bar ul.sp-contact-info li span.fas:hover {color:var(--anchorH);}
	#sp-top-bar ul.sp-contact-info li a {font-family: "Arial Narrow", sans-serif, "Helvetica Neue", "Lucida Grande", Arial;}
/* header */
	#sp-header {
		background-color: white;
		border-bottom: 2px solid red;
		box-shadow: 0 0 15px rgba(0,0,0,.7);
	}
#preheader {background-color:white; padding:25px 0;}
#preheader #logo img.logo-image { width:100% !important; height:auto !important;}
#preheader #logo .logoCaption {
	display:block;
	text-align:center;
	font-size:1.3em;
	font-weight:normal !important;
	font-style:italic;
	margin:0 auto 20px;}

#preheader .banner {display:block; width:100%;}
.time-inner {
	font-size: 1.2em;
	font-weight: 600;
}
  /* carousel */
	.carousel-item {
		position: relative;
		display: none;
		float: left;
		width: 100%;
		margin-right: -100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform .6s ease-in-out !important;
		opacity: 0;
	}
	.carousel-item-next, .carousel-item-prev, .carousel-item.active {
		display: block;
		opacity: 1;
	}
	.carousel-caption {
	  font-size: 3em;
	  color: white;
	  text-shadow: 2px 2px black;
	}

/* menu stretch */
#sp-menu .main-menu-wrapper {
    width: 100%;
	text-align:center;
}

#sp-menu .sp-megamenu-parent {
    display: flex;
    justify-self: space-between;
    width: 100%;
}

#sp-menu .sp-megamenu-parent > li {
    flex-grow: 1;
    text-align: center;
}
	/* header animation */
/*		#sp-header {
			height: 110px;
			padding: 20px 0;
			transition: all .75s ease;
		}
		#sp-header.header-sticky {
			height: 70px;
			padding: 10px 0;
		}

		#sp-header #sp-logo, #sp-header .logo {height:auto !important; margin:0; padding:0; line-height:0 !important;}
		.logo-image {
		  height: 70px;
		  margin-bottom: 0;
		  transition: all .75s ease;
		}
		#sp-header.header-sticky .logo-image {
		  height: 40px;
		}*/
	.social-icons li a span {
		color: var(--secondaryColor) !important;
		font-size: 1.4em;
	}
	.social-icons li a span:hover, #sp-top-bar a:hover {
		color: white !important;
	}

	/* header animation */
		#sp-header, #sp-header .logo, #sp-header .logo-image, .sp-megamenu-parent > li > a {transition:all .75s ease-out;}
	  /*container */
		#sp-header, #sp-header .logo {height: auto;}
		#sp-header.header-sticky, #sp-header.header-sticky .logo {height: auto; padding:10px;} 
		#offcanvas-toggler {transition:all .75s ease-out;}
	  /* logo */
/*		#sp-header .logo-image {height: 60% !important; padding-left:5px;}
		.logo-image-phone {height: var(--hlogo-maxHeight) !important;}*/
		#sp-header.header-sticky .logo-image-phone {height: var(--hlogo-minHeight) !important;}
		#sp-header.header-sticky .logo-image {height: var(--hlogo-minHeight) !important;}

.logo-image-phone {
	height: auto !important;
	width: 80%;
	display: block !important;
	margin: 0 auto 5px;
}
	  /* offcanvas toggler */
		.header-sticky  #offcanvas-toggler {height: var(--header-minHeight); line-height: var(--header-minHeight);}
	  /* menu items */
		.sp-megamenu-parent > li > a {
			font-family: 'Arial Narrow', sans-serif !important;
			line-height: var(--header-maxHeight);}
		.header-sticky .sp-megamenu-parent > li > a {line-height:var(--header-minHeight);}
		#sp-header.header-sticky.hide {
			top: -100px;
		}	  
	  
/* menu */
	#sp-header .sp-megamenu-parent > li > a,
	#sp-header .sp-megamenu-parent > li > span,
	.offcanvas-menu .offcanvas-inner ul.menu > li a,
	.offcanvas-menu .offcanvas-inner ul.menu > li span {
		font-family: 'Arial Narrow', sans-serif !important;
		font-size: 1.4em;
		font-weight: 600;
		color: #333;
	}
	#sp-header .sp-megamenu-parent > li > a:hover,
	#sp-header .sp-megamenu-parent > li > span:hover,
	.offcanvas-inner .sp-contact-info li[class^="sp-contact-"] {
		font-family: 'Arial Narrow', sans-serif !important;
		/*display: block !important;*/
		text-align: left;
		font-style:normal;
		margin:0;
		font-weight:600 !important;
		font-size:1.4em;
		
	}
	.offcanvas-inner .sp-contact-info li[class^="sp-contact-"] {
		display:block !important;
	}
	.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
	.offcanvas-menu .offcanvas-inner ul.menu > li span:hover {
		font-family: 'Arial Narrow', sans-serif !important;
		color: orange;
	}
	#sp-header .sp-megamenu-parent > li.active > a,
	.offcanvas-menu .offcanvas-inner ul.menu > li.active a,
	.offcanvas-menu .offcanvas-inner ul.menu > li.active a:hover {
		color: var(--primaryColor) !important;
		text-decoration: underline;
		text-decoration-thickness: 3px;
		text-underline-offset: 5px;
		text-decoration-color: var(--primaryColor) !important;
		cursor:default;
	}
/* off canvas */
	.sp-contact-info {padding:10px 0;}
	.sp-contact-info li[class^="sp-contact-"] {
		font-family: Impact, 'Open Sans', sans-serif !important;
		display:block; text-align:center; width:100%;
		font-size: 1.3em;
		color: black;
		font-weight: normal !important;
		font-style:italic;
		border-radius:5px;
		background-color: orange;
		margin: 20px auto;
		padding: 6px;
	}
	/* off canvas drop down */
		.offcanvas-menu .offcanvas-inner ul.menu > li.active.menu-parent,
		.offcanvas-menu .offcanvas-inner ul.menu > li.active.menu-parent a,
		.offcanvas-inner ul.menu > li.current.active a,
		.offcanvas-inner ul.menu > li.current.active a:hover,
		.offcanvas-menu .offcanvas-inner ul.menu > li.active.menu-parent .nav-header {
			background-color:#000 !important;
			color:orange !important;
			text-decoration:none !important;
			padding-right:5px;
			opacity:1;
		}
		.offcanvas-inner ul.menu > li.active .menu-toggler {color:white !important;}
/*		.offcanvas-menu .menu-toggler, .offcanvas-menu .active .menu-toggler {padding-right:10px !important;}
		.offcanvas-menu .menu-toggler, .offcanvas-menu .active .nav-header .menu-toggler {padding-right:10px !important; margin-left:-10px;}*/
		.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a,
		.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul li a,
		.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul.menu-child li a {
			font-family: 'Arial Narrow', sans-serif !important;
			border-radius:5px;
			font-size: 15px;
			padding: 4px 0px;
			line-height: 18px;
			font-weight: 600;
			padding: 10px 30px 10px 10px !important;
			background-color: #333 !important;
			color: white !important;
			display: block;
			margin: 5px 0;
			text-decoration: none;
			line-height: 1em;
			cursor:pointer;
		}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {padding-bottom: 0;}
	 .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a:hover,
	 .offcanvas-menu .offcanvas-inner ul.menu > li.active > ul li a:hover
	  {
		 background-color:#666; color:white !important; text-decoration:none;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul li.active a,
	 .offcanvas-menu .offcanvas-inner ul.menu > li.active > ul li.active a:hover {
		 background-color:#333;
		 color:orange !important;
		 text-decoration:none;
		 cursor:default;}
	.sp-contact-info li[class^="sp-contact-"]:hover {background-color:#FC0;}
	.sp-contact-info li[class^="sp-contact-"] a {text-decoration:none; color:black; text-align:center;}
	.sp-contact-info li[class^="sp-contact-"] a:hover {text-decoration:none; color:orange;}
	.offcanvas-menu .offcanvas-inner ul.menu > li .nav-header,
	.offcanvas-menu .offcanvas-inner ul.menu > li a
	 {
		padding: 15px 30px 15px 10px !important;
	}

	.offcanvas-menu .social-icons li a span:hover {
		color: black !important;}
	.offcanvas-menu a img {height:40px !important; width:auto;}
	.offcanvas-menu .social-icons li a span {font-size: 2em;}
  /* drop down */
	#sp-header .sp-dropdown.sp-dropdown-main.sp-menu-right {
		width: 260px !important;
	}
	#sp-header .sp-dropdown .sp-dropdown-inner {padding:5px;}
	#sp-header .sp-dropdown li.sp-menu-item {
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		background-color:#333;
		text-align:left;
		padding:7px 15px;
		margin:5px auto;
		}
	#sp-header .sp-dropdown li.sp-menu-item:hover {
		background-color:#666;}
	#sp-header .sp-dropdown li.sp-menu-item a {color:white;}
	

/* content */
	#sp-main-body {
		background: #f0f0f0 url("../images/textureBG.png") repeat;
		padding:40px 0 60px;}
	#sp-user1 {padding: var(--sectionVPadding) 0 !important;}
	#sp-notification {padding:20px 0 !important; background-color:black;}
	#sp-notification p {margin-bottom:0; color:#aaa; text-align:justify; font-size:.9em;}
  /* social */
	  .article-social-share .social-share-icon ul li a {
		  background-color: var(--primaryColor);
		  color: white;
		  border:2px solid black;
	  }
	  .article-social-share .social-share-icon ul li a:hover {
		  background-color: white;
		  color: var(--primaryColor);
		  border:2px solid var(--primaryColor);
	  }
  /* home contact */	  
  

h1, h2, h3, h4, h5, h6, .site-title, .logoCaption {
	font-family: Impact, 'Open Sans', sans-serif;
	text-decoration: none;
	font-weight:normal;	
}

h1 {
	margin: 0 0 40px !important;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1em !important;
	
	padding-bottom: 0;
	color: #000;
}
h1 span.subtitle {
	font-size: .45em;
	color: #666;
	font-weight:normal;
}
h1 span.larger {
	display: block;
	font-size: 2.8em;
	font-weight: bold;
	color: black;	
}
h2 {font-size:2.4em;}
h3 {font-size:2.0em;}
h4 {font-size:1.8em;}
h5 {font-size:1.6em;}
h6 {font-size:1.4em;}
 p {font-size: 14px;
	color: #454949;
	font-family: Georgia, "Times New Roman", Times, serif;}
p.lead {
	font-size: 21px;
	font-weight: 500;
	color: #333;
	margin-bottom:20px;
	line-height:1.4;
}
a {color: var(--primaryColor); text-decoration:underline; font-weight:600;}
a:hover {color: var(--secondaryHover); text-decoration:underline;}

img.thumbnail, .img-thumbnail, .thumbnail, img.border {
  width: 100%;
  padding: 5px;
  border: 4px solid #000;
  -moz-border-image: 15px;
  -webkit-border-radius:15px;
  border-radius: 15px;
  background-color:white;
}
.caption {text-align:center; padding:3px 0 10px;}

/* right */

#sp-left .sp-module, #sp-right .sp-module {
	background-color: #f0f0f0;
	margin:0 0 20px;
	border: 2px solid #999;
	padding: 0;
	border-radius: 15px;
	box-shadow:0 5px 15px rgba(0,0,0,.3);
}


#sp-right .sp-module h3 {
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #000;
  color: white;
  padding: 10px 5px !important;
  text-align: center;
  margin: 0 !important;
  font-size: 2.0em !important;
  font-weight:normal !important;
}
/*.sp-module ul.indent {
	padding: 0 20px !important;
}*/
#sp-right li a::before, .quote::before, .quote::after {
  line-height: 1.3em;
  height: 1.3em;
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* required for solid icons */
  width: 15px;
  vertical-align: middle;
  font-size: 1em;
  content: "\f0da";
}
#sp-right .sp-module li a {
	text-decoration:none;
	color: #666;
	padding:5px 15px !important;
	font-size:18px;}
	
#sp-right .sp-module li a:hover {
	color: #000 !important;
	background-color: #fff;
}
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.active > a:hover,
.sp-menu-item.sp-has-child.active .sp-menu-heading,
.sp-menu-item.sp-has-child.active .sp-menu-heading:hover
 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:60px;
	line-height: 60px;
	text-decoration:none !important;
	vertical-align:middle;
	background-color: #333;
	color:orange !important;
}

#sp-right .sp-module li.current a,
ul.nav.menu li.current a,
ul.nav.menu li.current a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
	color: orange !important;
	font-weight: 600;
	cursor: default;
	line-height:14px !important;
}
#sp-right .sp-module li.current a,
ul.nav.menu li.current a,
ul.nav.menu li.current a:hover {
	background-color: #ddd;
	color:#930 !important;
	line-height:36px !important;}

	#sp-contact {
	  background: #f0f0f0 url("../images/textureBG.png") repeat;	 
	  padding:0;

	  /*color: #333 !important;*/
	  text-align: center;
	}
	
	#sp-contact h2, #sp-contact p {
		color: black;
	}
	#sp-contact .btn {
		width: 90%;
		text-shadow: none !important;
	}
	#sp-contact i {font-size:6em; margin-bottom:15px;}
/* notification */
#sp-notification {padding:20px 0 10px;}
#sp-notification a, #sp-admin a {color:orange;}
#sp-notification a:hover, #sp-admin a:hover {color:#FC0;}
/* Bottom Section */
#sp-bottom {
	background-color:#000;
	padding: 10px 0 0px;
	font-size: 14px;
	line-height: 1.6;
}
#sp-bottom .sp-module {
	margin-bottom: 0;
}
#sp-bottom .container-inner {
	background-color:#222;
	border: 2px solid #666;
	padding:20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius:15px;
	color:#CCC;}
	#sp-bottom .sp-module .sp-module-title {
		font-style: italic;
		font-weight: 500;
		font-size: 1.7em;
		margin: 0 0 30px;
		color: #fff;
		border-bottom:3px solid #fff;
	}
#sp-bottom p {color:#ccc;}
#sp-bottom a {text-decoration:none;}
#sp-bottom .btn-danger, #sp-bottom .btn-danger:hover {color:white;}
#sp-bottom .btn-danger:hover {color:white;}

	#sp-bottom i {
		display: block;
		text-align: center;
		font-size: 2.5em;
		margin: 2px auto;}
	#sp-bottom .mod-custom {margin-bottom:20px;}
	#sp-bottom li a, #sp-bottom i {color: orange; text-decoration:none;}
	#sp-bottom a:hover, #sp-bottom i:hover {color: #FC0; text-decoration:none;}
	#sp-bottom .menu > li.active a {
		color: white;
		text-decoration: underline var(--secondaryColor);
		text-decoration-thickness: 2px;
		text-underline-offset: 6px;
		cursor:default;}
	#sp-bottom .sp-module ul.menu > li{
		display: block;
		width: 33%;
		text-align: left;
	}
	#sp-bottom .sp-module ul > li{
		margin-bottom: 4px;}

	#logo-bottom .phone {font-weight:600;}
	#logo-bottom {display:block; text-align:center; margin:auto;}
	#logo-bottom img {max-width:80%; margin:0 auto 20px;}
	
	
/* Footer Section */
#sp-footer {  background-color:#000;}
#sp-footer .container-inner {padding: 15px 0; border:none;}

footer p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #ccc;
  font-size: .9em;
  font-weight: bold;
  padding: 0 15px;
  margin: 1px 0;
  text-align:center;
}
footer h4 {
  font-size: 2em;
  padding: 0 15px;
  margin: 3px 0;
  text-transform: uppercase;
  color: white;
  text-align:center;
}		
/* admin */
	#sp-admin {background-color:#069; color:white;}
	#sp-admin .sp-module-content {
	color:white;
	  padding: 10px 0;
	}
	#sp-admin .btn {color:white; text-decoration:none;}
	#sp-admin .btn:hover {color:black;}
	#sp-admin p.hosting {color:white;}

/* contact us page */
  /* address icons */
	.fa, .fab, .fad, .fal, .far, .fas, .icon-joomla, [class*=" icon-"], [class^="icon-"] {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
	}
	#address i.fa, #hours i.far, .media i.fas {
		font-size: 1.5rem !important;
		margin: 2px 7px 0 0 !important;
		vertical-align: top;
	}
	.media-body {
		-ms-flex: 1;
		flex: 1;
		display: inline-block;
	}
	#address h5 {
		font-family: "Arial Narrow", sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
		font-stretch: extra-condensed;
		text-transform: none;
		font-size: 1.5rem;
	}
  /* contact form */
	.contact-form {
		background-color: rgba(0,0,0,.2);
		padding: 20px 15px;
		border: 1px solid rgba(0,0,0,.2);
	}
	#contact-form legend {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 2em;
	}
	.form-horizontal .controls {
	  margin-left: 0;
	}
	.com-contact__container {background-color:white; border:2px solid #333;}
	.com-contact__container h3 {display:block; background-color:black; color:white; padding:3px 5px;}
	p.contactTagLine {
		font-family: Impact, 'Open Sans', sans-serif !important;	
		font-style:italic;
		font-size:1.2em;
	}
	.com-contact__thumbnail img {width:100%;}
	.com-contact__thumbnail img, p.contactTagLine {display:block; margin: 0 auto; text-align:center;}
	.com-contact__info, #contact-form label {font-weight:bold;}
	#contact-form input {
		border: 1px solid #333;
	}
	
  /* Oberammergau */
	#tours .card {
	  padding: 10px;
	}
  /* brochures */
	.brochure-thumb {
		position: relative;
		width: 100%;
		aspect-ratio: 5 / 5;  /* keeps PDF shape */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;   /* important */
		border: 2px solid #bbb;
		border-radius: 10px;
		overflow: hidden;
	}
	#brochures a .card.shadow-sm {
		box-shadow:none;
		border:1px solid rgba(0,0,0,.4);
		transition: all .5s ease-in-out;
	}
	#brochures a:hover .card.shadow-sm {
		box-shadow: 0 5px 10px rgba(0,0,0,.4) !important;
		border:1px solid red;}
	
	/* overlay icon */
	.pdf-overlay {
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 100px;        /* control overlay size */
		height: auto;
		opacity: 0.95;
		filter: drop-shadow(0 4px 6px rgba(0,0,0,.4));
	}

	#faithtours {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-FaithBasedTours.jpg');
	  background-color: #6581ae;
	}
	#passionPlay {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-OberammergauPassionPlay.jpg');
	  background-color: #6581ae;
	}
	#alpineCountries {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-AlpineCountries.jpg');
	  background-color: #6581ae;
	}
	#alpineLakes {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-AlpineLakes.jpg');
	  background-color: #6581ae;
	}
	#danube {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-Danube.jpg');
	  background-color: #6581ae;
	}
	#israel {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-Israel.jpg');
	  background-color: #6581ae;
	}
	#imperialCities {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-ImperialCities.jpg');
	  background-color: #6581ae;
	}
	#romanticRoad {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-RomanticRoad.jpg');
	  background-color: #6581ae;
	}
	#italy {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-ItalyShrines.jpg');
	  background-color: #6581ae;
	}
	#sab {
	  background-image: url('../../../images/FaithTours/pdfs/FaithTours-SwitzerlandAustriaBravaria.jpg');
	  background-color: #6581ae;
	}
	
	/* ETS Tours */
	#etsTours a .card {border:1px solid black; transition:all .5s ease; transform: scale(.97);}
	#etsTours a:hover .card {border:1px solid red; transform: scale(1.01);}
	#etsTours h5.card-title {font-size:1.1em !important;}
	#etsTours p.card-text {font-family:Arial, Helvetica, sans-serif !important; font-weight:normal;}
	
  /* news */
	.category-list table.table-bordered {border:2px solid #555;}
	.category-list table thead {
		background-color: #000;
		color: white;
	}
	.category-list table thead a {color:orange;}
	.category-list table thead a:hover {color:white;}
	.category-list table tbody tr:nth-of-type(odd) {
	  background-color: #f5f5f5;
	}
	.category-list table tbody tr:nth-of-type(even) {
	  background-color: white;
	}
	.tips li {
	  font-weight: bold;
	}
	
  /* gallery */
	.img-wrapper {
	  position: relative;
	  background: #f8f9fa url('../../../images/spinner.gif') center center no-repeat;
	  background-size: 40px;
	  border-radius: 8px;
	  overflow: hidden;
	}
	
	.gallery-thumb {
	  display: block;
	  width: 100%;
	  opacity: 0;
	  transition: opacity .3s ease;
	}
	
	.gallery-thumb.loaded {
	  opacity: 1;
	}
	
  /* terms */
	#terms .card-header {background-color:black;}
  	#terms h2 {font-size:1.7em; color:white;}
	#terms h3 {
	  margin-top: 15px; font-size:1.4em;
	}
	.advantages li {list-style:none;}
  	
/* classes */
	.red, .star {font-weight:bold; color:red;}
	.img-responsive {
		width: 100%;
		height: auto;
	}
	.btn-primary {
		background-color: var(--primaryColor);
		text-decoration:none;
		font-weight:600;
		border: 1px solid #ddd;
		color: #ddd !important;
	}
	.btn-primary:hover {
		background-color: var(--primaryHover);
		text-decoration:none;
		border: 1px solid white;
		color: white !important;
	}


@media screen and (min-width: 576px) {
	/*:root {	--hlogo-maxHeight: 60px; */
	.logo-image-phone {
	  height: auto !important;
	  width: 60%;}
	h1 {line-height:2.2em;}
	#sp-contact .btn {width: 70%;}
	#logo-bottom img {max-width:70%;}
	.contact-form {padding: 20px 40px;}
}
@media screen and (min-width: 768px) {
	.logo-image-phone {
		height: auto !important;
		width: 100%;}
	#preheader #logo .logoCaption {font-size:.9em; line-height:1.2em; margin-top:3px !important;}
	#sp-contact .btn {width: 90%;}
	.sp-copyright {text-align:left;}
	.sp-contact-info li[class^="sp-contact-"] {font-size:1.5em;}
	.sp-webdesign {text-align:right;}
	#sp-bottom .sp-module ul.menu > li{width: 50%;}
	footer h4, footer p {text-align:left; padding:0;}
	footer h4 {font-size: 1.75em;}
	footer p {font-size: .8em;}
	.sp-contact-info li[class^="sp-contact-"] {
		display:inline-block !important;
		width:48% !important;
		border-radius:0;
		background-color: transparent;
		margin: 0 auto;
		padding: 6px;
	}
	
	.sp-contact-info li[class^="sp-contact-"]:hover {background-color:transparent;}		
	
}
@media screen and (min-width: 992px) {
	.logo-image-phone {display:none !important;}
	#preheader #logo .logoCaption {font-size:1em;}
	#sp-contact .btn {width: 70%;}
	.sp-contact-info li[class^="sp-contact-"] {font-size:1.75em;}
	#logo-bottom img {max-width:80%;}
	#sp-bottom .mod-custom {margin-bottom:0;}
}
@media screen and (min-width: 1200px) {
	#preheader #logo .logoCaption {font-size:1.2em;}
	#sp-contact .btn {width: 50%;}
	.sp-contact-info li[class^="sp-contact-"] {font-size:2em;}
	#logo-bottom img {max-width:70%;}
	footer h4 {font-size: 2em;}
	footer p {font-size: .9em;}
}
@media screen and (min-width: 1200px) {
	#preheader #logo .logoCaption {font-size:1.3em;}
}