/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
body {
	font-family: 'AileronRegular';
	font-style: normal;
	font-weight: 400;
	background:darkgray;
}

.name {
	display: inline-block;
	font-size: 36pt;
	text-align: center;
	text-decoration:none;
	color:darkred;
	line-height: 1.2em;
	height: 1em;
	font-family: 'FoglihtenNo07Regular';
	font-style: normal;
	font-weight: 400;
}

.navbar-text {
	font-size: 20pt;
	text-align:center;
	line-height: 1.5em;
	height: 1.2em;
	margin:0;
	font-family: 'FoglihtenNo07Regular';
	font-style: normal;
	font-weight: 400;
	background:goldenrod;
}

.logo {
	float:none;
}

.social-auth.auth-icon {
	margin-right:0px;
}

#header {
	display:inline-block;
	width:100%;
	background-color:darkgray;
	background-image:radial-gradient(closest-side ellipse at 50% 21%,darkgray 0%, #606060, 100% ,transparent),
					radial-gradient(farthest-side ellipse at 15% 50%, darkgray 0%, #606060, 100%,transparent),
					radial-gradient(closest-side ellipse at 88% 72%, darkgray 0%,#606060 100%);
}

	/*background:radial-gradient(50% 21%, ellipse closest-side, lightgray, #606060 100%);*/
#tristatewebservice_logo {
	display:inline-block;
	width:25%;
	text-align:center;
	float:left;
}

#tristatewebservice_sitebranding {
	display:inline-block;
	width:49%;
	text-align:center;
	float:left;
}

#tristatewebservice_socialauth {
	display:inline-block;
	width:25%;
	text-align:center;
}

#tristatewebservice_socialauth h2 {
	display: none;
}

#tristatewebservice_specialoffer1 {
	text-align:center;
	width:100%;
}

.block-fb-likebox {
	text-align: center;
	margin-top: 10%
}

#tristatewebservice_specialoffer1 p {
	margin:0;
	font-family: 'FluxItalic';
	font-style: normal;
	font-weight: 400;
	color:red;
	background:yellow;
	font-size:12pt;
	width:max-content;
	display:inline-block;
	vertical-align:middle;
}

[role=navigation] li {
	list-style: none;
}

#special1 .group-left {
	width:auto;
	text-align:center;
}

#special1 .group-middle {
	width:625px;
	padding:1%;
}

#special1 .group-right {
	float:left;
	width:auto;
	text-align:center;
}

.layout--threecol-section--25-50-25 .layout__region--second {
		flex: 0 1 48%;
}

.layout--twocol-section--50-50 {
	display:inline-block;
}
/*
.layout--twocol-section--50-50 .layout__region--first {
	width:33%;
	float:left;
	padding:0 2% 0 2%;
	background-color:khaki;
}
*/
.layout__region--second {
	float:right;
	padding:1%;
}

.layout__region--first h1 {
	font-size:14pt;
	margin:0px;
	color:darkred;
}

.layout__region--first p {
	font-size:12pt;
	color:midnightblue;
}

.view-website-features {
	padding-right:20px;
	background-color:linen;
	color: aqua;
	border: 10px solid beige;
	border-image: repeating-linear-gradient( 45deg, black, black 1%, white 1%, darkgray 4%) 10;
}

.view-website-features:hover {
	border-image: repeating-linear-gradient( 45deg, white, darkgray 1%, black 1%, black 4%) 10;
	color: darkgoldenrod;
}

.view-why-drupal .media-oembed-content {
	height:280px;
}

.view-shop-location, .block-title {
	font-family: 'FoglihtenNo07Regular';
	font-weight: bold;
	font-size:20pt;
	color:darkred;
	line-height:.2em;
}

.view-shop-location a {
	font-size:14pt;
}

.view-shop-location img {
	width:100%;
	height:100%;
}

#special1 .view-drupal-blue {
	padding-top:50%;
}

#special1 .view-special {
	padding-top:71%;
}

.view-special p {
	margin:0;
	font-family: 'FluxItalic';
	font-style: normal;
	font-weight: 400;
	color:red;
	background:yellow;
	font-size:12pt;
	width:max-content;
	display:inline-block;
	vertical-align:middle;
}

.view-specialnumber1 {
	color:sienna;
	font-family: 'AileronBold';
	font-style: normal;
	font-weight: 800;
}

.view-specialnumber1 table,
.view-specialnumber1 ul {
	color:midnightblue;
	font-family: 'AileronRegular';
	font-style: normal;
	font-weight: 400;
}

.view-specialnumber1 table th {
	color:green;
}

.layout__region--fourth {
	text-align:right;
}
/*
@media screen and (max-width: 1519px) {
	#tristatewebservice_sitebranding {
		padding-left:15%;
	}
	#tristatewebservice_socialauth {
		padding-left:15%;
	}
}

@media screen and (max-width: 1366px) {
	#tristatewebservice_sitebranding {
		padding-left:10%;
	}
	#tristatewebservice_socialauth {
		padding-left:10%;
	}
}

@media screen and (max-width: 1143px) {
	#tristatewebservice_sitebranding {
		padding-left:5%;
	}
	#tristatewebservice_socialauth {
		padding-left:5%;
	}
}
*/
@media screen and (max-width: 1100px) {
	/*
	#tristatewebservice_sitebranding {
		padding-left:10%;
	}
	#tristatewebservice_socialauth {
		padding-left:10%;
	}
	*/
		.name {
		font-size:27pt;
		display:inline-block;
	}
	.navbar-text {
		font-size: 15pt;
	}
	.block-views-blockwhy-drupal-block-1 h2 {
		font-size: 15pt;
	}
	.social-auth.auth-icon {
		width:2em;
	}
	#special1 .view-drupal-blue {
		padding-top:0;
	}
	#special1 .view-special {
		padding-top:5%;
	}
	#special1 .group-left {
		float:none;
	}
	#special1 .group-right {
		float:none;
	}
}
/*
@media screen and (max-width: 918px) {
	#tristatewebservice_sitebranding {
		padding-left:4%;
	}
	#tristatewebservice_socialauth {
		padding-left:4%;
	}
}
*/
@media screen and (max-width: 816px) {
	/*
	#tristatewebservice_sitebranding {
		padding-left:10%;
	}
	*/
	.layout--threecol-section--25-50-25 .layout__region--second {
		flex: 0 1 49%;
	}
	.layout--threecol-section--25-50-25 .layout__region--first {
		flex: 0 1 49%;
	}
	.layout--threecol-section--25-50-25 .layout__region--third {
		flex: 0 1 100%;
		text-align:center;
	}
}

@media screen and (max-width: 617px) {
	.layout--threecol-section--25-50-25 .layout__region--first {
		flex: 0 1 100%;
	}
	.layout--threecol-section--25-50-25 .layout__region--second {
		flex: 0 1 100%;
	}
	#tristatewebservice_logo {
		width: auto;
	}
	#tristatewebservice_socialauth {
		width:auto;
	}
	#tristatewebservice_sitebranding {
		width:33%;
		padding:2%;
	}
	.name {
		font-size:19pt;
	}
	.navbar-text {
		font-size: 10pt;
	}
}

@media screen and (max-width: 534px) {
	.name {
	line-height:1em;
	}
}

@media screen and (max-width: 350px) {
	.name {
	font-size:18pt;
	}
}