@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lusitana:400,700|Oswald:200,300,400,500,600,700|Source+Sans+Pro:200,300,400,600,700,900');

body {font:1em 'Source Sans Pro', sans-serif; color: #fff; margin:0; font-size: .95em; font-weight: 600; overflow-x: hidden; position: relative;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    background: url(graphics/icon_top.png) no-repeat;
	z-index:10;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.green {color:#147539;}
.purple {color:#480069;}
.gray {color:#888;}
.white {color:#fff;}
.black {color:#000;}

.oswald {font-family: 'Oswald', sans-serif;}
.source-sans-pro {font-family: 'Source Sans Pro', sans-serif;}
.lusitana {font-family: 'Lusitana', serif;}

.divider-purple {border-bottom: 1px solid #480069;}
.border-pic-green {border:2px solid #147539;}

h1 {
	font-family: 'Lusitana', serif;
	font-size: 2.25em;
	font-weight: 700;
	color:#147539;
}
.bar-h1 {width:150px; border-bottom: 2px solid #480069;}

h2 {
	font-family: 'Lusitana', serif;
	font-size: 1.5em;
	font-weight: 700;
	color:#147539;
}

h3 {
	font-family: 'Lusitana', serif;
	font-size: 1.75em;
	font-weight: 700;
	color:#888;
}

h5 {
	font-family: 'Lusitana', serif;
	font-size: 1.5em;
	font-weight: 700;
	color:#147539;
	line-height: normal;
	padding-bottom: -10px;
}
h5:hover {color:#888!important;}

h6 {
	font-family: 'Lusitana', serif;
	font-size: 1.35em;
	font-weight: 700;
	color:#147539;
}
.bar-h6 {width:125px; border-bottom: 1px solid #480069;}

.bg-nav {background-color: #000!important; border-top:4px solid #147539; font-family:'Oswald', sans-serif; font-weight: 700; z-index:999999999999;}

.navbar-dark .navbar-nav .nav-link {
    font-size: 1.05em;
	color:#fff; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	letter-spacing: -.5px;
	text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link:hover {
	color:#aaa;
}

.navbar-light .navbar-toggler {color:#fff!important; border-color: #000!important;}
.navbar-toggler {color:#147539!important; background-color: #000!important;}

/*.carousel {margin-top:55px; position: fixed; z-index: -999999999; clear: both; overflow: hidden;}*/
.carousel {margin-top:55px; position: fixed; z-index: -999999999; top:0!important;}

.logo {width:60%; margin:20px 20%; position:absolute; z-index:10;}

/*.torn-edge {background-image:url(graphics/torn-edge.png); position: absolute; z-index: 999999; margin-top:650px;}*/
.torn-edge {background-image:url(graphics/torn-edge.png); position: relative; z-index: -999999; margin-top: 650px;}

/*.bg-content {background:#000; color:#fff; position: absolute; z-index: 999999999999; margin-top:725px;}*/
.bg-content {background:#181818; color:#fff; z-index:-99999999; margin-top:-10px;}
.content {min-height:450px; color:#eee;}
.content a {color:#147539; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#888; text-decoration:none;}

/*.callout-container {position:relative; z-index:-10;}*/

.callout-box {
	background:transparent; 
	border:2px solid #000; 
	font-family: 'Lusitana', serif;
	font-size: 325%;
	color:#fff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.callout-box:hover {
	background:#000; 
	border:2px solid #000; 
	color:#888;
	cursor: pointer;
}

.callout-annual-sale {background-image:url(graphics/callouts/annual-sale.jpg);}
.callout-herd-sires {background-image:url(graphics/callouts/herd-sires.jpg);}
.callout-private-treaty {background-image:url(graphics/callouts/private-treaty.jpg);}

.bg-tagline {background-image:url(graphics/bg-tagline.jpg); border-top:1px solid #222;}
.tagline-angle {width:100%;}

.tagline1 {
	font-family: 'Oswald', sans-serif; 
	font-size: 450%;
	font-weight: 900; 
	color:#fff;
	text-transform: uppercase;
}

.tagline2 {
	font-family: 'Oswald', sans-serif; 
	font-size: 300%;
	font-weight: 200; 
	color:#888;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.bar-tagline {width:80%; border-bottom: 2px solid #480069;}

.btn-tagline {
	background-color:#147539; 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 115%;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	color:#fff!important;
	letter-spacing: 2px;
	border:2px solid #147539;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-tagline:hover {
	background:transparent; 
	font-weight: 600;
	color:#147539!important;
	cursor: pointer;
	border:2px solid #480069;
}

.bg-footer {background:#000; font-size: .875em; font-weight: 400;}

.logo-footer {width:65%; float:left; margin-right: 35%;}

.footer-link {font-size: 1.9em; font-weight: 900;}
.footer-link a {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-link a:hover {color:#888; text-decoration:none;}

.footer-menu {line-height: 2em; font-weight: 700; text-transform: uppercase;}
.footer-menu a {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-menu a:hover {color:#888; text-decoration:none; padding-left: 4px;}

.footer-team {font-weight: 400; line-height: 1.75em;}
.footer-team a {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-team a:hover {color:#888; text-decoration:none;}

.bg-anchor {background:#111; border-bottom:3px solid #147539; font-size:.7em; font-weight:400; color:#888; letter-spacing: 0!important;}
.bg-anchor a {color:#888; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#147539; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:left;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#480069; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:'';}

.intro-text {font-size: 117.5%; line-height: 3.5em;}

.btn-intro {
	background-color:#147539; 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 95%;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	color:#fff!important;
	letter-spacing: .5px;
	border:2px solid #147539;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-intro:hover {
	background:#000;
	font-weight: 500;
	color:#888!important;
	cursor: pointer;
	border:2px solid #480069;
}

.news-border {border:2px solid #147539;}
.news {background:#fff; border-bottom:5px solid #480069; color:#000;}
.news-header {font-family: 'Oswald', sans-serif; font-size: 1.75em; font-weight: 300;}

.btn-news {
	background-color:#147539; 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 90%;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	color:#fff!important;
	letter-spacing: .5px;
	border:2px solid #147539;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-news:hover {
	background:#480069;
	font-weight: 500;
	color:#888!important;
	cursor: pointer;
	border:2px solid #480069;
}

.about-text {font-size: 1em; line-height: 1.75em;}

.herdsire-intro {font-size: 200%;}

.sale-header {line-height: 3em;}
.sale-header1 {font-size: 250%;}
.sale-header2 {font-size: 250%; color:#147539;}
.sale-header3 {font-size: 300%;}
.sale-header4 {font-size: 200%; color:#888;}

.sale-text {font-size: 1.15em; line-height: 2.25em;}

.btn-link {text-decoration: none!important;}

.sire-border {border-right:1px dotted #222;}

.card {
	background:#fff!important;
	border-bottom:12px solid #480069!important;
	border-top:0!important; border-right:0!important; border-left:0!important;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    border-bottom: 4px solid #480069;
	clear:both; overflow: hidden;
	color:#000;
}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:2px solid #147539;
}

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

input {padding:7px!important;}

/*================ FORMS ========================*/

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


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
		
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #480069;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	padding:2.5%;
	background-color:#147539!important;
	color:#fff!important;
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:0!important;
}
.submit:hover {
	background-color:#480069!important;
	color:#888!important;
	cursor:pointer;
}

/* light box fix  09/20/19 - Joe */
.lightboxOverlay {
    position: fixed !important;
    top: 0 !important;
}

.lightbox {
    position: fixed !important;
    top: 66px !important;
}
/* light box fix  09/20/19 */

@media (max-width: 1640px) {
.torn-edge {margin-top: 550px;}
}

@media (max-width: 1400px) {
.torn-edge {margin-top: 450px;}
}

@media (max-width: 1200px) {
.torn-edge {margin-top: 350px;}
.carousel {margin-top:50px;}
.callout-box {font-size: 250%;}
.tagline1 {font-size: 350%;}
.tagline2 {font-size: 225%;}
.footer-link {font-size: 1.5em;}
.intro-text {font-size: 115%; line-height: 2.5em;}
}

@media (max-width: 992px) {
.torn-edge {margin-top: 300px;}
.callout-box {font-size: 300%;}
.bg-tagline {background-image:url(graphics/bg-tagline-992.jpg);}
.logo-footer {width:40%; float:left; margin-right: 60%;}
.footer-link {font-size: 1.9em;}
.footer-menu {line-height: 2.25em;}
}

@media (max-width: 768px) {
.torn-edge {margin-top: 235px;}
.tagline2 {font-size: 200%;}
.footer-menu {line-height: 2em;}
.sale-header3 {font-size: 250%;}
.sire-border {border-right:none;}
}

@media (max-width: 576px) {
.torn-edge {margin-top: 200px;}
.tagline1 {font-size: 275%;}
.tagline2 {font-size: 175%; letter-spacing: 1px;}
.bg-tagline {background-image:url(graphics/bg-tagline-576.jpg);}
.logo-footer {width:40%; float:none; margin:0 30%;}
.footer-menu {font-size: 1.2em; line-height: 2.25em;}
.footer-team {font-size: 1.2em;}
.sale-header2 {font-size: 200%;}
.sale-header3 {font-size: 225%;}
}

@media (max-width: 480px) {
.torn-edge {margin-top: 150px;}
.tagline1 {font-size: 225%;}
.tagline2 {font-size: 150%; letter-spacing: 0;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
.intro-text {font-size: 110%; line-height: 2em;}
.sale-header2 {font-size: 160%;}
.sale-header3 {font-size: 170%;}
.herdsire-intro {font-size: 150%;}
}

@media (max-width: 375px) {
.callout-box {font-size: 225%;}
.tagline1 {font-size: 200%;}
.tagline2 {font-size: 175%;}
.logo-footer {width:50%; float:none; margin:0 25%;}
.sale-header {line-height: 2.25em;}
.sale-header1 {font-size: 150%;}
.sale-header2 {font-size: 135%; color:#147539;}
.sale-header3 {font-size: 135%;}
.sale-header4 {font-size: 120%; color:#888;}
}