/* All view ports */
body, html {
  height: 100%;
  line-height: 1.8;
}

p, h1, h2, h3, h4 {
    font-family: 'Source Serif Pro', serif;
    font-weight:400;
}
h5, h6 {
    font-family: 'Source Serif Pro', serif;
    font-weight:300;
}
.text-jumbo {
    text-transform: uppercase;
    line-height: 1.05;
}

.navbar-bg {
    background-color: lightyellow;
}
.navbar-text {
    color: darkblue;
}
.w3-button:hover {
    color: darkblue!important;
    background-color: orange!important;
}
.w3-button:active {
    color: darkblue!important;
    background-color: lightyellow!important;
}

.full-height-banner-img-1 {
    background-size: cover;
    min-height: 100%;
}

.callout-article p {
    margin-top: 0.4;
    margin-bottom: 0;
}
.callout-article h3 {
    margin-top: 0;
    font-weight:600;
}

.focus-element:focus {
  outline: 4px dashed darkorange;
}

.nav-theme {
    color: white;
    background-color: #546f9b;
}
.w3-top .w3-bar .w3-bar-item {
    padding: 0 16px 16px;
    /* background-color: #6C8AC6; */
}
.logo p {
    font-family: 'Source Serif Pro', serif;
    font-size: 26px;
    display: inline-block!important;
    margin-block-start: .5em;
    margin-block-end: 0;
    margin-inline-start: 0.5em;
    margin-inline-end: 0.5em;
    transform: translate(0, +9%);
}
.nav-element {
    font-family: 'Source Serif Pro', serif;
    font-size: 18px;
    padding-top:1.01em!important;
    margin-top:.35em;
}
.nav-theme a:hover, .nav-theme .nav-element:hover {
    color: white!important;
    background-color: #6C8AC6!important;
}
.theme-border {
    border-color: orange!important;
}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
    background-color: #f9e6c6;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #fab04a;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.text-shadow {
    color:white;
    font-weight: 500;
}

/* CONTACT */
form#captcha_form ol {list-style: none outside none;}
form#captcha_form label.solo, form#captcha_form span.category {
	display:		block; 
	float:			left; 
	width: 			175px;
	font-weight:	bold;
}
p.required {
	color: red;
    display: block;
}
form#captcha_form li div.soloinput, img#captcha{
	display:		inline-block;
}
form#captcha_form li textarea.soloinput {
	/*height:			100px;*/
}
form#captcha_form li div.soloinput {
	border:			0px;
	padding:		0px;
}
form#captcha_form li select.soloinput{ 
	width:			266px;
	height:			36px;
}
form#captcha_form li input.city {
	width: 			154px;
	height:			21px;
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	2px;
	border:			#888888 1px solid;
	margin-right:	0px;
	padding-right:	0px;
}
form#captcha_form li span.comma {
	display:		inline;
	width: 			16px;
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	2px;
	margin-left:	0px;
	padding-left:	0px;
	margin-right:	0px;
	padding-right:	0px;
	readonly:		true;
}
form#captcha_form li input.state {
	width: 			80px;
	height:			21px;
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	2px;
	border:			#888888 1px solid;
	margin-left:	0px;
	padding-left:	0px;
}
form#captcha_form li input#zip {
	width:			90px;
	height:			21px;
}
form#captcha_form li select#month {
	width: 			128px;
	height:			36px;
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	2px;
	border:			#888888 1px solid;
}
form#captcha_form li select#day {
	width: 			60px;
	height:			36px;
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	2px;
	border:			#888888 1px solid;
}
form#captcha_form li select#year {
	width: 			60px;
	height:			36px;
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	2px;
	border:			#888888 1px solid;
}
form#captcha_form li img#captcha {
	font-family:	inherit;
	font-size:		inherit;
	padding:		7px;
	margin-top: 	0;
}
fieldset {
	border:			0px;
	padding:		0px;
	margin:			0px;
	padding-right:	37px;
	display:		block;
	/*min-width:		450px;*/
}
form#captcha_form a.soloinput {
	/*max-width: 		350px;
	min-width:		250px;*/
	font-size:		14px;
}
#ht {
	display:		none;
}
.w3-input {
    padding-top: 0!important;
}
label .w3-section {
    margin-bottom: 0!important;
}

.w3-button {
    padding: 5px 16px;
}




/**mobile view**/
@media only screen and (max-width: 599px) {
    /* Full height image header */
    /* Full height banner */
    .full-height-banner-img-1 {
        background-position: center;
        background-image: url("../img/fullscreen_20230515-3.png");
    }
    .full-height-banner-text-1 {
        padding:48px;
        max-width:600px
    }
    .full-height-banner-img-2 {
        background-position: center;
        background-image: url("../img/fullscreen_20230529.png");
    }
    .full-height-banner-text-2 {
        padding:48px;
        max-width:600px
    }
    .full-height-banner-img-3 {
        background-position: center;
        background-color: #000000;
        min-height: 50%;
    }
    .full-height-banner-text-3 {
        padding:48px;
        max-width:600px;
    }
    .full-height-banner-img-4 {
        background-position: center;
        background-color: #ff0000;
        background-image: url("../img/US_Highway_54_in_El_Paso.jpg");
        filter: contrast(150%)brightness(150%);
        min-height: 50%;
    }
    .full-height-banner-text-4 {
        padding:48px;
        max-width:600px;
    }
    .darken-bg {
        background-image: 
        linear-gradient(
        rgba(250, 176, 74, 0.25),
        rgba(0, 0, 0, .43)
      
    ),
    url("../img/US_Highway_54_in_El_Paso.jpg");
    }
    
    .text-jumbo {
        font-weight:700;
        font-size:70px;
    }
    .text-xxlarge {
        font-weight:300;
        font-size:60px;
    }
    .text-xlarge {
        font-weight:300;
        font-size:50px;
    }
    .text-large {
        font-weight:300;
        font-size:20px;
        line-height: 1.5;
    }
    .text-medium {
        font-size:16px;
    }
    .text-small {
        font-size:12px;
    }
}



/**large display view**/
@media (min-width: 601px) {
/* Full height banner */
    .full-height-banner-img-1 {
        background-position: center;
        background-image: url("../img/fullscreen_20230515-2.png");
    }
    .full-height-banner-text-1 {
        padding:48px;
        max-width:600px
    }

    .text-jumbo {
        font-weight:700;
        font-size:80px;
    }
    .text-xxlarge {
        font-weight:300;
        font-size:50px;
    }
    .text-xlarge {
        font-weight:300;
        font-size:48px;
    }
    .text-large {
        font-weight:300;
        font-size:20px;
    }
    .text-medium {
        font-size:16px;
    }
    .text-small {
        font-size:12px;
    }



    /* Full height image header */
    .full-height-banner-img-2 {
        background-position: center;
        background-size: cover;
        background-image: url("../img/fullscreen_20230529.png");
        min-height: 100%;
    }
    .full-height-banner-text-2 {
        padding:48px;
        max-width:600px
    }
    /* Full height image header */
    .full-height-banner-img-3 {
        background-position: center;
        background-size: cover;
        background-color: #000000;
        min-height: 50%;
    }
    .full-height-banner-text-3 {
        padding:48px;
        max-width:600px;
    }
    .full-height-banner-img-4 {
        background-position: center;
        background-color: #ff0000;
        background-image: url("../img/US_Highway_54_in_El_Paso.jpg");
        filter: contrast(150%)brightness(150%);
        min-height: 50%;
        background-size: cover;
    }
    .full-height-banner-text-4 {
        padding:48px;
        max-width:600px;
    }
    .darken-bg {
        background-image: 
        linear-gradient(
        rgba(250, 176, 74, 0.25),
        rgba(0, 0, 0, .43)
      
    ),
    url("../img/US_Highway_54_in_El_Paso.jpg");
    }
}



/**print view**/
/*@media print {
    .w3-row-padding>.w3-quarter {
        padding: 0 16px;
    }
    .w3-quarter {
        width: 49.99999%;
    }
    
    .text-jumbo {
        font-weight:700;
        font-size:70px;
    }
    .text-xxlarge {
        font-weight:300;
        font-size:60px;
    }
    .text-xlarge {
        font-weight:300;
        font-size:50px;
    }
    .text-large {
        font-weight:300;
        font-size:20px;
        line-height: 1.5;
    }
    .text-medium {
        font-size:16px;
    }
    
    .full-height-banner-img-1 {
        background-position: center;
        background-image: url("../img/fullscreen_20230515-2.png");
        min-height: 33%;
    }
    
}*/



/**Largest Screen View**/
@media (min-width: 1205px){
    .full-height-banner-img-1 {
        background-position: center;
        background-image: url("../img/fullscreen_20230515-2.png");
    }
    .full-height-banner-text-1 {
        padding:195px;
        max-width:895px;
    }
    
    .text-jumbo {
        font-weight:700;
        font-size:100px;
    }
    .text-xxlarge {
        font-weight:300;
        font-size:60px;
    }
    .text-xlarge {
        font-weight:300;
        font-size:30px;
    }
    .text-large {
        font-weight:300;
        font-size:24px;
    }
    .text-medium {
        font-size:18px;
    }
    .text-small {
        font-size:14px;
    }
}



/**blog style
html {
    background: #e6e9e9;
    background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 800px;
    padding: 2em 2em 4em;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
}

b, strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    background: transparent;
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    display: block;
    margin: 1.3em auto;
    max-width: 95%;
}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}**/