/**********************************************************************************
* 
* © 2024 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: base.css
* Description: Base styles for www.farmersuniontrading.com
*
***********************************************************************************/

/* Bootstrap Overrides
----------------------------------------------------------------------------------*/

/*body, .container-intro, #container, #header, #phone, #phone a, #footer*/
*, ::before, ::after
	{
	box-sizing:unset;
	}

html
	{
    font-family:unset;
    line-height:unset;
    -webkit-text-size-adjust:unset;
    }

h1, h2, h3, h4, h5, h6, p, ul, ol
	{
    margin:unset;
    padding:unset;
    color:unset;
    }

h1, h2, h3, h4, h5, h6
	{
    font-weight:unset;
    }

a:hover, a:active, a:focus
	{
	text-decoration:unset;
	}

label
	{
    margin:unset;
    }

button, input, optgroup, select, textarea
	{
    font-family:unset;
    line-height:unset;
	text-transform:unset;
    overflow:unset;
    }

.btn, .btn:hover, .btn:focus, .btn.focus
	{
    transition:unset !important;
    box-shadow:unset !important;
    }

.btn
	{
    padding:unset;
    }


/* Body 
----------------------------------------------------------------------------------*/

/* base reset */
*
	{
    margin:0;
    padding:0;
    font-size:100%;
	font-family:inherit;
    }

/* Set brand colors */
:root
	{
	--primary-color:#c2042f; /* red */
	--secondary-color:#808080; /* gray */
    --tertiary-color:#505050; /* charcoal gray */
    --highlight-color:#eaeaea; /* pale light gray */
	--alternate-color:#8a0322; /* darker red */
	}

body
	{
	font:normal 100% "Cabin", "Lato", Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.5em;
	text-rendering:geometricPrecision/*optimizeLegibility*/;
    font-feature-settings:"pnum";
    font-variant-numeric:proportional-nums;
	background-color:#fff;
	}

#caution-container
	{
    margin:0 auto;
    width:100%;
    font-size:1em;
    color:#000;
    text-align:center;
    background:#ff0;
    }

#IEreminder p
	{
    padding:0.25rem 0;
	font-size:1em;
    color:#000;
    text-align:center;
    }

#IEreminder a
	{
	color:#999;
	text-decoration:none;
	border-bottom:1px solid #999;
	}

#IEreminder a:hover, #IEreminder a:active, #IEreminder a:focus
	{
	color:#000;
	background:none;
	border-bottom:1px solid #000;
	}

object, iframe
	{
    display:block;
	max-width:100%;
    margin:0.5rem 0 1.5rem;
	border:none;
    }

*:first-child+html embed
	{
    margin:0.5rem 0 1.5rem;
    }

* html embed
	{
    margin:0.5rem 0 1.5rem;
    }

@media screen and (max-width:480px)
    {
    html
		{
        -webkit-text-size-adjust:none; /* prevent text resize in iPhones */
        }
    }


/* Base text
----------------------------------------------------------------------------------*/

h1
	{
	margin-bottom:0.5125em;
	padding-bottom:0.15em;
	font-weight:600;
	font-size:1.875em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	color:#c2042f;
    color:var(--primary-color);
	line-height:1.10em;
	text-transform:uppercase;
	border-bottom:1px solid #c0c0c0;
	}

#container-intro h1, #container-intro #content p:first-of-type
	{
	color:#fff;
	text-shadow:-1px 1px 1px #0c0c0c,
				-1px 1px 4px #0c0c0c;
    }

#container-intro h1
	{
    /*line-height:1.25em;*/
	border:none;
    }

h2, h3, h4, h5, h6
	{
    font-weight:700;
	line-height:1em;
    }

h2
	{
	font-weight:600;
	font-size:1.625em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	line-height:1.25em;
	text-transform:uppercase;
	}

.clearheading
	{
	clear:both;
	}

h3
	{
	font-size:1.375em;
	line-height:1.25em;
	}

h4
	{
	font-size:1.25em;
	}
	
h5
	{
	font-size:1.125em;
	}

h6
	{
	font-size:1.0625em;
	}

h2 + h2, h2 + h3, h2 + h4, h3 + h4, h4 + h2, h4 + h4, h4 + h5, h2 + .imageright, h2 + .imageright + h3, h2 + nav, h4 + nav, h2 + .content-blocks-2x, h4 + .content-blocks-2x, h2 + .content-blocks-2x-uneven, h4 + .content-blocks-2x-uneven, h2 + .content-blocks-3x, h4 + .content-blocks-3x, h2 + .content-blocks-4x, h4 + .content-blocks-4x, h2 + .btn-callout, h4 + .btn-callout, .supplemental h2 + img
	{
    margin-top:1em;
    }

h2 + table, h3 + table, h4 + table, h2 + .table-container, h3 + .table-container, h4 + .table-container
	{
    margin-top:0.75em;
    }

.xtarget:target
	{
    margin-top:-112px;
    padding-top:112px;
    }

p, ul, ol, time, pre
	{
	font-size:1em;
	}

/*h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, ul::selection, ol::selection, em::selection, strong::selection, legend::selection, span::selection, label::selection, a::selection
    {
    color:#fff;
    background-color:#202020;
    }

input::selection, textarea::selection
    {
    color:#fff;
    background-color:#141414;
    }

/*h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, p::-moz-selection, ul::-moz-selection, ol::-moz-selection, em::-moz-selection, strong::-moz-selection, legend::-moz-selection, span::-moz-selection, label::-moz-selection, input::-moz-selection, textarea::-moz-selection, a::-moz-selection
    {
    color:#fff;
    background-color:#202020;
    }*/

p
	{
	padding-bottom:1.5em;
	}

#container-intro #content p:first-of-type
	{
	line-height:1.5em;
	}

ul, ol
	{
	padding:0 0 1.5em 2em;
    }

.layoutlist
	{
	padding:0;
	font-size:1em;
	list-style-type:none;
	}

.layoutlist a
	{
	border:none;
	}

time
	{
	padding-bottom:1.5em;
	font-style:italic;
	color:#505050;
    }

.daterange
	{
    display:inline-block;
    }

#eventlist time, #eventlist-side time
	{
    padding:0;
    }

blockquote
	{
	margin:0 1.5em;
	}

pre
	{
    padding:1em;
    margin-bottom:1.5em;
    background:#f1f1f1;
    border:1px solid #c0c0c0;
    white-space:pre-wrap; /* css-3 */
    white-space:-moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space:-pre-wrap; /* Opera 4-6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* Internet Explorer 5.5+ */
    }

ul ul, ol ul, ol ol, ol ul ul
	{
    padding-bottom:0;
    font-size:1em;
    }

ol ol
	{
    list-style:lower-alpha;
    }

ol ol ol
	{
    list-style:lower-roman;
    }

@media screen and (min-width:481px)
    {
    body
		{
	    line-height:1.3125em;
	    }
	
	h1
		{
	    font-size:1.625em;
	    }
	
	#container-intro h1, #container-intro #content p:first-of-type
		{
        width:60%;
        }
	
	#container-intro h1
		{
        font-size:2em;
        }
	
    h2
		{
	    font-size:1.4375em;
	    }
    	
    h3
		{
	    font-size:1.3125em;
	    }

    h4
		{
	    font-size:1.1875em;
	    }
	
	h5
		{
	    font-size:1.0625em;
	    }
	
	h6
		{
		font-size:1em;
		}
    	
    p, ul, ol, time, pre
		{
	    font-size:0.875em;
	    }
	}


/* Links
----------------------------------------------------------------------------------*/

a
	{
	color:#505050;
	color:var(--tertiary-color);
	text-decoration:none;
	border-bottom:1px solid #505050;
	border-color:var(--tertiary-color);
	}

a:hover, a:active, a:focus
	{
	color:#000;
	background-color:#eaeaea;
	background-color:var(--highlight-color);
	}

a:active
	{
    outline:none;
    }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
    text-decoration:none;
    border:none;
    }

h1 a:hover, h1 a:active, h1 a:focus
	{
    background-color:transparent;
    }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
	{
    color:#000;
    border-bottom:1px solid #505050;
	border-color:var(--tertiary-color);
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
	{
    width:100%;
    margin:0.5rem 0 1.5rem;
    border:none;
    border-collapse:collapse;
    clear:both;
	}

col
	{
    display:table-column;
	}

table tr:nth-child(odd)
	{
    background-color:#f1f1f1;
    }

table th, table td
	{
    vertical-align:top;
	padding:0.125em 0.5rem;
    font-size:1em;
    text-align:left;
    }

table th
	{
    color:#fff;
    background-color:#c2042f;
	background-color:var(--primary-color);
    /*border-bottom:1px solid #21460c;*/
    }

table td
	{
    /*margin-bottom:-1px;*/
    /*line-height:1.7085em; /* corrected line-height for added border property, since negative margins don't work */
    /*border-bottom:1px solid #c0c0c0;*/
    }

/* correct sizing when user incorrectly adds paragraph tags with CMS inside table cells */

table th p, table td p, table td ul, table td ol, table td time
	{
    font-size:1em;
    line-height:1.5em;
    }

.table-container
	{
    overflow-x:auto;
    }

@media screen and (min-width:481px)
    {
	table th, table td
		{
		font-size:0.875em;
		}
	
	table th p, table td p, table td ul, table td ol, table td time
		{
		line-height:1.3125em;
		}
    }

@media screen and (min-width:768px)
    {
    .table-3col
		{
        width:auto;
        min-width:50%;
        max-width:100%;
        clear:none;
        }
    }


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time, audio, video, canvas, figure, figcaption, mark
	{
    display:block;
    }


/* Images 
----------------------------------------------------------------------------------*/

img
	{
	display:block;
	max-width:100%;
	margin-bottom:1.5rem;
	border:none;
    }

h1 + img
	{
    margin-top:1em;
    }

h2 + img, h3 + img, h4 + img, h2 + .imageleft, h3 + .imageleft, h4 + .imageleft, .imagesticky
	{
    margin-top:0.3125em;
    }

.imageleft, .imageright, .imageleftsmall, .imagerightsmall, .imagecenter, .imagefull
	{
    padding:0;
    font-style:italic;
	/*border:1px solid #666;*/
    clear:both;
    }

.imageleft, .imageright, .imageleftsmall, .imagerightsmall, .imagecenter
	{
    margin:0 auto 1.5rem;
    }

.imagesticky
	{
    float:left;
    margin-right:1.5rem;
    }

.imageleft img, .imageright img, .imageleftsmall img, .imagerightsmall img
	{
	margin-bottom:0.5rem;
    }

/**** tentative figure styling to force caption wrapping - 10/01/2018 ****/

figure, figcaption
	{
    max-width:100%;
    }

figure
	{
	margin-bottom:1.5rem;
    box-sizing:border-box;
    }

figure img
	{
    margin-bottom:0.5rem;
    }

figcaption
	{
    font-style:italic;
	color:#404040;
	text-align:left;
    }

@media screen and (min-width:281px)
    {
    .imageleftsmall, .imagerightsmall
		{
        max-width:51%;
        }
	
	.imageleftsmall
		{
		float:left;
		margin-right:1.3125rem;
        }

    .imagerightsmall
		{
        float:right;
		margin-left:1.3125rem;
        }
    }

@media screen and (min-width:481px)
    {
    img
		{
	    margin-bottom:1.3125rem;
        }
	
	.imageleft, .imageright
		{
        max-width:49%;
        }
	
	.imageleft
		{
		float:left;
		}

    .imageleft, .imagesticky
		{
        margin-right:1.3125rem;
        }

    .imageright
		{
        float:right;
		margin-left:1.3125rem;
        }

    .imagecenter
		{
	    margin-bottom:1.3125rem;
	    }
	
	figcaption
		{
        font-size:0.875em !important;
        }
    }


/* Container
----------------------------------------------------------------------------------*/

#container-intro, #container
	{
	position:relative; /* this needs to be in place if "overflow:hidden" is used, or IE7 will crap the bed */
	width:100%;
	background-repeat:no-repeat;
	overflow:hidden;
	}

#container-intro
	{
    background-position:center 30px;
    background-image:url(/sitegraphics/futc-banner-m.jpg);
    /*background-size:682px 280px/*828px 340px/;*/
    }

#container
	{
    background-position:center top;
    background-image:url(/sitegraphics/futc-banner-sub-m-wm.jpg);
    /*background-size:682px 280px/*828px 340px/;*/
    }

@media screen and (min-width:768px)
    {
    #container-intro
		{
        background-size:auto;
        }
    }


/* Header
----------------------------------------------------------------------------------*/

#header
	{
    position:fixed;
	top:30px;
	float:left;
	width:100%;
	height:auto;
	padding:10px 5%;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.13);
	border-width:0 0 2px;
	border-style:solid;
	border-color:#808080;
	border-color:var(--secondary-color);
	z-index:2;
	box-sizing:border-box;
	/*box-shadow:0 -4px 8px 4px #202020;*/
	transition:0.3s ease;
    }

#header.sticky-header
	{
    background-color:rgb(255,255,255);
    background-color:rgba(255,255,255,0.94) !important;
	box-shadow:0 -4px 8px 4px #202020;
    }

#organization
	{
    float:left;
    }

#organization img
	{
	display:none;
    }

#organization p
	{
	padding:0;
	font-size:1em;
	line-height:1em;
	text-indent:-999em;
	}

#organization a
	{
    display:block;
    width:102px;
    height:60px;
    background:no-repeat left top url(/sitegraphics/futc-logo-m.png);
	background-size:100%;
	border:none;
    text-decoration:none;
    }

#organization a:hover, #organization a:active, #organization a:focus
	{
    background-color:transparent;
    background-position:left bottom;
    border:none;
    }

#organization a:focus
	{
    outline:#fff dotted 1px;
    }

#organization span
	{
    position:absolute;
    left:-999em;
    }

#header-supplemental
	{
	position:fixed;
    top:0;
    left:0;
    width:100%;
    height:30px;
    padding:0 5%;
    background-color:#000;
	/*background-color:var(--primary-color);*/
    box-sizing:border-box;
    }

#tagline
	{
    display:none;
    }

#phone
	{
    position:fixed;
    right:0;
    bottom:24%;
    padding:0;
    z-index:2;
    }

#phone a
	{
    display:block;
    width:30px;
    height:42px;
    padding:10px;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.94);
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/sitegraphics/futc-phone.png);
	background-size:30px 42px;
	border-width:2px 0 2px 2px;
    border-style:solid;
    border-color:#808080;
	border-color:var(--secondary-color);
    border-radius:1rem 0 0 1rem;
    }

#phone span
	{
    position:absolute;
    left:-999em;
    }

#social
	{
    float:right;
	margin:0.3125rem 0 0 0.75rem;
    padding-left:0.75rem;
    border-left:1px solid #c2042f;
    border-color:var(--primary-color);
	}

#social li
	{
    float:left;
    margin-left:0.75rem;
    }

#social li:first-child
	{
    margin:0;
    }

#social a
	{
    display:block;
    height:20px;
    background-repeat:no-repeat;
    background-image:url(/sitegraphics/futc-socialicons.png);
    border:none;
    background-size:112px 20px;
    }

#facebook a
	{
    width:20px;
    background-position:left top;
    }

#twitter a
	{
    width:25px;
    background-position:-25px top;
    }

#instagram a
	{
    width:24px;
    background-position:-55px top;
    }

#social a:hover, #social a:focus
	{
    background-color:transparent;
    }

#social a span
	{
    position:absolute;
    left:-999em;
    }

@media screen and (min-width:481px)
    {
    #header
		{
	    padding:10px 4%;
        }
	
	#header-supplemental
		{
		padding:0 4%;
		}
	
	#phone
		{
        font-size:0.875em;
        }
    }

@media screen and (min-width:768px)
    {
    #phone
		{
		position:static;
        right:auto;
        bottom:auto;
        float:right;
        /*margin-top:34px;*/
		margin:0.375rem 0 0 0.75rem;
        /*padding-left:0.75em;*/
		padding:0.125rem 0 0.25rem 0.75em;
        font-size:0.875em;
        color:#fff;
		line-height:1em/*1.5em*/;
        border-left:1px solid #c2042f;
        border-color:var(--primary-color);
        }

    #phone a
		{
        display:inline;
        width:auto;
        height:auto;
        padding:0;
        color:#fff;
        background:none;
        border:none;
        border-radius:0;
        }
    
    #phone a:hover, #phone a:active, #phone a:focus
		{
        background:none;
        border:none;
        cursor:text;
        }

    #phone span
		{
        position:static;
        left:auto;
        }
    }


/* Navigation
----------------------------------------------------------------------------------*/

#nav, #nav-sub
	{
    display:none;
    }

#nav
    {
    position:fixed;
    top:112px;
    right:5%;
    float:right;
    width:75%;
	max-height:80%;
    border-width:0 2px 2px 2px;
    border-style:solid;
    border-color:#808080;
	border-color:var(--secondary-color);
	overflow:scroll;
    z-index:2 !important;
    }

#nav ul
    {
    font:600 1em "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    }

#nav li
    {
    left:0;
	float:left;
    width:100%;
	border-top:1px solid #808080;
    border-color:var(--secondary-color);
    }

#nav li:first-child
    {
	border:none;
    }

#nav a
    {
    display:block;
    padding:0.4375em 5% 0.3125em;
    color:#dadada;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.84);
    border:none;
    }

#nav a:hover, #nav a:focus
    {
    color:#fff;
    background-color:rgb(194,4,47);
    background-color:rgba(194,4,47,0.92);
    }

#nav li ul
    {
    padding-left:0;
    font-size:1em;
    border-top:1px solid #808080;
    border-color:var(--secondary-color);
    }

#nav li li a
	{
    padding-left:1.25em;
    }

#nav li li a:before
	{
    content:"\00bb\00a0";
    }

#nav-top
	{
    float:right;
    font:500 0.6875em "Montserrat", "Lato", Arial, Helvetica, sans-serif;
    /*text-transform:uppercase;*/
    }

#nav-top li
	{
    float:left;
    }

#nav-top a
	{
    display:block;
    height:30px;
    padding:0.5rem 0.625rem;
    color:#fff;
    box-sizing:border-box;
    }

/*#nav-top li:nth-child(2) a
	{
    background-color:#ed1b24;
    background-color:var(--secondary-color);
    }*/

#nav-top a:hover, #nav-top a:focus, #nav-top li:nth-child(2) a:hover, #nav-top li:nth-child(2) a:focus
	{
    color:#0c0c0c;
    background-color:#c0c0c0;
    }

#nav-menu-link
	{
    position:fixed;
    top:30px;
    right:5%;
    margin-bottom:1.5rem;
	z-index:3;
    }

#nav-m
	{
    padding:1.375rem 0 0;
    font-size:0.875em;
    line-height:1em;
    }

#nav-m .btn-simple
	{
    padding-right:31px;
    background-repeat:no-repeat;
    background-position:/*54px*/56px 7px;
    background-image:url(/sitegraphics/futc-menulines.png);
	background-size:20px 42px;
    }

#nav-m .btn-simple:hover, #nav-m .btn-simple:focus
	{
    background-position:/*54px*/56px -22px;
    }

#nav-actions
	{
    }

#nav-actions ul
	{
    }

#nav-actions li
	{
    }

#nav-actions a
	{
    }

#nav-actions #tile01 a
	{
    }

#nav-actions #tile02 a
	{
    }

#nav-actions #tile03 a
	{
    }

#nav-actions a span
	{
    }

#nav-actions .content-highlight > li h2, #nav-inpage .content-highlight > li h2
	{
	margin:0;
    padding:0;
    color:#000;
	background-color:unset;
	/*background-color:var(--primary-color);*/
    }

#nav-actions a:hover, #nav-actions a:focus
	{
    }

#nav-actions a:hover span
	{
    }

#nav-mobile
	{
    width:80%;
    margin:0 auto 1.5rem;
	clear:both;
    }

#nav-mobile h2
	{
    margin-bottom:0.75em;
    }

#nav-mobile .xtarget:target
	{
    margin-top:-112px;
    padding-top:112px;
    }

#nav-mobile ul
	{
    line-height:1em;
    }

#nav-mobile li
	{
    left:0;
	border-width:0 0 1px;
    border-style:solid;
    border-color:#c0c0c0;
    }

#nav-mobile li:first-child
	{
    border-width:1px 0;
    }

#nav-mobile li a
	{
    display:block;
    padding:0.5em 3%;
    border:none;
    }

#nav-mobile li a:hover, li #nav-mobile a:active, li #nav-mobile a:focus
	{
    }

#nav-mobile li li a
	{
    padding-left:1.25em;
    }

#nav-mobile li li a::before
	{
    content:"\00bb\00a0";
    }

#nav-mobile li li, #nav-mobile li li:first-child
	{
    border-width:1px 0 0;
    }

@media screen and (max-width:300px)
    {
    #nav-menu-link
		{
        position:static;
		margin:0 0 1rem 5%;
        }
    }

@media screen and (min-width:370px)
    {
    #nav-top
		{
        font-size:0.75em;
        }
    }

@media screen and (min-width:481px)
    {
    #nav
        {
        width:50%;
        max-height:60%;
        right:4%;
        left:unset;
        /*border-width:0 0 4px 4px;*/
        }
	
	#nav-menu-link
		{
        right:4%;
        }
    }

@media screen and (min-width:768px)
    {
    #nav
        {
        width:44%;
        }
	
	#nav-actions
		{
        /*font-size:1em;*/
        }
    
    #nav-actions li
		{
        /*width:48%;
        margin:0 1% 1em;*/
        }
    
    #nav-actions a
		{
        /*width:194px;*/
        }
    }


/* Main background
----------------------------------------------------------------------------------*/

#main
	{
    float:left;
    width:100%;
	margin-top:112px;
    padding:1.5rem 5% 0;
	box-sizing:border-box;
    }

#container-intro #main
	{
	height:400px;
	padding-top:1.5rem;
	/*background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.6);*/
    }

@media screen and (min-width:481px)
    {
    #main
		{
	    padding:1.25rem 4% 0;
        }
    }

@media screen and (min-width:768px)
    {
    #container-intro #main
		{
		height:400px;
		padding-top:2.5rem;
		}
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:100%;
	}

#content h2, #content h3, #content p, #content ul, #content ol
	{
    text-align:left !important;
    }

#transitionwelcome
	{
    display:none;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0.8);
    z-index:999;
    height:100%;
    width:100%;
    }

#transitionwelcome .modal-content
	{
    position:absolute;
    top:50%;
    left:50%;
    /*transform:translate(-50%, -50%); if modal-slide-in-up class is not used, uncomment this */
    width:90%;
    padding:1.5rem;
    color:#c0c0c0;
    background-color:#0c0c0c;
    border:4px solid #c2042f;
	border-color:var(--primary-color);
    border-radius:0.25rem;
	box-sizing:border-box;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    }

.modal-slide-in-up
	{
    -webkit-animation:modal-slide-in-up 1s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:modal-slide-in-up 1s ease forwards; /* Firefox < 16 */
    -ms-animation:modal-slide-in-up 1s ease forwards; /* Internet Explorer */
    -o-animation:modal-slide-in-up 1s ease forwards; /* Opera < 12.1 */
    animation:modal-slide-in-up 1s ease forwards;
    }

@keyframes modal-slide-in-up
    {
    from
        {
        opacity:0;
        transform:translate(-50%, -44%);
        }
    to
		{
        opacity:1;
        transform:translate(-50%, -50%);
        }
    }

.btn-modal
	{
    display:inline-block;
    margin-top:0.5rem;
    padding:0.375rem 0.625rem;
    font:700 1em "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#fff;
    background-color:#c2042f;
	background-color:var(--primary-color);
    border:none;
	border-radius:0.1875rem;
    }

.btn-modal:hover, .btn-modal:focus
	{
    color:#202020;
    background-color:#c0c0c0;
    /*background-color:var(--primary-color);*/
    cursor:pointer;
    }

#loading
	{
    margin-top:3.125rem;
    }

.video-container
	{
	position:relative;
	max-width:100%;
	height:0;
	margin-bottom:1.5rem;
    padding-bottom:56.25% !important; /* 16/9 ratio */
    /*padding-top:30px; /* IE6 workaround*/
    overflow:hidden;
	clear:both;
	}

.video-container iframe, .video-container object, .video-container embed
	{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:98.5%;
	}

.content-blocks-2x, .content-blocks-2x-uneven, .content-blocks-rows, .content-blocks-reversed, .content-blocks-3x, .content-blocks-4x, .content-block-left, .content-block-right
	{
	float:left;
	width:100%;
	padding:0;
	font-size:1em;
	list-style-type:none;
	}

.content-block-left, .content-block-right
	{
    margin-bottom:1.5rem;
    }

.content-blocks-2x + h2, .content-blocks-2x + h3, .content-blocks-2x-uneven + h2, .content-blocks-2x-uneven + h3, .content-blocks-rows + h2, .content-blocks-rows + h3, .content-blocks-reversed + h2, .content-blocks-reversed + h3, .content-blocks-3x h2, .content-blocks-3x h3, .content-blocks-4x h2, .content-blocks-4x h3, .content-block-left + h2, .content-block-left + h3, .content-block-right + h2, .content-block-right + h3
	{
    clear:both;
    }

.content-blocks-2x ol, .content-blocks-2x ul, .content-blocks-2x-uneven ol, .content-blocks-2x-uneven ul, .content-blocks-3x ul, .content-blocks-3x ol, .content-blocks-4x ol, .content-blocks-4x ul, .content-blocks-rows ol, .content-blocks-rows ul, .content-blocks-reversed ol, .content-blocks-reversed ul, .content-block-left ol, .content-block-left ul, .content-block-right ol, .content-block-right ul
	{
	padding-bottom:1.5rem;
	}

.content-blocks-2x ul, .content-blocks-2x-uneven ul, .content-blocks-rows ul, .content-blocks-reversed ul, .content-blocks-3x ul, .content-blocks-4x ul, .content-block-left ul, .content-block-right ul
	{
	list-style-type:disc;
	}

.content-blocks-2x > li, .content-blocks-2x-uneven > li, .content-blocks-rows > li, .content-blocks-reversed > li, .content-blocks-3x > li, .content-blocks-4x > li, .content-block-left > li, .content-block-right > li
	{
	left:0;
	margin-bottom:1.5rem;
	}

.content-blocks-2x > li p:last-child, .content-blocks-2x > li ol:last-child, .content-blocks-2x > li ul:last-child, .content-blocks-2x-uneven > li p:last-child, .content-blocks-2x-uneven > li ol:last-child, .content-blocks-2x-uneven > li ul:last-child, .content-blocks-rows > li p:last-child, .content-blocks-rows > li ol:last-child, .content-blocks-rows > li ul:last-child, .content-blocks-reversed > li p:last-child, .content-blocks-reversed > li ol:last-child, .content-blocks-reversed > li ul:last-child, .content-blocks-3x > li p:last-child, .content-blocks-3x > li ol:last-child, .content-blocks-3x > li ul:last-child, .content-blocks-4x > li p:last-child, .content-blocks-4x > li ol:last-child, .content-blocks-4x > li ul:last-child
	{
    padding-bottom:0;
    }

.content-blocks-2x > li :last-child, .content-blocks-2x-uneven > li :last-child, .content-blocks-rows > li :last-child, .content-blocks-reversed > li :last-child, .content-blocks-3x > li :last-child, .content-blocks-4x > li :last-child
	{
    margin-bottom:0;
	padding-bottom:0;
    }

.content-blocks-2x fieldset, .content-blocks-rows fieldset, .content-blocks-reversed fieldset, .content-blocks-3x fieldset, .content-blocks-4x fieldset
	{
    margin-bottom:1.5rem;
    border:none;
    }

.content-blocks-2x fieldset legend, .content-blocks-2x fieldset label, .content-blocks-rows fieldset legend, .content-blocks-rows fieldset label, .content-blocks-reversed fieldset legend, .content-blocks-reversed fieldset label, .content-blocks-3x fieldset legend, .content-blocks-3x fieldset label, .content-blocks-4x fieldset legend, .content-blocks-4x fieldset label
	{
	display:block;
    width:100%;
    }

.content-blocks-2x fieldset legend, .content-blocks-rows fieldset legend, .content-blocks-reversed fieldset legend, .content-blocks-3x fieldset legend, .content-blocks-4x fieldset legend
	{
    font-weight:700;
    font-size:1.3125em;
    }

.content-blocks-2x fieldset input, .content-blocks-rows fieldset input, .content-blocks-reversed fieldset input, .content-blocks-3x fieldset input, .content-blocks-4x fieldset input
	{
    margin-right:0.5rem;
    }

.content-highlight > li, div.content-highlight
	{
	padding:1rem/*1.25rem 1.25rem 0*/;
	border:1px solid #c0c0c0;
	overflow:hidden;
    border-radius:0.25rem;
	box-sizing:border-box;
    box-shadow:-2px 2px 8px #808080;
	}

.content-highlight > li h2, .content-highlight > li h4.highlight-heading, div.content-highlight h2
	{
	margin:-1rem -1.25rem 0.5rem;
    padding:0.5rem 1.25rem;
    color:#fff/*#01669a*/;
	background-color:#c2042f;
	background-color:var(--primary-color);
    }

.content-highlight > li h4.highlight-subheading
	{
    margin-bottom:0.5125em;
	padding-bottom:0.15em;
    border-bottom:1px solid #c0c0c0;
    }

.content-actions > li
	{
    border:none;
    }

.content-actions > li a:first-of-type
	{
    display:block;
	position:relative;
    margin:-1rem;
    padding:1.5rem 1.5rem 2.5rem;
    background-image:url(/sitegraphics/futc-intro-tile.png);
    background-position:0% 50%;
    background-repeat:no-repeat;
    border:1px solid #c0c0c0;
    border-radius:0.25rem;
    box-shadow:-2px 2px 8px #404040;
    overflow:hidden;
    }

.content-actions > li a:first-of-type::after
	{
    content:""/*"\2192"*/;
    position:absolute;
    right:1rem;
    bottom:1rem;
	width:14px;
    height:12px;
    font-weight:700;
    font-size:1.375em;
	color:#808080;
    color:var(--secondary-color);
    background:no-repeat url(/sitegraphics/futc-arrow.png);
    background-size:14px 24px;
    }

.content-actions > li a:first-of-type:hover, .content-actions > li a:first-of-type:focus
	{
    color:#fff;
    background-color:#c2042f;
    background-color:var(--primary-color);
    border-color:#c2042f;
    border-color:var(--primary-color);
    }

.content-actions > li h2, .content-actions > li h4.highlight-heading
	{
    margin-bottom:1rem;
    }

.content-actions > li p
	{
    color:#000;
    }

.content-actions > li a:first-of-type:hover h2, .content-actions > li a:first-of-type:focus h2, .content-actions > li a:first-of-type:hover h4.highlight-heading, .content-actions > li a:first-of-type:focus h4.highlight-heading
	{
    color:#fff !important;
    /*color:var(--primary-color);*/
    background-color:#c2042f;
    background-color:var(--primary-color);
    }

.content-actions > li a:first-of-type:hover::after
	{
    background-position:center -12px;
    }

.content-actions > li img
	{
    }

.content-staff > li
	{
    max-width:268px;
    margin:0 auto 1.5rem;
    }

.content-staff img
	{
    max-width:166px/*234px*/;
    margin:0 auto 1rem;
    }

.content-staff .staff-jobtitle
	{
    width:auto;
    padding-bottom:0;
    font-style:italic;
    font-size:1em;
    }

.btn-callout, .btn-callout-alt, .btn-return
	{
    font:600 0.875em "Montserrat", Arial, Helvetica, sans-serif;
	list-style-type:none;
    text-transform:capitalize;
    }

.btn-callout > li
	{
    left:0;
    }
	
.btn-callout a, .btn-callout-alt a, .btn-return a
	{
    position:relative;
    display:inline-block;
	/*padding:0.375em 0.625em 0.375em 0.875em !important;*/
    color:#fff;
    background-color:#c2042f;
	background-color:var(--primary-color);
    border:none;
    }

.btn-callout-alt a
	{
    background-color:#3a3a3a;
    }

.btn-callout a, .btn-callout-alt a
	{
    margin-right:1.6875rem;
    padding:0.375em 0.625em 0.375em 0.875em !important;
	border-radius:1rem 0 0 1rem;
    }

.btn-return a
	{
	margin-left:1.6875rem;
    padding:0.375em 0.875em 0.375em 0.625em !important;
    border-radius:0 1rem 1rem 0;
    }

.btn-callout span, .btn-callout-alt span, .btn-return span
	{
    position:absolute;
    top:0;
	display:inline-block;
	/*padding:0.375em 0.875em 0.375em 0.625em !important;*/
    background-color:#8a0322;
	background-color:var(--alternate-color);
    }

.btn-callout-alt span
	{
    background-color:#2e2e2e;
    /*background-color:var(--secondary-color);*/
    }

/*.btn-callout span, .btn-return span
	{
    padding:0.375em 0.625em;
	}*/
	
.btn-callout span, .btn-callout-alt span
	{
	right:-1.6875rem;
    padding:0.375em 0.875em 0.375em 0.625em !important;
	border-radius:0 1rem 1rem 0;
    }

.btn-return span
	{
	left:-1.6875rem;
    padding:0.375em 0.625em 0.375em 0.875em !important;
	border-radius:1rem 0 0 1rem;
    }

.btn-callout a:hover, .btn-callout a:focus, .btn-return a:hover, .btn-return a:focus, .btn-callout-alt a:hover, .btn-callout-alt a:focus
	{
    color:#0c0c0c/*#202020*/;
    background-color:#c0c0c0/*#d9edf8*/;
	/*background-color:var(--highlight-color);*/
    }

.btn-callout a:hover span, .btn-callout a:focus span, .btn-return a:hover span, .btn-return a:focus span, .btn-callout-alt a:hover span, .btn-callout-alt a:focus span
	{
    background-color:#808080/*#0072cf*/;
	/*background-color:var(--alternate-color);*/
    }

.btn-simple, .btn-form
	{
    position:relative;
    font-weight:700;
    font-size:1em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
    background-color:#c2042f;
	background-color:var(--primary-color);
	border:2px solid #c2042f;
	border-color:var(--primary-color);
	border-radius:0.1875rem;
	cursor:pointer;
    }

.btn-simple
	{
	padding:0.3125rem 0.375rem 0.25rem;
    }

.btn-form
	{
	padding:0.25rem 0.375rem 0.1875rem;
    }

.btn-simple:hover, .btn-simple:focus, .btn-form:hover, .btn-form:focus
	{
    color:#202020;
	background-color:#c0c0c0;
	/*background-color:var(--secondary-color);*/
	border-color:#c0c0c0;
	/*border-color:var(--secondary-color);*/
    }

.textbox, .shorttextbox
	{
    margin:0 0.75rem 1rem;
    padding:1px;
    }

.shorttextbox
	{
    width:3em;
    }

.checkbox input, .radiobutton input
	{
    margin-right:0.5rem;
    }

@media screen and (min-width:481px)
    {
    .btn-return
		{
        /*font-size:0.9375em;*/
        }
	
	.content-blocks-2x ol, .content-blocks-2x ul, .content-blocks-rows ol, .content-blocks-rows ul, .content-blocks-reversed ol, .content-blocks-reversed ul, .content-blocks-3x ol, .content-blocks-3x ul, .content-blocks-4x ol, .content-blocks-4x ul, .textbox, .shorttextbox, .button, .formButton
		{
	    font-size:0.875em;
	    }
    }

@media screen and (min-width:671px)
    {
    .video-container
		{
        max-width:670px/*600px*/;
        padding-bottom:377.5px/*337.5px; /* 16/9 ratio */
	    }
	
	.video-container iframe, .video-container object, .video-container embed
		{
        max-height:377.5px/*337.5px*/;
	    }
    }

@media screen and (min-width:768px)
    {
	#transitionwelcome .modal-content
		{
        top:31%;
        width:69%;
        }
	
	.twocolumnlist, .threecolumnlist
		{
        padding-left:2em;
        list-style-position:outside;
        -webkit-column-gap:2em; /* Chrome, Safari, Opera */
        -moz-column-gap:2em; /* Firefox */
        column-gap:2em;
        }
    
    .twocolumnlist
		{
        -webkit-column-count:2; /* Chrome, Safari, Opera */
        -moz-column-count:2; /* Firefox */
        column-count:2;
        -webkit-column-width:50%; /* Chrome, Safari, Opera */
        -moz-column-width:50%;
        column-width:50%;
        }
    
    .threecolumnlist
		{
        -webkit-column-count:3; /* Chrome, Safari, Opera */
        -moz-column-count:3; /* Firefox */
        column-count:3;
        -webkit-column-width:33.3%; /* Chrome, Safari, Opera */
        -moz-column-width:33.3%;
        column-width:33.3%;
        }
	
	.content-blocks-2x > li, .content-blocks-reversed > li, .content-blocks-3x > li, .content-blocks-4x > li
		{
        width:48.5%;
        }
	
	.content-blocks-2x-uneven > li:nth-child(1)
		{
        width:67.5%;
        }

    .content-blocks-2x-uneven > li:nth-child(2)
		{
        width:29.5%;
        }
    
    .content-blocks-2x > li:nth-child(odd), .content-blocks-2x-uneven > li:nth-child(1), .content-blocks-reversed > li:nth-child(even), .content-blocks-3x > li:nth-child(odd), .content-blocks-4x > li:nth-child(odd)
		{
	    float:left;
	    clear:left;
	    }
	
    .content-blocks-2x > li:nth-child(even), .content-blocks-2x-uneven > li:nth-child(2), .content-blocks-reversed > li:nth-child(odd), .content-blocks-3x > li:nth-child(even), .content-blocks-4x > li:nth-child(even)
		{
	    float:right;
	    clear:right;
	    }
	
	.content-blocks-rows.content-highlight > li
		{
	    padding:1.5rem /*1rem*/0 0/*1.25em 1.25em 0*/;
	    border-width:1px 0 0;
        -moz-border-radius:0;
	    -webkit-border-radius:0;
	    border-radius:0;
	    }

    .content-blocks-rows.content-highlight > li:first-child
		{
	    border-width:0;
	    }

    .content-blocks-rows img
		{
        float:right;
        max-width:40%;
        }

    .content-blocks-rows.content-highlight > li h5.highlight-subheading
		{
        border:none;
        }
	
	.content-block-left, .content-block-right
		{
        width:48.5%;
        margin-bottom:1.5rem;
        }

    .content-block-left
		{
        float:left;
        margin-right:1.5%;
        }

    .content-block-right
		{
        float:right;
        margin-left:1.5%;
        }
    }


/* Workforce General
----------------------------------------------------------------------------------*/

#wfg-jobdetail h2:first-of-type
    {
    margin-bottom:0.5125em;
	padding-bottom:0.15em;
	font-weight:700;
	font-size:1.75em;
	font-family:"Montserrat", "Lato", Arial, Helvetica, sans-serif;
	color:#505050;
	line-height:1.10em;
	/*letter-spacing:-0.03125em;*/
	text-transform:uppercase;
	border-bottom:1px solid #c0c0c0;
    }

#wfg-jobopeninglist .content-highlight h4
    {
    margin-bottom:0.5125em;
	padding-bottom:0.15em;
    border-bottom:1px solid #c0c0c0;
    }

.btn-wfg
	{
    display:inline-block;
    margin-bottom:1.5rem;
    padding:0;
    font:700 1em "Montserrat", Arial, Helvetica, sans-serif;
	list-style-type:none;
    text-transform:capitalize/*uppercase*/;
    }
	
.btn-wfg a
	{
    position:relative;
    display:inline-block;
    margin-right:1.8125rem;
	padding:0.375rem 0.625rem !important;
    color:/*#202020*/#fff;
    background-color:#01669a;
    border:none;
    border-radius:0.1875rem 0 0 0.1875rem;
    }

/* updated markup as of 04/05/2019 */

h2 + #wfg-joblist
	{
    margin-top:1em;
    }

.wfg-list
	{
	float:left;
	width:100%;
	padding:0;
	font-size:1em;
	list-style-type:none;
	}

.wfg-list > li
	{
	left:0;
	margin-bottom:1.5em;
    padding:1em/*1.25em 1.25em 0*/;
	border:1px solid #c0c0c0;
	overflow:hidden;
    border-radius:0.1875rem;
	box-sizing:border-box;
	}

.wfg-list > li p:last-child
	{
    padding-bottom:0;
    }

.wfg-list > li :last-child
	{
    margin-bottom:0;
	padding-bottom:0;
    }

.wfg-list > li h3
	{
	/*margin:-20px -20px 0.5em;
    padding:0.5em 20px;
    color:#fff;
	background-color:#4052a3;*/
    margin-bottom:0.5125em;
	padding-bottom:0.15em;
    border-bottom:1px solid #c0c0c0;
    }

/*.wfg-button
	{
    display:inline-block;
    margin-bottom:1.5rem;
    padding:0;
    font:700 1em "Montserrat", Arial, Helvetica, sans-serif;
	list-style-type:none;
    text-transform:uppercase;
	padding:0.375rem 0.625rem !important;
    color:#fff;
    background-color:#01669a;
    border:none;
    border-radius:0.1875rem;
    }*/

.wfg-button
	{
    position:relative;
    display:inline-block;
    float:right;
    /*margin-bottom:1.5rem;*/
    margin:1rem 0.75rem 2rem 3.5rem;
    padding:0;
    font:600 1em "Montserrat", Arial, Helvetica, sans-serif;
	list-style-type:none;
    text-transform:capitalize;
	padding:0.375rem 0.625rem !important;
    color:#fff;
    /*background-color:#01669a;*/
    background-color:#c41230;
    background-color:var(--primary-color);
    border:none;
    border-radius:0.1875rem;
    }

.wfg-button::after
    {
    position:absolute;
    top:-0.75rem;
    left:-1.5rem;
    content:"";
    width:100%;
    padding:1rem 1rem 3rem 1.25rem;
    border-width:0 0 1px 1px;
    border-style:solid;
    border-color:#c0c0c0;
    border-radius:0 0 0 0.25rem;
    }

.btn-wfg span
	{
    position:absolute;
    top:0;
    right:-1.8125rem;
	display:inline-block;
	padding:0.375rem 0.625rem !important;
    background-color:#404040/*#d9edf8*/;
    border-radius:0 0.1875rem 0.1875rem 0;
    }

/*.btn-wfg span
	{
    right:0;
	text-indent:-999em;
	padding:0.625em 1.375em;
    background-repeat:no-repeat;
	background-image:url(/sitegraphics/futc-btn-arrows.png);
	background-position:-45px 15px/*center/;
    border-radius:1.5rem;
    }*/

.btn-wfg a:hover, .btn-wfg a:focus, .wfg-button:hover, .wfg-button:focus
	{
    color:#0c0c0c;
    background-color:#c0c0c0;
    }

.btn-wfg a:hover span, .btn-wfg a:focus span
	{
    background-color:#2399d5;
    }

#wfg-current-openings
	{
	margin-bottom:1.5rem;
	border:1px solid #c0c0c0;
	overflow:hidden;
	/*border-radius:0.1875rem;*/
	box-sizing:border-box;
	}

#wfg-current-openings h2
	{
	padding:0.5rem 0.625rem;
	color:#fff;
	background-color:#01669a;
	}

#wfg-current-openings p, #wfg-current-openings h4
	{
	padding-left:1rem;
	padding-right:1rem;
	}

@media screen and (min-width:481px)
    {
    .btn-wfg
		{
        /*font-size:0.9375em;*/
        }
	
	.wfg-list ul
		{
	    font-size:0.875em;
	    }
    }

@media screen and (min-width:768px)
    {
    .wfg-list > li
		{
        width:48.5%;
        }
    
    .wfg-list > li:nth-child(odd)
		{
	    float:left;
	    clear:left;
	    }
	
    .wfg-list > li:nth-child(even)
		{
	    float:right;
	    clear:right;
	    }
	
	#wfg-current-openings
		{
        float:right;
        max-width:40%;
        margin-left:1.5rem;
        }
    }


/* Animations/Dynamic Effects
--------------------------------------------------------------------------------*/

.slide-in-up
	{
    -webkit-animation:slide-in-up 1s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:slide-in-up 1s ease forwards; /* Firefox < 16 */
    -ms-animation:slide-in-up 1s ease forwards; /* Internet Explorer */
    -o-animation:slide-in-up 1s ease forwards; /* Opera < 12.1 */
    animation:slide-in-up 1s ease forwards;
    }

.slide-in-down
	{
    -webkit-animation:slide-in-down 1s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:slide-in-down 1s ease forwards; /* Firefox < 16 */
    -ms-animation:slide-in-down 1s ease forwards; /* Internet Explorer */
    -o-animation:slide-in-down 1s ease forwards; /* Opera < 12.1 */
    animation:slide-in-down 1s ease forwards;
    }

.slide-in-right
	{
    -webkit-animation:slide-in-right 1s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:slide-in-right 1s ease forwards; /* Firefox < 16 */
    -ms-animation:slide-in-right 1s ease forwards; /* Internet Explorer */
    -o-animation:slide-in-right 1s ease forwards; /* Opera < 12.1 */
    animation:slide-in-right 1s ease forwards;
    }

.slide-in-left
	{
    -webkit-animation:slide-in-left 1s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:slide-in-left 1s ease forwards; /* Firefox < 16 */
    -ms-animation:slide-in-left 1s ease forwards; /* Internet Explorer */
    -o-animation:slide-in-left 1s ease forwards; /* Opera < 12.1 */
    animation:slide-in-left 1s ease forwards;
    }

.slide-in-up:nth-child(odd), .slide-in-down:nth-child(odd), .slide-in-right:nth-child(odd), .slide-in-left:nth-child(odd)
	{
    /*animation-duration:1.2s; /* So they look staggered */
    }

.slide-in-up:nth-child(even), .slide-in-down:nth-child(even), .slide-in-right:nth-child(even), .slide-in-left:nth-child(even)
	{
    animation-delay:0.2s; /* So they look staggered */
    }

.already-visible
	{
    transform:translateY(0);
    -webkit-animation:none; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:none; /* Firefox < 16 */
    -ms-animation:none; /* Internet Explorer */
    -o-animation:none; /* Opera < 12.1 */
    animation:none;
    }

.bloom
	{
    transition:all .2s ease-in-out;
    }

.bloom:hover
	{
    transform:scale(1.025);
    }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slide-in-up
    {
    from
        {
        opacity:0;
        transform:translateY(24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Firefox < 16 */
@-moz-keyframes slide-in-up
    {
    from
        {
        opacity:0;
        transform:translateY(24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Internet Explorer */
@-ms-keyframes slide-in-up
    {
    from
        {
        opacity:0;
        transform:translateY(24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Opera < 12.1 */
@-o-keyframes slide-in-up
    {
    from
        {
        opacity:0;
        transform:translateY(24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

@keyframes slide-in-up
    {
    from
        {
        opacity:0;
        transform:translateY(24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slide-in-down
    {
    from
        {
        opacity:0;
        transform:translateY(-24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Firefox < 16 */
@-moz-keyframes slide-in-down
    {
    from
        {
        opacity:0;
        transform:translateY(-24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Internet Explorer */
@-ms-keyframes slide-in-down
    {
    from
        {
        opacity:0;
        transform:translateY(-24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Opera < 12.1 */
@-o-keyframes slide-in-down
    {
    from
        {
        opacity:0;
        transform:translateY(-24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

@keyframes slide-in-down
    {
    from
        {
        opacity:0;
        transform:translateY(-24px);
        }
    to
		{
        opacity:1;
        transform:translateY(0);
        }
    }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slide-in-right
    {
    from
        {
        opacity:0;
        transform:translateX(-24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

/* Firefox < 16 */
@-moz-keyframes slide-in-right
    {
    from
        {
        opacity:0;
        transform:translateX(-24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

/* Internet Explorer */
@-ms-keyframes slide-in-right
    {
    from
        {
        opacity:0;
        transform:translateX(-24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

/* Opera < 12.1 */
@-o-keyframes slide-in-right
    {
    from
        {
        opacity:0;
        transform:translateX(-24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

@keyframes slide-in-right
    {
    from
        {
        opacity:0;
        transform:translateX(-24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slide-in-left
    {
    from
        {
        opacity:0;
        transform:translateX(24px);
        }
    to
        {
        opacity:1;
        transform:translateX(0);
        }
    }

/* Firefox < 16 */
@-moz-keyframes slide-in-left
    {
    from
        {
        opacity:0;
        transform:translateX(24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

/* Internet Explorer */
@-ms-keyframes slide-in-left
    {
    from
        {
        opacity:0;
        transform:translateX(24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

/* Opera < 12.1 */
@-o-keyframes slide-in-left
    {
    from
        {
        opacity:0;
        transform:translateX(24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }

@keyframes slide-in-left
    {
    from
        {
        opacity:0;
        transform:translateX(24px);
        }
    to
		{
        opacity:1;
        transform:translateX(0);
        }
    }


/* Summary/Item list
--------------------------------------------------------------------------------*/

ul.itemlist, ol.itemlist
	{
    float:left;
    width:100%;
    margin:0.5rem 0 1.5rem;
    padding:0;
	font-size:1em;
    list-style-type:none;
	/*text-align:center;*/
    clear:both;
    }

.itemlist li
	{
    position:relative;
    left:0;
	float:left;
    width:100%;
    margin-bottom:1.5rem;
    }

.tilelist li
	{
    /*text-align:center;*/
	padding:1rem;
    border:1px solid #c0c0c0;
    border-radius:0.25rem;
    box-sizing:border-box;
    }

/*.itemlist li ul
    {
    list-style:none;
    padding:0 0 1.5rem 0.5rem;
    }

.itemlist li li
    {
    position:static;
    float:none !important;
    width:auto;
    margin:0;
    border:none;
    }

.itemlist li li label input
    {
    margin-right:0.5rem;
    }*/

.itemlist li a.iteminfo
	{
    position:relative;
    display:block;
    /*float:left;*/
    margin-bottom:0;
    /*padding:1rem;*/
    /*background:transparent;*/
    border:none;
    /*overflow:hidden;*/
    }

.tilelist li a.iteminfo
	{
    float:none !important;
    width:auto;
    height:auto;
    padding:1em;
    /*margin:0 auto 0.5rem;*/
    overflow:hidden;
    border-radius:0.125rem;
    }

.itemlist li a.itemadd
	{
    position:relative;
    display:block;
    float:left;
    width:100%;
    margin-bottom:0;
    padding:0.625rem 0;
    /*background:transparent;*/
    border:none;
    overflow:hidden;
    }

.itemlist li span
	{
    width:100%;
    padding:0;
    }

.itemlist li span.warning
	{
    float:none !important;
    width:100%;
    padding:0 0 1rem;
    }

.itemlist li a.iteminfo span.itemprice
	{
    position:relative;
    display:block;
    float:none;
    width:auto;
    height:auto;
    padding:1em 0 0 0;
    font-weight:700;
    color:#288028/*#4d9a4d*/;
    }

.itemlist li img
	{
    max-height:150px;
    margin:0 auto 0.5rem;
    }

.itemlist strong, .itemlist em
	{
    /*text-align:center;*/
    }

.itemlist strong
	{
    display:block;
    padding-bottom:0;
    font-size:1.125em;
    }

.itemlist em
	{
    padding-bottom:1em;
    font-style:normal;
    font-size:1em;
    /*color:#333;*/
    }

.itemlist p strong, .itemlist p em
	{
    font-size:1em;
    }

.itemlist p strong
	{
    display:inline;
    }

.itemlist p em
	{
    padding:0;
    font-style:italic;
    }

.itemlist em p
	{
    font-size:1em;
    }

.itemlist li a.itemadd span
	{
    display:block;
    width:100px;
    margin:0 auto;
    padding-top:0.25rem;
    height:20px;
    font-size:0.75em;
    color:#dadada;
    text-align:center;
    background:url(/sitegraphics/eti-webstore-but-add.gif) no-repeat left top;
    border:none;
    overflow:hidden;
    }

.tilelist li:hover
	{
    border:1px solid #505050;
    }

/*ul.itemlist li:hover a.iteminfo
    {
    background:#daefff;
    }*/

.itemlist a.iteminfo:hover, .itemlist a.iteminfo:focus
	{
    /*background:#1a1a1a;*/
    }

.itemlist li a.iteminfo:hover img
	{
    /*border-color:#e5df98;*/
    }

.itemlist a:hover strong, .itemlist a:focus strong, .itemlist a:hover em, .itemlist a:focus em, .itemlist a.iteminfo:hover span.itemprice
	{
    /*color:#fff;*/
    }

.itemlist li a.itemadd:hover, .itemlist li a.itemadd:active, .itemlist li a.itemadd:focus
	{
    background:#1a1a1a;
    }

/*ul.itemlist li a.itemadd:hover span:hover
    {
    background:url(/sitegraphics/eti-webstore-but-add.gif) left center no-repeat;
    }*/

.itemlist li a.itemadd:active span, .itemlist li a.itemadd:focus span
	{
    padding-top:0.3125rem;
    height:19px;
    background:url(/sitegraphics/eti-webstore-but-add.gif) no-repeat left bottom;
    }

@media screen and (min-width:481px)
    {
    .tilelist li
		{
        position:relative;
        float:left;
        width:204px/*182px*/;
        margin:0 1.1875rem 1.5rem 0;
        /*border:1px solid #505050;*/
        }

    .itemlist li a.iteminfo
		{
        float:left;
        width:170px/*148px*/;
        height:240px;
        margin-bottom:0;
        padding:1rem;
        /*background:transparent;*/
        border:none;
        overflow:hidden;
        }
    
    .itemlist li img
		{
        max-height:200px;
        /*float:right;
        max-width:150px;
        /*height:174px;/
        margin:0 0 0.5rem 1.5rem;
        /*border:1px solid #000;*/
        }
    
    .itemlist li span
		{
        display:block;
        float:left;
        /*width:96%;
        padding:1rem 2% 2%;*/
        }
    }


/* Lightbox galleries
----------------------------------------------------------------------------------*/

.gallery-lb-heading
	{
	clear:both;
	}

.gallery-lb
	{
	float:left;
	width:100%;
	margin-bottom:1.5rem;
	line-height:1em;
	}

.gallery-lb li
	{
	left:0;
	float:left;
	padding:0 0.625rem 0.625rem 0;
	}

.gallery-lb a
	{
	display:block;
	border-width:2px 0;
	border-style:solid;
	border-color:transparent/*#c0c0c0*/;
	/*border:2px solid transparent/*#c0c0c0/;*/
	}

.gallery-lb a:hover, .gallery-lb a:active, .gallery-lb a:focus
	{
	border-color:#01669a;
	/*border-color:var(--primary-color);*/
	}

.gallery-lb a img
	{
	display:block;
	margin:0;
	/*-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;*/
    filter:grayscale(90%);
	}

.gallery-lb a:hover img, .gallery-lb a:focus img
	{
    /*-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;*/
    filter:grayscale(0%);
    }

.lb-content
	{
    border:none;
    }

.lb-content:hover, lb-content:focus
	{
    cursor:zoom-in;
    }


/* Responsive Carousel Galleries
----------------------------------------------------------------------------------*/

.rg-image-wrapper
	{
	position:relative;
    margin-bottom:1.5rem;
	padding:1.5rem 1.75rem 0.125rem;
	background:#606060/*transparent url(/sitegraphics/thumbnailcarousel/black.png) repeat top left*/;
	border-radius:0.25rem;
	min-height:20px;
    }

.rg-image
	{
	position:relative;
	text-align:center;
	line-height:0;
    }

.rg-image img
	{
	max-height:100%;
	max-width:100%;
    }

.rg-image-nav a
	{
	position:absolute;
	top:0;
	left:0;
	background:/*#000*/#3f6db3 url(/sitegraphics/thumbnailcarousel/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
    border:none;
	cursor:pointer;
	/*opacity:0.3;*/
	outline:none;
	border-radius:0.25rem 0 0 0.25rem;
    }

.rg-image-nav a.rg-image-nav-next
	{
	right:0;
	left:auto;
	background-position:115% 50%;
	border-radius:0 0.25rem 0.25rem 0;
    }

.rg-image-nav a:hover
	{
	/*opacity:0.8;*/
    background-color:#404040;
    }

.rg-caption
	{
	text-align:center;
	margin-top:0.9375rem;
	position:relative;
    }

.rg-caption p
	{
	font-size:0.6875em;
	letter-spacing:2px;
	/*font-family:'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;*/
	line-height:1em;
	padding:0 0.9375rem;
	text-transform:uppercase;
    }

.rg-view
	{
	height:30px;
    }

.rg-view a
	{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:0.1875rem;
	background:#464646 url(/sitegraphics/thumbnailcarousel/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
    }

.rg-view a:hover
	{
	opacity:1.0;
    }

.rg-view a.rg-view-full
	{
	background-position:0 0;
    }

.rg-view a.rg-view-selected
	{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
    }

.rg-view a.rg-view-thumbs
	{
	background-position:0 -16px;
    }

.rg-loading
	{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(/sitegraphics/thumbnailcarousel/loading-growballs-b.gif) no-repeat center center;
	margin:-23px 0 0 -23px;
	z-index:100;
	border-radius:0.25rem;
	opacity:0.7;
    }

/* Elastislide styling */

.es-carousel-wrapper
	{
	background-color:#3f6db3/*#101010*/;
	padding:0.625rem 1.6875rem;
	border-radius:0.25rem;
	position:relative;
	/*box-shadow:0 1px 3px rgba(0, 0, 0, 0.9);*/
	position:relative;
	margin-bottom:1.5rem;
    }

.es-carousel
	{
	overflow:hidden;
	background-color:#1a1a1a/*#000*/;
    }

.es-carousel ul
	{
	display:none;
    }

.es-carousel ul li
	{
	height:100%;
	float:left;
	display:block;
    }

.es-carousel ul li a
	{
	display:block;
    margin:0.25rem;
	border-style:solid;
	border-color:#404040;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
    }

.es-carousel ul li.selected a
	{
	border-color:#c0c0c0;
	opacity:1.0;
    }

.es-carousel ul li a img
	{
	display:block;
	border:none;
	max-width:100%;
    max-height:100%;
	margin-bottom:0;
    }

.es-nav span
	{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(/sitegraphics/thumbnailcarousel/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
    }

.es-nav span.es-nav-next
	{
	right:0.5rem;
	left:auto;
	background-position:top right;
    }

.es-nav span:hover
	{
	opacity:1.0;
    }


/* Magnetic gallery
----------------------------------------------------------------------------------*/

.magnetic
	{
    float:left;
    width:100%;
    padding:0;
    list-style-type:none;
    clear:both;
    }

h2 + .magnetic
	{
	margin-top:0.75rem;
	}

.magnetic li
	{
    left:0;
	float:left;
    width:50%;
    height:100px;
    margin-bottom:1.5rem;
    }

.magnetic li img
	{
    margin:0 auto;
    }

@media screen and (min-width:481px)
    {
    .magnetic li
		{
        width:auto;
        margin-right:1.5rem;
        }
    }


/* Paired galleries
----------------------------------------------------------------------------------*/

.pairedlist
	{
    float:left;
    width:100%;
    margin-bottom:1.5rem;
    padding:0;
    font-size:1em;
    list-style-type:none;
    }

h2 + .pairedlist
	{
    margin-top:1.5rem;
    }

.pairedlist li
	{
    left:0;
	float:left;
    width:100%;
    padding:1rem;
    border-width:0 0 1px;
    border-style:solid;
    border-color:#c0c0c0/*#404040*/;
    box-sizing:border-box;
    }

.pairedlist li:first-child
	{
    border-width:1px 0;
    }

.pairedlist a
	{
    display:block;
    border:none;
    }

.pairedlist a:hover, .pairedlist a:focus
	{
    background-color:#e5e5e5/*#202020*/;
    }

.pairedlist li span
	{
    display:block;
    padding:1.5rem 0;
    }

.pairedlist li a span
	{
    padding:1rem;
    }

.pairedlist img
	{
    margin:0 auto 0.5rem;
    }

.pairedlist strong, .pairedlist em
	{
    display:block;
    text-align:center;
    }

.pairedlist strong
	{
    font:700 1.25em "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    }

.pairedlist em
	{
    font-style:normal;
    font-size:1em;
    }

.pairedlist .staff-jobtitle
	{
    width:auto;
    font-style:italic;
    font-size:1em;
    }

.pairedlist .btn-callout a
	{
    margin-bottom:0;
    }

@media screen and (min-width:481px)
    {
    .pairedlist strong
		{
        font-size:1.125em;
        }

    .pairedlist em
		{
        font-size:0.875em;
        }
    }

@media screen and (min-width:768px)
    {
    .pairedlist li
		{
        width:48%;
        }
    
    .pairedlist li, .pairedlist li:first-child
		{
        margin-bottom:1.5rem;
        border-width:0/*1px*/;
        border-radius:0.1875rem;
        }
    
    .pairedlist li:nth-child(odd)
		{
	    float:left;
	    clear:left;
	    }
	
    .pairedlist li:nth-child(even)
		{
	    float:right;
	    clear:right;
	    }
	
	.pairedlist li a
		{
	    border:1px solid #c0c0c0;
	    border-radius:0.1875rem;
	    }
	
	.pairedlist li a:hover, .pairedlist li a:focus
		{
	    border-color:#505050;
	    }
	
	.pairedlist li span
		{
        padding:0;
        }
	
	.pairedlist img
		{
        /*float:right;
        max-width:50%;
        margin:0 0 0.5rem 1.5rem;*/
        }
    
    .pairedlist strong, .pairedlist em
		{
        text-align:left;
        }
    }


/* Grid galleries
----------------------------------------------------------------------------------*/

.grid
	{
    float:left;
    width:100%;
    padding-left:0;
    list-style-type:none;
    clear:both;
    }

.grid li
	{
    left:0;
	float:left;
    padding:0.25rem 1%;
    width:48%;
    height:80px;
    }

.grid li img
	{
    max-height:80px;
    margin:0 auto;
    }

@media screen and (min-width:481px)
    {
    .grid li
		{
        width:196px;
        padding:0.25rem 0.5rem;
        }
    }


/* Google map
----------------------------------------------------------------------------------*/

.map
	{
    width:80%;
    margin:0 auto 1.5rem;
    clear:both;
    }

.map iframe
	{
    width:100%;
    height:350px;
    margin-bottom:0.2rem;
    border:1px solid #c0c0c0/*#404040*/;
	box-sizing:border-box;
    }

@media screen and (min-width:481px)
    {
    }

@media screen and (min-width:768px)
    {
    .map iframe
		{
        height:340px;
        }
    }


/* Supplemental
----------------------------------------------------------------------------------*/

.supplemental
	{
    float:left;
    width:100%;
    padding:1.5rem 5% 0.5rem;
    /*border-top:1px solid #c0c0c0;*/
	box-sizing:border-box;
    }

.supplemental h2
	{
	font-size:1.75em;
    text-transform:uppercase;
    }

#supplementalapply
    {
    min-height:200px;
    color:#fff;
    background:url(/sitegraphics/futc-intro-apply-m-wm.jpg) no-repeat center; 
    }

#supplementalapply .btn-callout a
    {
    box-shadow:-2px 2px 5px #202020;
    }

#supplemental-temporary
	{
    }

#supplemental-temporary img, #supplemental-temporary ul, #supplemental-temporary ol, #supplemental-temporary p:nth-of-type(1n+2)
	{
    display:none;
    }

#supplementalnews
    {
    color:#dadada;
    background:#000 url(/sitegraphics/futc-intro-apply-m-wm.jpg) no-repeat center;
    }

#supplementalnews h2
	{
    margin-bottom:1.5em;
    text-align:center;
    }

#supplementalnews time
    {
    color:#b0b0b0;
    }

#supplementalnews li
	{
    padding-top:1rem;
    border-width:1px 0 0;
    border-style:solid;
    border-color:#c0c0c0;
    box-sizing:border-box;
    }

@media screen and (min-width:481px)
    {
    .supplemental
		{
	    padding:1.5rem 4% 0.5rem;
        }
	
	.supplemental .imageleft
		{
        margin-right:4%;
        }

    .supplemental .imageright
		{
        margin-left:4%;
        }
	
	.supplemental h2
		{
        font-size:1.5em;
        }
    }

@media screen and (min-width:768px)
	{
    #supplementalapply
        {
        text-align:center;
        }

	/* For midline borders of headings */
	/*.supplemental h2
		{
        position:relative;
        margin-bottom:0.5em;
        text-align:center;
        overflow:hidden;
        }

	.supplemental h2 span
		{
        display:inline-block;
        vertical-align:baseline;
        zoom:1;
        *display:inline;
        *vertical-align:auto;
        position:relative;
        padding:0 1rem;
        }

    .supplemental h2 span::before, .supplemental h2 span::after
		{
        content:"";
        display:block;
        width:500%;
        position:absolute;
        top:0.69em;
        border-top:1px solid #539a4e;
        border-color:var(--secondary-color);
        }

    .supplemental h2 span::before
		{
        right:100%;
        }
    
    .supplemental h2 span::after
		{
        left:100%;
        }*/

    #supplementalnews li
		{
        float:left;
        border-width:0 0 0 1px;
        }

    #supplementalnews li:nth-child(1)
		{
        width:33%;
        padding-right:2%;
        border:none;
        }
    
    #supplementalnews li:nth-child(2)
		{
        width:34%;
        padding:1rem 2% 0;
        }

    #supplementalnews li:nth-child(3)
		{
        width:33%;
        padding-left:2%;
        }
	}


/* Footer
----------------------------------------------------------------------------------*/

#footer
	{
    float:left;
    width:100%;
    padding:1rem 5% 0;
    background-color:#1a1a1a;
	border-top:2px solid #808080;
	border-color:var(--secondary-color);
    box-sizing:border-box;
    }

#footer p
	{
	color:#c0c0c0;
    }

#footer a
    {
    color:#808080;
    color:var(--secondary-color);
    border-color:#808080;
    border-color:var(--secondary-color);
    }

#footer a:hover, #footer a:active, #footer a:focus
	{
    color:#fff;
    background-color:transparent;
    border-bottom-color:#fff;
    }

@media screen and (min-width:481px)
    {
    #footer
		{
	    padding:1rem 4% 0;
        }
    }

@media screen and (min-width:768px)
    {
    #byline
		{
        float:right;
        }
    }


/* Forms
----------------------------------------------------------------------------------*/

.basicform
	{
    width:100%;
    margin:0 auto 1.5rem;
    clear:both;
    }

#main-secured .basicform
	{
    width:80%;
    }

.basicform fieldset
	{
    padding:0;
    border:none;
    }

.basicform fieldset legend
	{
    padding:0;
	font-weight:600;
	font-size:1.5em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	line-height:1.25em;
	text-transform:uppercase;
    border:none;
    }

.basicform legend + h3
	{
    margin-top:1.5em;
    }

.basicform fieldset ol, .basicform fieldset ul
	{
    margin-top:0.5rem;
    padding-bottom:1.5rem;
    }

.basicform fieldset ol.numbered
	{
    padding:0 0 1.5em 2em;
    font-size:1em;
    list-style:decimal;
    border:none;
    }

.basicform fieldset li
	{
	left:0;
    }
	
.basicform fieldset ol ol, .basicform fieldset ol ul
	{
    margin:0.25rem 0 0.625rem;
    padding:0;
    list-style-type:none;
    background-color:#f1f1f1/*#1a1a1a*/;
	border:1px solid #c0c0c0/*#404040*/;
    }

.basicform fieldset ol ol ol, .basicform fieldset ol ol ul, .basicform fieldset ol ul ul
	{
    background:#e5e5e5/*#202020*/;
    }

.basicform fieldset ol ol li, .basicform fieldset ol ul li
	{
    padding:0.25rem 0.5rem;
    }

.basicform fieldset ol ol li.noinput, .basicform fieldset ol ul li.noinput
	{
    font-style:italic;
    font-size:1em;
    color:#404040/*#c0c0c0*/;
    line-height:1.5em;
    }

.basicform fieldset .accordion-collapsed
	{
    position:absolute;
    left:-999em;
    width:100%;
    }

.basicform fieldset .accordion-revealed
	{
    left:auto;
    }

.basicform fieldset ol.numbered li
	{
    padding-left:0;
    border:none;
    }

.basicform fieldset label
	{
	display:block;
	font-weight:700;
	font-size:1em;
    }

.basicform fieldset label + .textbox, .basicform fieldset label + .mediumtextbox, .basicform fieldset label + .shorttextbox, .basicform fieldset label + select, .basicform fieldset label + textarea
	{
    margin-top:0.125rem;
    }

.basicform fieldset .required
	{
    color:#dd2c00;
    }

.basicform fieldset .text-nofield, .basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
	{
	margin:0 0 1rem;
	font-size:1em;
	}

.basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
	{
    padding:0.125rem 0.25rem;
	/*padding:0.3125rem 0.3125em 0.25em; 
    line-height:1.125em;*/
	/*color:#c0c0c0;*/
    background-color:#fff/*#dadada/#202020*/;
    box-shadow:inset -1px 1px 0.125rem #e5e5e5/*#141414*/;
    border:1px solid #c0c0c0/*#404040*/;
    border-radius:0.1875rem;
    }

.basicform fieldset .text-nofield
	{
    display:block;
    }

.basicform fieldset .textbox
	{
    width:80%;
    }

.basicform fieldset .mediumtextbox
	{
    width:10em;
    }

.basicform fieldset .shorttextbox
	{
    width:4em;
    }

.basicform fieldset select
	{
    width:auto;
    padding:0.25rem 0 0.25rem 0.25em;
	/*-webkit-appearance:none;*/
    }

.basicform fieldset select option
	{
    padding:0.125em 0.5em;
	/*font-family:"Lato";*/ /* Strange font reset that may be necessary, at least for Bootstrap sites */
    }

.basicform fieldset textarea
	{
    width:80%;
    height:100px;
    }

.basicform fieldset .textbox:focus, .basicform fieldset .mediumtextbox:focus, .basicform fieldset .shorttextbox:focus, .basicform fieldset select:focus, .basicform fieldset textarea:focus
	{
    outline:none;
    }

.basicform fieldset fieldset, .basicform fieldset fieldset legend
	{
    padding:0;
    border:none;
    }

.basicform fieldset fieldset
	{
    padding-bottom:1rem;
    }

.basicform fieldset fieldset legend, .basicform fieldset fieldset.subtextboxes legend
	{
    font-style:normal;
	font-weight:normal;
    font-size:1em;
	font-family:"Cabin", "Lato", Arial, Helvetica, sans-serif;
	font-variant:unset;
	text-transform:none;
    white-space:pre-line;
    }

.basicform fieldset fieldset legend .wrap
	{
    width:100%;
    }

.basicform fieldset fieldset.subtextboxes legend
	{
    font-weight:700;
    }

.basicform fieldset fieldset label
	{
    display:block;
    margin-left:0;
	padding:0;
	font-size:1em;
    }

.basicform fieldset fieldset.subtextboxes label
	{
    display:block;
	width:auto;
	font-size:1em;
    }

.basicform fieldset fieldset label input, .basicform fieldset fieldset.longlist span.checkbox input
	{
    margin-right:0.3125rem;
    }

.basicform fieldset fieldset.longlist legend
	{
    padding:0 0 1em;
    }

.basicform fieldset fieldset.longlist label, .basicform fieldset fieldset.longlist span.checkbox
	{
	width:auto;
	font-size:1em;
    }

.basicform fieldset fieldset.longlist span.checkbox label
	{
    font-size:1em;
    }

.basicform fieldset .btn-form
	{
	margin:0 0.5rem 1rem 0;
	}

.g-recaptcha
	{
    margin-bottom:1.5rem;
    }

@media screen and (min-width:481px)
    {
    .basicform fieldset legend
		{
        font-size:1.375em;
        }
	
	.basicform fieldset ol, .basicform fieldset ul
		{
        border-top:1px solid #c0c0c0/*#404040*/;
        }

    .basicform fieldset ol ol, .basicform fieldset ol ul
		{
        border-right:1px solid #c0c0c0/*#404040*/;
		border-left:1px solid #c0c0c0/*#404040*/;
        }

    .basicform fieldset ol ol li.noinput, .basicform fieldset ol ul li.noinput
		{
        font-size:0.875em;
		line-height:1.3125em;
        }

    .basicform fieldset li
		{
        padding:0.3125rem 0.25rem 0.25rem;
		border-width:0 0 1px;
		border-style:solid;
		border-color:#c0c0c0/*#404040*/;
        }
	
	.basicform fieldset li li
		{
		border-width:1px 0 0;
        }
    
    .basicform fieldset li li:first-child
		{
		border-width:0;
        }
        
    .basicform fieldset label
		{
        position:relative;
		top:0.4375rem;
		display:inline-block;
		width:41%;
		padding:0 1% 0.625rem 0;
		font-weight:400;
		font-size:0.875em;
		vertical-align:top;
        }
	
	.basicform fieldset .text-nofield, .basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
		{
        font-size:0.875em;
        }

	.basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
		{
		margin:0.25rem 0 0.375rem;
		vertical-align:text-top;
		}
	
	.basicform fieldset select + select
		{
        vertical-align:top;
        margin-left:0.375rem;
        }

    .basicform fieldset .text-nofield
		{
		display:inline;
		position:relative;
		top:0.25rem;
		}
	
	.basicform fieldset .textbox, .basicform fieldset textarea
		{
		width:55%;
		}

	.basicform fieldset .mediumtextbox
		{
		width:10em;
		}

	.basicform fieldset .shorttextbox
		{
		width:4em;
		}
	
	.basicform fieldset fieldset
		{
        padding-bottom:0.5rem;
        }

    .basicform fieldset fieldset legend, .basicform fieldset fieldset.subtextboxes legend
		{
        padding-top:0.375rem;
        font-size:0.875em;
		text-transform:none;
        }

    .basicform fieldset fieldset legend .wrap
		{
        display:block;
		min-width:480px;
		max-width:590px;
		white-space:normal;
        }

    .basicform fieldset fieldset label
		{
        top:0;
		width:auto;
		margin-left:42%;
		padding:0 0 0 0.25rem;
		font-weight:normal;
		font-size:0.875em;
        }

    .basicform fieldset fieldset.subtextboxes label
		{
        display:inline-block;
		width:42%;
		margin:0;
		padding:0;
		font-size:0.875em;
        }

    .basicform fieldset fieldset.longlist label, .basicform fieldset fieldset.longlist span.checkbox
		{
        float:left;
		width:33%;
		margin:0;
		padding:0;
		font-size:0.875em;
        }

    .basicform fieldset fieldset.longlist span.checkbox label
		{
        display:inline;
		float:none;
		width:auto;
		margin:0;
		padding:0;
		font-size:0.875em;
        }

    .basicform fieldset .btn-form
		{
	    font-size:0.875em;
	    }
    }


/* Simple form
----------------------------------------------------------------------------------*/

.simpleform
	{
    width:100%;
    margin-bottom:1.5rem;
    clear:both;
    }

.simpleform fieldset
	{
    padding:0;
    border:none;
    }

.simpleform fieldset legend
	{
    padding:0;
	font-weight:600;
	font-size:1.5em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	line-height:1.25em;
	text-transform:uppercase;
    border:none;
    }

.simpleform legend + h3
	{
    margin-top:1.5rem;
    }

.simpleform ol, .simpleform ul
	{
    padding-left:0;
    font-size:1em;
    list-style:none;
    }

.simpleform li
	{
	left:0;
	}

.simpleform label, .simpleform .textbox, .simpleform fieldset .mediumtextbox, .simpleform fieldset .shorttextbox, .simpleform textarea
	{
    display:block;
    font-size:1em;
    }

.simpleform fieldset label + .textbox, .simpleform fieldset label + .mediumtextbox, .simpleform fieldset label + .shorttextbox, .simpleform fieldset label + select, .simpleform fieldset label + textarea
	{
    margin-top:0.125rem;
    }

.simpleform .textbox, .simpleform fieldset .mediumtextbox, .simpleform fieldset .shorttextbox, .simpleform select, .simpleform textarea, .simpleform .checkbox, .simpleform .btn-form
	{
    margin-bottom:1.5rem;
    }

.simpleform .textbox, .simpleform fieldset .mediumtextbox, .simpleform fieldset .shorttextbox, .simpleform select, .simpleform textarea
	{
    padding:0.125rem 0.25rem;
    background:#fff;
    box-shadow:inset -1px 1px 0.125rem #e5e5e5;
    border:1px solid #c0c0c0;
    border-radius:0.1875rem;
    }

.simpleform .textbox
	{
    width:198px;
    margin-left:0;
    }

.simpleform fieldset .mediumtextbox
	{
    width:10em;
    }

.simpleform fieldset .shorttextbox
	{
    width:4em;
    }

.simpleform textarea
	{
    width:55%;
    height:100px;
    }

.simpleform fieldset .textbox:focus, .simpleform fieldset .mediumtextbox:focus, .simpleform fieldset .shorttextbox:focus, .simpleform fieldset select:focus, .simpleform fieldset textarea:focus
	{
    outline:none;
    }

.simpleform .checkbox, .simpleform .checkbox input
	{
    float:left;
    }

.simpleform .checkbox input
	{
    padding-right:0.5rem;
    }

.simpleform .btn-form
	{
	margin:0 0.5rem 1rem 0;
	}

@media screen and (min-width:481px)
    {
    .simpleform label, .simpleform .textbox, .simpleform fieldset .mediumtextbox, .simpleform fieldset .shorttextbox, .simpleform textarea, .simpleform .fileupload, .simpleform .btn-form
		{
        font-size:0.875em;
        }
	
	.simpleform .textbox, .simpleform fieldset .mediumtextbox, .simpleform fieldset .shorttextbox, .simpleform textarea, .simpleform .checkbox, .simpleform .btn-form
		{
		margin-bottom:1.3125rem;
		}
    }


/* Bootstrap forms
----------------------------------------------------------------------------------*/

.basicform-bs
	{
    width:100%;
    margin:0 auto 1.5em;
    clear:both;
    }

/* Bootstrap overrides */

.basicform-bs .col-sm-10, .basicform-bs legend.col-sm-2
	{
    -webkit-box-flex:unset;
    flex:unset;
    max-width:unset;
    }

.basicform-bs .col-sm-10
	{
    /*width:unset;*/
    padding:unset;
    }

.basicform-bs .col-form-label
	{
    margin:unset;
    }

/* End overrides */

.basicform-bs fieldset
	{
    padding:0;
    border:none;
    }

.basicform-bs fieldset legend
	{
    padding:0;
    font-weight:400;
    font-size:1.375em;
    font-family:Georgia, "Times New Roman", Times, serif;
    line-height:1.25em;
	/*text-transform:uppercase;*/
    border:none;
    }

.basicform-bs fieldset ol, .basicform-bs fieldset ul
	{
    margin-top:0.5em;
    padding-bottom:1.5em;
    }

.basicform-bs fieldset ol ol, .basicform-bs fieldset ol ul
	{
    margin:0.25rem 0 0.625rem;
    padding:0;
    list-style-type:none;
    background-color:#f1f1f1/*#1a1a1a*/;
	border:1px solid #c0c0c0/*#404040*/;
    }

.basicform-bs fieldset ol ol li, .basicform-bs fieldset ol ul li
	{
    padding:0.25em 0.5rem;
    }

.basicform-bs fieldset ol ol li.noinput, .basicform-bs fieldset ol ul li.noinput
	{
    font-style:italic;
    font-size:1em;
    color:#404040/*#c0c0c0*/;
    line-height:1.5em;
    }

.basicform-bs fieldset .form-group
	{
    margin-bottom:0;
    }

.basicform-bs fieldset .form-group label.col-sm-3, .basicform-bs fieldset .form-group .col-sm-9
	{
    -webkit-box-flex:unset;
    flex:unset;
    max-width:unset;
    padding-right:unset;
    padding-left:unset;
    }

.basicform-bs fieldset label
	{
	display:block;
	font-weight:700;
	font-size:1em;
    }

.basicform-bs fieldset .required
	{
    color:#dd2c00;
    }

.basicform-bs fieldset .form-control
	{
    height:auto;
    margin:0 0 1.5em;
    padding:0.3125rem 0.3125em 0.25em;
    font-size:1em;
    color:#000;
    line-height:1.125em;
    background-color:#fff;
    box-shadow:inset -1px 1px 0.125rem #e5e5e5;
    border:1px solid #c0c0c0;
    border-radius:0.1875rem;
    box-sizing:border-box;
    }

.basicform-bs fieldset fieldset, .basicform-bs fieldset fieldset legend
	{
    padding:0;
    border:none;
    }

.basicform-bs fieldset fieldset
	{
    padding-bottom:1.5rem;
    }

.basicform-bs fieldset fieldset legend
	{
    font-weight:normal;
    font-size:1em;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	text-transform:none;
    white-space:pre-line;
    }

.basicform-bs .btn, .member-button-container .memberbtn, .member-container .btn
	{
    position:relative;
    margin-bottom:0.5rem;
    padding:0.3125em 0.625em 0.25em;
    font-weight:700;
    font-size:0.75em;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#dadada;
    background-color:#231f20;
    /*background-color:var(--secondary-color);*/
	border:2px solid #231f20;
    /*border-color:var(--secondary-color);*/
	border-radius:3px !important;
	cursor:pointer;
    box-sizing:border-box;
    }

.member-button-container .memberbtn
	{
	width:48%;
    }

.basicform-bs .btn, .member-container .btn
	{
    margin:1.5rem 0.875rem 0 0;
    }

.basicform-bs .btn-form
	{
    margin:0 0.5rem 1rem 0;
    }

.basicform-bs .btn:hover, .basicform-bs .btn:focus, .memberbtn:hover, .memberbtn:focus, .member-container .btn:hover, .member-container .btn:focus
	{
    color:#fff;
	background-color:#ea4124;
    /*background-color:var(--primary-color);*/
	border-color:#ea4124;
    /*border-color:var(--primary-color);*/
    }

@media screen and (min-width:768px)
    {
    #controls-become_member
		{
        display:block;
        float:right;
        max-width:31%;
        margin:0 0 1.5rem 1.5rem;
        }

    #content-blocks-member_levels, #registration-container .basicform
		{
        max-width:65%;
        clear:none;
        }

    #content-blocks-member_levels
		{
        display:inline-block;
        }

    .member-button-container
		{
        float:left;
        width:25%;
        margin-right:30px;
        }

    .member-button-container .memberbtn
		{
	    width:100%;
        }

    .member-container
		{
        width:71%;
        }

    /* Forms */

    .basicform-bs
		{
        width:64%;
        margin:0 0 54px;
        clear:none;
        }

    .member-container .basicform-bs
		{
        width:auto;
        }

    .basicform-bs fieldset legend
		{
        font-size:1.375em;
        }
	
	.basicform-bs fieldset ol, .basicform-bs fieldset ul
		{
        border-top:1px solid #c0c0c0;
        }

    .basicform-bs fieldset ol ol, .basicform-bs fieldset ol ul
		{
        border-right:1px solid #c0c0c0;
		border-left:1px solid #c0c0c0;
        }

    .basicform-bs fieldset ol ol li.noinput, .basicform-bs fieldset ol ul li.noinput
		{
        font-size:0.875em;
		line-height:1.3125em;
        }

    .basicform-bs fieldset .form-group
		{
        padding:0.25rem;
		border-width:0 0 1px;
		border-style:solid;
		border-color:#c0c0c0;
        }
	
	.basicform-bs fieldset li li
		{
		border-width:1px 0 0;
        }
    
    .basicform-bs fieldset li li:first-child
		{
		border-width:0;
        }
        
    .basicform-bs fieldset label
		{
        position:relative;
		top:6px;
		display:inline-block;
		width:41%;
		padding:0 1% 0.625rem 0;
		font-weight:400;
		font-size:0.875em;
		vertical-align:top;
        }

    .member-container .basicform-bs fieldset label
		{
		/*width:25%;*/
        }

	.basicform-bs fieldset .form-group .col-sm-9, .basicform-bs fieldset .form-control
		{
		display:inline-block;
		}

    .basicform-bs fieldset .form-group .col-sm-9
		{
        width:55%/*71%*/;
		}

    .basicform-bs fieldset .form-control
		{
        width:55%;
        margin:0.25rem 0 0.375rem;
        font-size:0.875em;
		vertical-align:text-top;
		}

    .basicform-bs fieldset .form-group .col-sm-9 .form-control
		{
        width:100%;
        max-width:100% !important;
		}

    .basicform-bs fieldset .text-nofield
		{
		display:inline;
		position:relative;
		top:0.25rem;
		}

	.basicform-bs fieldset .mediumtextbox
		{
		width:8rem;
		}

	.basicform-bs fieldset .shorttextbox
		{
		width:4rem;
		}
	
	.basicform-bs fieldset fieldset.form-group
		{
        padding:0.5rem 0.25rem;
        }

    .basicform-bs fieldset fieldset legend, .basicform-bs fieldset fieldset.subtextboxes legend
		{
        padding-top:0.375rem;
        font-size:0.875em;
		text-transform:none;
        }

    .basicform-bs fieldset fieldset legend .wrap
		{
        display:block;
		min-width:480px;
		max-width:590px;
		white-space:normal;
        }

    .basicform-bs fieldset fieldset .form-check
		{
        top:0;
		width:auto;
		margin-left:45%;
		padding:0 0 0 4px;
		font-weight:normal;
		/*font-size:0.875em;*/
        }

    .basicform-bs fieldset fieldset .form-check-label
		{
        top:2px;
        padding-bottom:0;
        }

    .basicform-bs fieldset fieldset.longlist label, .basicform-bs fieldset fieldset.longlist span.checkbox
		{
        float:left;
		width:33%;
		margin:0;
		padding:0;
		font-size:0.875em;
        }

    .basicform-bs fieldset fieldset.longlist span.checkbox label
		{
        display:inline;
		float:none;
		width:auto;
		margin:0;
		padding:0;
		font-size:0.875em;
        }

    .basicform-bs fieldset .btn-form
		{
	    font-size:0.875em;
	    }
    }


/* Form field dynamic styles
----------------------------------------------------------------------------------*/

.basicform fieldset .textbox-focus, .basicform fieldset .shorttextbox-focus, .basicform fieldset select.focus, .basicform fieldset textarea.focus, .simpleform .textbox-focus, .bodyText .textbox-focus, .orderbox input.textbox-focus, .orderbox select.textbox-focus, .orderbox textarea.textbox-focus, .content-store input.textbox-focus, .content-store select.textbox-focus, .content-store textarea.textbox-focus, .mailinglistform .textbox-focus, .basicform-bs fieldset .textbox-focus, .basicform-bs fieldset .shorttextbox-focus, .basicform-bs fieldset select.focus, .basicform-bs fieldset textarea.focus
	{
    border-color:#808080;
	border-color:var(--secondary-color);
    }


/* Horizontal rules
----------------------------------------------------------------------------------*/

hr
	{
	visibility:hidden;
	height:1%;
	}

.hr
	{
	margin-bottom:1.5rem;
	border-top:1px solid #c0c0c0;
	clear:both;
	}


/* Miscellaneous
--------------------------------------------------------------------------------*/

.warning, .basicform fieldset label.warning, .errorText
	{
	font-weight:700;
	color:#dd2c00;
    }

.basicform fieldset .warning-border, .simpleform .warning-border
	{
    border-color:#dd2c00;
    }

.normal
	{
	font-weight:normal;
    }

.success
	{
    font-weight:700;
	color:#288028;
    }

.disabled, .disabled:hover, .disabled:focus
	{
    color:#606060;
    background-color:#dadada;
    border-color:#dadada;
    cursor:default;
    }

#printtext span
	{
    display:block;
    margin-top:0.75rem;
    }

.hidden
	{
    display:none;
    }