/*---------------------------Core CSS Code ---------------------------*/	
body {  /*Control all of site and defines all future layout*/
    background-color: #F5F5DC;
    background-image:url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/back00123brown.jpg');
   background-position: right bottom;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Archivo Narrow', sans-serif; /*This will change all fonts on site unless unique in the CSS*/
   	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	color: #2f2f2f;} /*This will define the text color on site unless unique in the CSS*/
	
p {	 /*Paragraph Tag if selected*/   
    color: #2f2f2f;
	font-size: 18px;
	line-height:35px;
	padding: 5px;
	margin: 0px;}
	    
a {  /*Site Links*/   
    color: #65b547;
	font-size: 14px;
	text-decoration: none;}
	
a:hover {/*Site Links on Hover*/ 
    color:#797979;
    text-decoration: none;}

img { /*any and all images on site*/  
    text-decoration: none;
    border: 0px;}
        
/*---------------------Heading Tags Based in Body Font and Size-----------------------*/

h1,h2,h3,h4,h5,h6 { /*Use this if you Want a universal Heading Color otherwise add to the Tags below*/ 
    color:#782931;
    margin: 0px;
    padding: 0px;}

h1 {    /*Header 1 in Text Editor Also used for Forms and Blog Headings*/ 
    font-size: 500%;
    line-height:100%;
    font-family: 'Great Vibes', cursive;
   
    color: #ffffff;
}
    

h2 {    /*Header 2 in Text Editor */
    font-size: 300%;
    font-family: 'Great Vibes', cursive;
}

h3 {    /*Header 3 in Text Editor */
    font-size: 175%;}

h4 {    /*Header 4 in Text Editor */
    font-size: 150%;}
    
h5 {   /*Header 5 in Text Editor */
    font-size: 165%;
    color: #131b2e;
}
    
h6 {   /*Header 6 in Text Editor */
    font-size: 110%;}
    
.wrapper {}
        
/*---------------------------CSS for Logo---------------------------*/

.logo{
    margin-bottom: 0px;
    margin-top: -40px;
    transition:all .7s ease;
    z-index: 2;
}

.logo.tiny img{
    height: 100px;
    margin-top: -47px;
    transition:all .7s ease;
}

/*---------------------------Core CSS Code END----------------------*/
.up { 
    margin-top: -17px;
    padding-bottom: 10px;
    line-height: 230%;
}

.box{ 
    padding: 25px;
    box-shadow: grey 0px 0px 15px;
    border-radius: 15px;
    background-color: #ffffff;
    margin-bottom: 25px;
}


.box img{ 
    float: right;
    box-shadow: grey 0px 0px 15px;
    border-radius: 15px;
    margin-top: -35px;
    margin-right: -35px;
}

.box2{ 
    padding: 25px;
    width: 50%;
        text-align: center;
    box-shadow: grey 0px 0px 15px;
    border-radius: 15px;
    background-color: #ffffff;
    margin-bottom: 25px;
}

.tv{
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/fishhead/TV.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 55px 40px 125px 40px;
    
}
.promo {
    padding: 15px;
    margin: 15px;
    transition:all .7s ease;
    
    
}

.promo img {
    width: 75%;
    opacity: .75;
    transition:all .7s ease;
    
}
.promo img:hover {
    transition:all .7s ease;
    width: 75%;
    opacity: 1;
    border-radius: 25px;
    box-shadow: grey 5px 5px 15px;
    
}

.partners img{
    transition:all .7s ease;
    width:95%;
    opacity: .75;
    border-radius: 25px;
    box-shadow: grey 1px 1px 3px;
    margin: 15px;
}
.partners img:hover{
    transition:all .7s ease;
    width:100%;
    opacity: 1;
    border-radius: 25px;
    box-shadow: grey 5px 5px 15px;
}
.form{
    width: 50%;
    text-align: center;
    margin: auto;
}

/*---------------------------Header START---------------------------*/
.headerwide {
    transition:all 2s ease;
    background-position: bottom;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/top.png');
    background-color: none;/* Need for IE when it does not display */
    padding-bottom: 0px;
    border-bottom: #000000 solid 0px;
    
    color: #ffffff;
    position: fixed;/*position: fixed;   Static Top Header Does not Move-*/
    right: 0px; /*Static Top Header Does not Move-*/
    left: 0px; /*Static Top Header Does not Move-*/
    z-index: 1; /*Static Top Header Does not Move-*/
    top:0;
    

}
    
.headerwidetop {
    background-color: #000000;
    padding: 0px;
    text-align: right;
    width: auto;
    margin: auto;}
    


.header {
    margin: auto;
	width: 1000px;}
	
.headerleft {
	float: left;
	width: 250px;
    padding-top: 15px;}

.headerright {
	float: left;
    padding-left: 10px;
	text-align: right;
	width: 730px;}
	
.header1 {
    float: left;
	padding: 5px 0px 5px 0px;
	width: 600px;}
	
.header2 {
	padding: 0px 10px 0px 0px;
	width: 650px;}

.header3 {
    float: left;
	padding: 5px 0px 5px 0px;
	width: 400px;}
	
.header4 {
    float: left;
	padding: 5px 0px 5px 0px;
	width: 750px;}
	

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


/*---------------------------MainMenu START---------------------------*/
.MainMenuwide {/*Spans the entire screen and divide Menu is then placed in here*/
    background-color: #1096ce;
    text-align: center;
    box-shadow:inset #000000 0px 0px 8px;
}
    
.MainMenu {/*hold the menu to size*/
    text-align: right;
    margin-top: 30px;}
    
.MainMenu ul.le_menu_level_0 {/*plays with menu items per but not the link*/
    display: inline-block;
    margin: 0px;
    padding: 0px;
    text-align: left;}
    
.MainMenu li {
    list-style-type: none;
    text-decoration: none;}

.MainMenu li.le_menuitem_level_0 {
    float: left;}

.MainMenu li.le_menuitem_level_0 a {
	display: block;
    font-size: 14px;
	color: #ffffff;
	width: auto;
	
	text-align: center;
	
    padding: 7px 20px 7px 20px;
	margin: 0px 0px 0px 0px;
	transition:all .7s ease;
    border-right:  dotted #000000 1px;
    }
	
	
.MainMenu li.le_menuitem_level_0 a:hover {
    color: #ffffff;
    transition:all .4s ease;
    
    background-color: #413835;
    
    text-decoration: none;}

.MainMenu li.le_menuitem_level_0 a.le_current_link {
    }


/*--------1st level submenu-------*/
.MainMenu ul.le_menu_level_1 {
	position: absolute;
	
	z-index: 1;
	display: none;
	padding: 0px;
	text-align: left;}
	
.MainMenu li.le_menuitem_level_0:hover ul.le_menu_level_1 {
	display: block;}
	
.MainMenu li.le_menuitem_level_1 a {
	display: block;
	background-color: #cccccc;
	color: #495E73;
	border-radius: none;
    box-shadow: none;
	padding: 4px 20px;
	text-decoration: none;
	background-color: none;
    background-image: none;}
    
.MainMenu li.le_menuitem_level_1 a:hover {
    color: #ffffff;
    border-radius: 0px 0px 0px;
    box-shadow: none;
    background-color: #413835;}
    
/*----------2nd level submenu-----*/
.MainMenu .le_menu_level_2_container {
	float: right;
	margin-top: -26px;
	padding: 0px;}
	
.MainMenu ul.le_menu_level_2 {
	position: absolute;
	z-index: 1;
	display: none;
	margin: 0px;
	padding: 0px;
	text-align: left;}
	
.MainMenu li.le_menuitem_level_1:hover ul.le_menu_level_2 {
	display: block;}
	
.MainMenu li.le_menuitem_level_2 a {
    display: block;
	font-size: 16px;
	color: #000000;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #faf7e9;
    background-image: none;}
    
.MainMenu li.le_menuitem_level_2 a:hover {
    color: #ffffff;
    background-color: #445c6f;}
    
/*-------------------------MENU END--------------------------------*/

.maincontentwide {
	margin: auto;
	margin-top: 20px; /*Change to match logo height for Header Static-*/
	padding-top:00px;
   	width: auto;}
   	
.maincontent {
    
	margin: auto;
    width: 1000px;
    padding: 25px;
    
    margin-top: -25px;
}

/*---------------------------Main Content Area START---------------------------*/

/*---------------------------Content Start Editable Areas on Site---------------------------*/
.wide1{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.0s ease;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/wide001d.jpg');
}
.wide1.tiny{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.0s ease;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/wide001.jpg');
       background-position: top;
       
}

.wide2{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/wide002d.jpg');
}
.wide2.tiny{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;
background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/wide002.jpg');
    background-position: top;
}
.wide3{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;
   background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/wide003d.jpg');
    
}
.wide3.tiny{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;
background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/creeksidefarm/creekside-farms/wide003.jpg');
    background-position: top;
}
.wide4{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/fishhead/back004.jpg');
}

.wide4.tiny{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;

    background-position: bottom;
}
.wide5{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/fishhead/back005.jpg');
}
.wide5.tiny{
    
    padding: 0px 0px 0px 0px;
    margin: auto;
    transition:all 2.5s ease;

    background-position: bottom;
}
.contenttop {
    margin-top: 0px;}


.content1 {
	padding: 85px 0px 0px 0px;
    text-align: center;
    font-size: 115%;
}
.linkblue a{
    transition:all 1s ease;
    padding: 10px 35px;
    background-color: #292f63;
    color: #ffffff;
}
.linkblue a:hover{
    transition:all 1s ease;
    background-color: grey;
    
}
.linkblue {
    transition:all 1s ease;
    margin-bottom: 50px;
}

.linkblue2 img {
    transition:all .5s ease;
    opacity: .25;
}
.linkblue2 img:hover {
    transition:all .5s ease;
    opacity: .85;
}

.linkblue3 img {
    transition:all .5s ease;
    opacity: 1;
    background-color: #ffffff;
    padding: 7px;
    border-radius: 8px;
}
.linkblue3 img:hover {
    transition:all .5s ease;
    opacity: 1;
    
}

.linkred a{
    transition:all 1s ease;
    padding: 10px 35px;
    background-color: #bf1e2e;
    color: #ffffff;
}
.linkred a:hover{
    transition:all 1s ease;
    background-color: grey;
    
}
.linkred {
    transition:all 2s ease;
    margin-bottom: 50px;
}

.content1 img{
    border: solid black 0px;}

.content2 {
	float: left;
    width: 480px;
    margin: 10px 10px 25px 10px;}
.content2 img{
    border: solid black 0px;
    margin-bottom: 10px;}
.content5 {
	float: left;
    width: 190px;
    margin: 5px;}

.content6 {
    float: left;
    width: 320px;
    margin: 5px;
    text-align: center;
    
}
.content100{
    z-index:-1;
    
}



/*---------------------------Content Start Editable Areas on Site END---------------------------*/


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


.footerwide {
    background-color: #000000;
    margin-top: 0px;
    border-top: solid #000000 15px;
	padding: 10px 0px 15px 0px;
    box-shadow: grey 0px 0px 3px;}
    
.footer {
	margin: auto;
	width: 960px;
    color: #ffffff;
}
	
.footer p {
    color: #ffffff;
	font-size: 13px;}

.footer a {
    color: #b3d082;
	}
	
.footerleft {
	float: left;
	width: 360px;}
	
.footerright {
	float: left;
    padding-left: 10px;
	text-align: right;
	width: 590px;}
	
.footer2, .footer3, .footer4 {
    padding-top: 10px;}
    
/*---------------------------Footer Menu START---------------------------*/
    
.FooterMenu {}

.FooterMenu ul {
    display: inline-block;
    margin: 0px;
    padding: 0px;}
    
.FooterMenu ul li {
    display: block;
    float: left;
    list-style-type: none;
	width: auto;}
	
.FooterMenu ul li a {
    text-decoration: none;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 13px;
    border-right: dotted black 1px;
	padding: 0px 10px 0px 10px;}
	
.FooterMenu ul li a:hover {
    color: #333333;}
    
.FooterMenu ul li:last-of-type a {}

/*--------1st level submenu-------*/
.FooterMenu li.le_menuitem_level_1 a {
    display: none;}
    
/*--------2nd level submenu-------*/
.FooterMenu li.le_menuitem_level_2 a {
    display: none;}
    
/*--------footer menu end---------*/
.le_view_mobile a {
    color: #b3d082 !IMPORTANT;
    text-decoration: underline;
    font-size: 85%;}
    
/*---------------------------Footer Menu END---------------------------*/

/*---------------------------Live Edit Override so Menus Shrink ---------------------------*/
.modal-body,.modal-body p, .modal-body a{
    font-size: 14px!IMPORTANT;}
    
.le_region_name {
    font-size: 10px;
    padding: 0;}
    
.le_region_image {
    max-height: 10px;
    padding: 0;
}
/*---------------------------Live Edit Override so Menus Shrink END ---------------------------*/
    
/*---------------------------CLEAR START---------------------------*/
/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;}

.clearfix {
	display: inline-block;}

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}
/*---------------------------CLEAR END---------------------------*/

#blog_post #blog_post_title_section #blog_post_title{
    font-size: 45px !important;;
    color: #000 !important;;
    line-height: 1.5 !important;;
}