/*--
Author: Courtney B. Arnold
Author URL: http://rnolds.com
--*/

/*-- Website Common Colors
    Orange  - #d88600   216, 134, 0
    Green   - #3B9200   59, 146, 0
    Brown   - #4e2b04   78, 43, 4
    Grey    - #e2e2e3   226, 226, 227
--*/

/*-- Common Elements --*/
body,html {
	padding:0px;
	margin:0px;
	font-family: Times;
}
a {
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
@font-face {
	font-family: 'Bob_Brush_Script';
    src: url('/images/fonts/BOBScript.otf') format('opentype');
/*
	src: url('/images/fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'), 
         url('/images/fonts/BrushScriptStd.woff') format('woff'), 
         url('/images/fonts/BrushScriptStd.ttf')  format('truetype'),
         url('/images/fonts/BrushScriptStd.svg#svgFontName') format('svg'),
         url('/images/fonts/BrushScriptStd.otf')  format('opentype');
*/
}
.background-orange {
    background-color: rgba(216, 134, 0, .5);
}
.background-sub-orange {
    background-color: rgba(216, 134, 0, .2);
}
.background-green {
    background-color: rgba(59, 146, 0, .5);
}
.background-sub-green {
    background-color: rgba(59, 146, 0, .2);
}
.background-brown {
    background-color: rgba(78, 43, 4, .7);
}
.background-sub-brown {
    background-color: rgba(78, 43, 4, .2);
}

.background-sub-white {
    background-color: rgba(255, 255, 255, .2);
}

.documents-image {
    background-size: cover;
    background-image: url(../images/Overlay.png);
}
.background-wood {
    background-image: url(../images/woodFaded4.jpg);
}
li {
    list-style-image: url('/images/arrow_bob.png');
}
element {
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-weight: bold;
    font-size: 2em;
/*    font-family: 'Bob_Brush_Script';*/
    color: #fff;
}
.ui-accordion-contents {
    display:none;
}
/*-- //Common Elements --*/

/*-------------------------*/
/*-- Index Page Elements --*/
/*-------------------------*/

/*-- Common Section Elements --*/
a.link {
    font-family: 'Bob_Brush_Script';
    font-size: 20pt;
    color: #000;
}
a.link:hover {
    color: #d88600;
}
img.right {
    padding: 10px;
    float: right;
}
img.left {
    padding: 10px;
    float: left;
}
p.indent {
    text-indent: 30px;
}
.clear {
    clear: both;
}
.center {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.container .pre-title {
    color:#fff;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.container .title {
    text-align: center;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-weight: bold;
    font-family: 'Bob_Brush_Script';
    color: #fff;
}
.container .title.green {
    color: #3B9200;
}
.container .title.orange {
    color: #d88600;
}
.container .contents {
    color:#ffffff;
}
.container .contents.green {
    text-shadow: -1px 0 #3B9200, 0 1px #3B9200, 1px 0 #3B9200, 0 -1px #3B9200;
}
.container .contents.black {
    text-shadow: -1px 0px 2px #000, 0px 1px 2px #000, 1px 0px 2px #000, 0px -1px 2px #000;
}
.container .contents.orange {   
    text-shadow: 
        -1px 0px 2px #d88600, 
        0px 1px 2px #d88600, 
        1px 0px 2px #d88600, 
        0px -1px 2px #d88600;
}
.container .contents.brown { 
    opacity: .5;
    color: #000;
    text-shadow: 
        1px 1px 0 #ddc7af, 
        -1px -1px 0 #ddc7af, 
        1px -1px 0 #ddc7af, 
/*
        -1px 1px 0 #fff, 
        1px 1px 0 #3B9200, -1px -1px 0 #999,
*/
/*
        2px 2px 0 #999999, 
        -2px -2px 0 #999999, 
        2px -2px 0 #999999, 
        -2px 2px 0 #999999
*/
        ;
}
    /*-- XLarge --*/
    @media only screen and (min-width:1601px){
        .section, .split-section {
            height: 647px;
        }
        .container .pre-title {
            font-size: 50pt; 
        }
        .container .title {
            font-size: 70pt;
        }
        .container .contents {
            font-size: 20pt;
        }
    }
    /*-- //XLarge --*/
    /*-- Large --*/
    @media only screen and (min-width:1001px) and (max-width:1600px){
        .section {
            height: 539px;
        }
        .container .pre-title {
            font-size: 50pt; 
        }
        .container .title {
            font-size: 70pt;
        }
        .container .contents {
            font-size: 20pt;
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:675px) and (max-width:1000px){
        .section {
            height: 337px;
        }
        .container .pre-title {
            font-size: 25pt; 
        }
        .container .title {
            font-size: 50pt;
        }
        .container .contents {
            font-size: 15pt;
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:480px) and (max-width:675px){
        .section {
            height: 250px;
        }
        .container .pre-title {
            font-size: 20pt; 
        }
        .container .title {
            font-size: 40pt;
        }
        .container .contents {
            font-size: 12pt;
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .section {
            height: 250px;
        }
        .container .pre-title {
            font-size: 15pt; 
        }
        .container .title {
            font-size: 30pt;
        }
        .container .contents {
            font-size: 10pt;
        }
    }
    /*-- //X-Small --*/
/*-- //Common Section Elements --*/
/*-- Logo Section Elements --*/
.index-top{
  background-size: cover;
}
.index-main-image {
    margin: auto;
    display: block;
}
    /*-- XLarge --*/
    @media only screen and (min-width:1601px){
        .index-top {
            background-image: url(../images/index/high_uintah_trail_background/XLarge.jpg);
        }
        .index-main-image {
            width: 913px;
            height: 443px;
            background-image: url(../images/BobLogoWText/XLarge.png);
            background-repeat: no-repeat;
            background-size: 913px 443px;
        }
    }
    /*-- //XLarge --*/
    /*-- Large --*/
    @media only screen and (min-width:1001px) and (max-width:1600px){
        .index-top {
            background-image: url(../images/index/high_uintah_trail_background/Large.jpg);
        }
        .index-main-image {
            width: 721px;
            height: 350px;
            background-image: url(../images/BobLogoWText/XLarge.png);
            background-repeat: no-repeat;
            background-size: 721px 350px;
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:675px) and (max-width:1000px){
        .index-top {
            background-image: url(../images/index/high_uintah_trail_background/Medium.jpg);
        }
        .index-main-image {
            width: 577px;
            height: 280px;
            background-image: url(../images/BobLogoWText/XLarge.png);
            background-repeat: no-repeat;
            background-size: 577px 280px;
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:480px) and (max-width:675px){
        .index-top {
            background-image: url(../images/index/high_uintah_trail_background/Small.jpg);
        }
        .index-main-image {
            width: 350px;
            height: 170px;
            background-image: url(../images/BobLogoWText/Small.png);
            background-repeat: no-repeat;
            background-size: 350px 170px;
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .index-top {
            background-image: url(../images/index/high_uintah_trail_background/Small.jpg);
        }
        .index-main-image {
            width: 280px;
            height: 136px;
            background-image: url(../images/BobLogoWText/XSmall.png);
            background-repeat: no-repeat;
            background-size: 280px 136px;
        }
    }
    /*-- //X-Small --*/
/*-- //Logo Section Elements -- */
/*-- What Is Section Elements --*/
.index-whatis{
  background-size: cover;
}
    /*-- XLarge --*/
    @media only screen and (min-width:1601px){
        .index-whatis {
            background-image: url(../images/index/rubia_faded_background/XLarge.jpg);
        }
    }
    /*-- //XLarge --*/
    /*-- Large --*/
    @media only screen and (min-width:1001px) and (max-width:1600px){
        .index-whatis {
            background-image: url(../images/index/rubia_faded_background/Large.jpg);
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:676px) and (max-width:1000px){
        .index-whatis {
            background-image: url(../images/index/rubia_faded_background/Large.jpg);
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:481px) and (max-width:675px){
        .index-whatis {
            background-image: url(../images/index/rubia_faded_background/Small.jpg);
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .index-whatis {
            background-image: url(../images/index/rubia_faded_background/XSmall.jpg);
        }
    }
    /*-- //X-Small --*/
/*-- //What Is Section Elements --*/
/*-- Environment Section Elements --*/
.index-environment {
    background-size: cover;
    position: relative;
}
    /*-- XLarge --*/
    @media only screen and (min-width:1601px){
        .index-environment {
            background-image: url(../images/index/roosevelt_paddock_background/XLarge.jpg);
        }
    }
    /*-- //XLarge --*/
    /*-- Large --*/
    @media only screen and (min-width:1001px) and (max-width:1600px){
        .index-environment {
            background-image: url(../images/index/roosevelt_paddock_background/XLarge.jpg);
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:676px) and (max-width:1000px){
        .index-environment {
            background-image: url(../images/index/roosevelt_paddock_background/XLarge.jpg);
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:481px) and (max-width:675px){
        .index-environment {
            background-image: url(../images/index/roosevelt_paddock_background/Small.jpg);
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .index-environment {
            background-image: url(../images/index/roosevelt_paddock_background/Small.jpg);
        }
    }
    /*-- //X-Small --*/
/*-- //Environment Section Elements --*/
/*-- Diet Section Elements --*/
.index-diet {
    background-size: cover;
    position: relative;
}
    /*-- Large --*/
    @media only screen and (min-width:1001px){
        .index-diet {
            background-image: url(../images/index/slow_feeder_background/Large.jpg);
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:676px) and (max-width:1000px){
        .index-diet {
            background-image: url(../images/index/slow_feeder_background/Large.jpg);
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:481px) and (max-width:675px){
        .index-diet {
            background-image: url(../images/index/slow_feeder_background/Small.jpg);
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .index-diet {
            background-image: url(../images/index/slow_feeder_background/Small.jpg);
        }
    }
    /*-- //X-Small --*/
/*-- //Diet Section Elements --*/
/*-- Exercise Section Elements --*/
.index-exercise {
    background-size: cover;
    position: relative;
}
    /*-- Medium --*/
    @media only screen and (min-width:676px){
        .index-exercise {
            background-image: url(../images/index/high_uintah_exercise_background/Medium.jpg);
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:481px) and (max-width:675px){
        .index-exercise {
            background-image: url(../images/index/high_uintah_exercise_background/Small.jpg);
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .index-exercise {
            background-image: url(../images/index/high_uintah_exercise_background/XSmall.jpg);
        }
    }
    /*-- //X-Small --*/
/*-- //Exercise Section Elements --*/
/*-- Trimming Section Elements -- */
.index-trimming {
    background-size: cover;
    position: relative;
}
    /*-- XLarge --*/
    @media only screen and (min-width:1601px){
        .index-trimming {
            background-image: url(../images/index/long_hoof_background/XLarge.jpg);
        }
    }
    /*-- //XLarge --*/
    /*-- Large --*/
    @media only screen and (min-width:1001px) and (max-width:1600px){
        .index-trimming {
            background-image: url(../images/index/long_hoof_background/Large.jpg);
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:676px) and (max-width:1000px){
        .index-trimming {
            background-image: url(../images/index/long_hoof_background/Large.jpg);
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:481px) and (max-width:675px){
        .index-trimming {
            background-image: url(../images/index/long_hoof_background/Small.jpg);
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .index-trimming {
            background-image: url(../images/index/long_hoof_background/XSmall.jpg);
        }
    }
    /*-- //X-Small --*/
/*-- //Trimming Section Elements --*/
/*-- Contact Section Elements --*/
.table {
    background: rgba(226, 226, 227, .7);
	padding:0.5em;
	border:1px solid #000;
}
.split {
    padding: 1em;
}
.split.left {
    float: left;
}
.split.right {
    float: right;
}
.index-contact {
    background-position-x: 100%, 0%;
    background-position-y: 0%, 50%;
    position: relative;
}
.container .contents.contact {
    font-weight: bold;  
    text-shadow: 
        -1px 0 #ffffff, 
        0 1px #ffffff, 
        1px 0 #ffffff, 
        0 -1px #ffffff;
    color:#4e2b04;
}
.map iframe{
	width:100%;
	height:300px;
}
    /*-- XLarge --*/
    @media only screen and (min-width:1601px){
        .split-section {
            height: 650px;
        }
        .table {
            height: 400px;
            display: table-row;
        }
        .table-cell {
            display: table-cell;
            vertical-align: bottom;
        }
        .index-contact {
            background-image: url(../images/index/tamera_trimming_background/XLarge.jpg);
            background-size: cover;
        }
    }
    /*-- //XLarge --*/
    /*-- Large --*/
    @media only screen and (min-width:1001px) and (max-width:1600px){
        .split-section {
            height: 650px;
        }
        .table {
            height: 400px;
            display: table-row;
        }
        .table-cell {
            display: table-cell;
            vertical-align: bottom;
        }
        .index-contact {
            background-image: url(../images/index/tamera_trimming_background/Large.jpg);
            background-size: cover;
            position: relative;
        }
    }
    /*-- //Large --*/
    /*-- Medium --*/
    @media only screen and (min-width:675px) and (max-width:1000px){
        .split-section {
            padding-top: 140px;
            height: 670px;
        }
        .table {
            height: 400px;
            display: table-row;
        }
        .table-cell {
            display: table-cell;
            vertical-align: bottom;
        }
        .index-contact {
            background-image: url(../images/index/tamera_trimming_background/Medium.jpg);
            background-size: cover;
            position: relative;
        }
    }
    /*-- //Medium --*/
    /*-- Small --*/
    @media only screen and (min-width:480px) and (max-width:675px){
        .split {
            padding-bottom: 0em;
        }
        .split-section {
            padding-top: 220px;
            height: 850px;
        }
        .index-contact {
            background-image: url(../images/index/tamera_trimming_background/Small.JPG);
            background-size: cover;
            position: relative;
        }
    }
    /*-- //Small --*/
    /*-- X-Small --*/
    @media only screen and (max-width:480px){
        .split {
            padding-bottom: 0em;
        }
        .split-section {
            padding-top: 120px;
            height: 650px;
        }
        .index-contact {
            background-image: url(../images/index/tamera_trimming_background/Small.JPG);
            background-size: cover;
            position: relative;
        }
    }
    /*-- //X-Small --*/
/*-- //Contact Section Elements --*/
/*-- common elements --*/


/*-- header --*/
.header-nav{
    background: rgba(226, 226, 227, .7);
	padding:1.5em 0;
	}
.logo{
	float:left;
	}
.logo a{
	display:block;
	}
.logo-right{
	float:right;
	}
.logo-right span{
	display:none;
	}
.logo-right ul{
	padding:0.5em 0 0;
	margin:0;
	}
.logo-right ul li{
	display:inline-block;
	margin: 0 1.7em;
	}
.logo-right ul li a{
	font-size: 17px;
	font-weight: 300;
	color:#4e2b04;
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.logo-right ul li a:hover{
	text-decoration:none;
	border-bottom: 3px solid #3B9200;
	}
/*-- //header --*/
/*-- footer --*/
.footer{
	padding:0.5em 0;
	background:rgba(226, 226, 227, .7);
	}
.footer p{
	color:#fff;
	font-size:14px;
	margin:0;
	text-align:right;
	font-weight:bold;
	}
.footer p a{
	color:#fff;
	}
.footer p a:hover{
	color:#A1A1A1;
	text-decoration:none;
	}
/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 1em;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/arrow_bob.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-----start-responsive-design------*/
@media (max-width: 1200px)
{
	.logo-right ul li {
	  margin: 0 1.0em;
	}
}
@media (max-width: 1000px)
{
	.login-form {
		height: 780px;
	}
	.logo-right ul li {
	  margin: 0 0.2em;
	}
	.logo-right ul li a {
		font-size: 15px;
	}
}
@media (max-width: 762px)
{
	.logo-right ul li {
	  margin: 0 0.2em;
	}
	.logo-right ul li a {
		font-size: 14px;
	}
}
@media (max-width: 675px)
{
	.logo-right ul.nav1 li {
		display: inline-block;
		text-align: center;
		margin: 0;
		width: 100%;
		padding: 12px 0;
		}
	.logo-right ul {
		position: absolute;
		padding: 0;
		margin: 0;
		left: 0%;
		width: 100%;
		z-index: 999;
		}
	span.menu {
		display: block;
		cursor: pointer;
		width: 100%;
		position: relative;
		text-align:right;
		margin: 3px 0;
		}
	ul.nav1{
		display:none;
        background: rgba(226, 226, 227, 1);
		margin-top: 1.5em;
    }
	.logo-right {
        margin-left: 0;
        margin-top: 0em;
        float:right;
	}
	.logo-right ul li a {
		font-size: 16px;
		font-weight: 500;
	}
	.footer p {
		font-size: 13px;
	}
    img.right, img.left {
        padding: 0px;
        float: none;
        margin: auto;
        display: block;
    }
}
@media (max-width: 640px)
{
	.logo-right ul li {
	  margin: 0 .5em;
	}
	.map {
/*		margin: 0em 0 2em;*/
	}
	.map iframe {
	  height: 200px;
	}
	.logo-right ul li a {
		font-size: 16px;
	}
	.logo-right ul {
		padding: 0.6em 0 0;
	}
	.footer {
		padding: 1.5em 0;
	}
}
@media (max-width: 320px)
{
	.map {
	}
	.map iframe {
	  height: 125px;
	}
	.logo {
	  width: 70%;
	}
	.logo-right {
		width: 14%;
	}
	span.menu img {
		width: 78%;
	}
	span.menu {
	  margin: 0;
	}
	.header-nav {
	  padding: 1em 0;
	}
	.logo-right ul.nav1 li {
	  padding: 14px 0;
	}
	ul.nav1 {
	  margin-top: 1em;
	}
	.logo-right ul {
	  left: 5%;
	  width: 91%;
	}
	.logo a img {
		width: 100%;
	}
	.logo-right ul li {
	  margin: 0.3em 0.3em 0.3em 1em;
	}
	.logo-right ul li:nth-child(1) {
	  margin-right: 1.4em;
	}
	.logo-right ul li a {
	  font-size: 13px;
	}
    
}
/**
    UI-Accordion
**/
    
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
/*	margin: 2px 0 0 0;*/
/*	padding: .5em .5em .5em .7em;*/
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
/*	padding-left: 2.2em;*/
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
/*	padding-left: 2.2em;*/
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
/*	padding: 1em 2.2em;*/
	border-top: 0;
	overflow: auto;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
/*	border: 1px solid #fbd850;*/
	background: #ffffff url("../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active .ui-icon {
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	background-image: url("../images/ui-icons_ffffff.png");
}
.ui-icon {
	width: 32px;
	height: 32px;
} 
.ui-icon-triangle-1-n { background-position: 0 -32px; }
.ui-icon-triangle-1-ne { background-position: -32px -32px; }
.ui-icon-triangle-1-e { background-position: -64px -32px; }
.ui-icon-triangle-1-se { background-position: -96px -32px; }
.ui-icon-triangle-1-s { background-position: -128px -32px; }
.ui-icon-triangle-1-sw { background-position: -160px -32px; }
.ui-icon-triangle-1-w { background-position: -192px -32px; }
.ui-icon-triangle-1-nw { background-position: -224px -32px; }
.ui-icon-triangle-2-n-s { background-position: -256px -32px; }
.ui-icon-triangle-2-e-w { background-position: -288px -32px; }