@charset "UTF-8";
/*
Theme name: Pennland Pure
*/

/* CSS Document */

/*Import Bootstrap CSS Files*/
@import url(css/bootstrap.min.css);

/*fonts */
@font-face {
    font-family: 'uglyquaregular';
    src: url('./fonts/uglyqua-webfont.woff2') format('woff2'),
         url('./fonts/uglyqua-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'centaur_mtbold';
    src: url('./fonts/ufonts.com_centaur-mt-bold-webfont.woff2') format('woff2'),
         url('./fonts/ufonts.com_centaur-mt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'centaurregular';
    src: url('./fonts/centaur-596cade7273c2-webfont.woff2') format('woff2'),
         url('./fonts/centaur-596cade7273c2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Main Layout */
header + .clear {height: 150px}
.home header + .clear {height: 0px}
body {font-family: Times, serif; color:#424146; font-size:18px; line-height:1.75}
	body.home {background-image:url(images/white-board.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
header {background:#8e88a3; color:#000103; padding:0px}
	.home header {     background: rgba(255,255,255,0.65);  position: fixed;  left: 0;  right: 0; height: 125px}
	.home header .container { position:relative}
 header svg {  width: 170px; margin-top: -10px; margin-bottom: -10px}
 .home header svg {  width: 190px;}
.row-images .col-xs-4 {  height: 300px;  background-size: cover;    position: relative; background-repeat: no-repeat}
.row-images .col-xs-4#borders { border-left: 15px solid; border-right: 15px solid; border-color: transparent;}
.logo {position:relative; z-index:20; margin:0 0-30px; display:inline-block}
	.home .logo {margin: 0 0 -35px}
.img-responsive {display:inline-block}
footer {/*height:300px; background-image:url(images/bw-cheeses.jpg); background-size:cover; background-position:center */}
	.home footer {display:none}
#milk-can {background-image:url(images/milk-can.png); background-position:bottom right; background-repeat:no-repeat}
#cow{text-align:right}
#cheese{text-align:right}
#no-pad {padding-left:0px}
.search-field-header { }
button.search-submit {}
input.search-field { }
#fixed, #fixed2 {  height: 690px;}
	#fixed .container  {height: 100%;}
	#fixed2 .container {height: 100%; overflow-y: scroll; overflow-x: hidden}
	#fixed .container #no-pad  {  padding-left: 0px; padding-right: 0px; height: 100%;  overflow-y: scroll; overflow-x: hidden}
	#no-pad::-webkit-scrollbar, #fixed2 .container::-webkit-scrollbar { 
    display: none; 
}
.nav>li>a>img {max-width: 100%}

/* Row Variations */
.row {padding:30px 0px}
.row-white {background:#f7f4f0; padding:50px 0px 0px; }
.half {background: linear-gradient(90deg, #424146 50%, #906444 50%); color:#fff; font-size:16px; line-height:1.25; padding:50px 0px;     margin-top: -15px; }
.row-background .container-fluid {background-image:url(/wp-content/uploads/2017/11/plant-photo-435-for-home-page-11.9.17-copy-copy.jpg); background-position:bottom center; background-size:cover; background-repeat:no-repeat; padding:250px 0px 200px; margin-bottom:50px}
.row-images {background-image:url(images/white-board.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding: 15px 0px}
	
/* Buttons */
.btn {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: 'glacial_indifferencebold'; margin-top:0px; background:#5aa6bf; border:none; padding:10px 30px; font-size:14px; color:#fff; text-transform:uppercase; margin-bottom:20px}
.btn:hover {background:#8c4e8f; color:#fff; text-decoration: none;}
gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 2em;
    width: auto;
    margin: 0 16px 0 0;
    background: transparent;
    border: 2px solid #a9764d;
    color: #a9764d;
    padding: 5px 35px;
}
.btn-blue {color:#fff ; background:#3f81a9 ; border: none}
.btn-blue:hover {background: #c6a64b;}


.email {background:url(images/email.png) no-repeat bottom center; height:22px; display:block; margin-bottom: 0px; padding:0px; text-align:center;}
.email:hover {background:url(images/email.png) no-repeat top center; height:22px; display:block}

.address {background:url(images/location.png) no-repeat bottom center; height:24px; padding:0px; display:block; margin-bottom: 0px; text-align:left; }
.address:hover {background:url(images/location.png) no-repeat top center; height:24px; padding:0px; display:block}

/* Links */
a {color:#000; font-weight:bold}
a:hover {color:#8c4e8f; text-decoration:none}



.social {background-position:bottom center; display:inline-block; margin:15px auto; height:42px; width:42px; }
.social:hover {background-position:top center; display:inline-block; margin:15px auto; height:42px; width:42px; }
	#fb {background-image:url(images/fb-icon.png)}
	#twitter {background-image:url(images/twitter-icon.png)}
	#insta {background-image:url(images/insta-icon.png)}
	#pin {background-image:url(images/pin-icon.png)}
	#google {background-image:url(images/gplus-icon.png)}
	
/* Text Styles */
h1 { font-family: 'uglyquaregular',"Times New Roman", Times, serif; font-size:46px; color:#a9764d; margin-bottom:25px}
	.home h1 {color:#000; /*text-shadow: 0px 0px 6px rgba(0,0,0,1);*/ background: rgba(162, 161, 161, 0.5); box-shadow:0px 0px 50px rgba(161,161,161,.8); display: inline-block;  padding: 10px;}
h2 {font-family: 'uglyquaregular',"Times New Roman", Times, serif; text-transform:none; color:#000; font-size:36px}
	h2 strong {color: #a9764d}
h3 {font-size: 28px; text-align:center; padding-bottom:10px; }
	h3#cheese-banner {font-family: 'uglyquaregular',"Times New Roman", Times, serif; background-image:url(images/paper-label.png); background-position:top center;  padding:20px 25px 25px; font-size:31px ;color:#424146; background-repeat:no-repeat;     margin-top: -70px; margin-bottom: 0px; }
h4 {}
p {margin-bottom:20px}
strong {color: #8e88a3;}
/* Navigation Adjustments*/
.navbar {margin-bottom:0px; margin-top:60px; border-radius:0; padding-top:0px}
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top; text-align: right;}
.navbar .navbar-collapse {text-align:right }
.navbar-default {background:none; border:none; position:relative;  z-index:6;}
.navbar-default .navbar-nav>li>a {font-family: 'centaurregular'; font-size:21px;color:#000103;text-align: center; text-transform:capitalize; padding-left:15px; padding-right:15px; }
.navbar-default .navbar-nav>li>a:hover {}
.navbar-default .navbar-toggle {background:none; border:solid; color:#000; border-color:#000103}
.navbar-default .navbar-toggle .icon-bar { background-color:#000103;}
.dropdown-menu {background:#a9764d!important; color:#fff!important; box-shadow:none; border-radius:0; font-size:16px}
.dropdown-menu li {	margin-bottom: 10px;	list-style: none;}
.dropdown-menu li:last-child {margin-bottom: 0;}
.dropdown-menu>li>a  {color:#fff!important; text-transform:uppercase; text-decoration: none; padding:10px ;}
.dropdown-menu>li>a:hover  {color:#fff!important; background:#a9764d!important}
.navbar-default .navbar-nav>.active>a {color:#fff !important; background:none !important}
.home .navbar-default .navbar-nav>.active>a {color:#8e88a3 !important; background:none !important}
.navbar-default .navbar-nav>.open>a {color:#fff !important; background:none !important;  }

/* Misc */
.clear {clear:both}
.l {float:left}
.r {float:right}
.txt-r {text-align:right}
.txt-c {text-align:center}
.txt-b {bottom:-180px;}
.mb10 {margin-bottom:10px}
.mb25 {margin-bottom:25px}

.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}

.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt35 {margin-top:37px}
.mt50 {margin-top:50px}

.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}

.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}



 /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		.navbar-default .navbar-nav>li>a {padding-left:15px; padding-right:15px; }	
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.navbar-default .navbar-nav>li>a {padding-left:5px; padding-right:5px; }
		.home header {background:none; margin-bottom:-300px}

		.row-background .container {padding:350px 0px 200px}
		footer {text-align:center}
		.row-images .col-xs-4 {height: 200px}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none; margin-top:20px}
		#main-img {margin-bottom:50px; margin:auto; display:inline-block}
		.half {background:linear-gradient(180deg, #424146 50%, #906444 50%);;}
		#cow{text-align:center}
#cheese{text-align:center}
h3#cheese-banner {padding: 10px 25px 25px; font-size:24px}
#fixed {  height: auto;}
.row-images .col-xs-4#borders { border-left: #fff 5px solid; border-right: 5px #fff solid}
.row-images {padding: 5px 0px}
		.r {float:none}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {text-align: center; background-color: #8e88a3 }
.main-img {
    margin-bottom: 20px;
}
.home .navbar-default .navbar-nav>.active>a {color:#fff !important; text-decoration: underline}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.btn-hide-request {visibility:visible; display:block; background:#b13232}	
			.btn-hide-request a {color:#fff !important}	
		.logo img {text-align:center; position:static}
		.row-images .col-xs-4 {height: 100px}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
	
/* Begin Default Wordpress WYSIWYG Editor Styles */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

#navbar-example li { opacity: 0;  position: fixed;  top: 220px;  max-width: 25%;
}
#navbar-example li .img-responsive {max-width: 100%}
#navbar-example li.active {
    opacity: 1;
    position: fixed;
    top: 220px;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}