/*
* Fluidal V2.0
* Copyright 2012, Duncan Arrow
* http://fluidal.duncanarrow.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* HEADER LAYOUTS */
.headerfullwidth {border-bottom: 0px solid #ddd; margin-top: 1%; margin-bottom: 0%; }
.headerfullwidth .container {background-color: white!important; margin: 0% auto!important; z-index: 99997; position: relative; padding-top: 28px;}
.container {background: #fff;}
/*.homepage {position: relative; top: -300px!important;}*/
.container.pagelayout {background-color: #fff!important;}

.socmedia {text-align: right; margin-bottom: -13px!important;}

.header {height: 100px; margin-bottom: 2%!important;}
header h1 {margin: 0%;}
.header hr {margin : 7% 0 -2%!important;}
.home_calls { background-color: #fbbb9c; height: 414px;}
.home_calls .textwidget {color: #e35205;}
.home_calls h1, .home_calls h2 {color: #0d124d;}
.home_calls h1 {font-size: 2.3em; padding-bottom: 0;}
.home_calls h2 {padding-top: 0; padding-bottom: 4px;}
.showlogos {display: none!important;}

#footer .widget {color: #ddd;}
.widget {color: #444; margin-bottom: 10px; clear: both;}

.fsb {float: right; text-align: right;}

.booknow {background-color: #75043c; color: white; font-weight: bold; float: right!important; letter-spacing: -1px;}
.booknow a {font-weight: bold!important;}

.sidebar {padding: 0% 0 1% 0;}
.sidebar ul {padding-left: 8%;}
.entry ul {padding-left: 5%;}
.entry ol {margin-left: 0%; padding-left: 6%;}
.entry-content li {margin-left: 19px; text-indent: -15px; list-style-position: inside;}

.recentvideos .one-half.column {width: 49%; margin-right: 2%;}
.recentvideos .one-half.column a img, .recentvideos .one-half.column p {margin: 2px 0px 0px 0!important;}
.latestvideo a img, .latestvideo p {margin: 5px 0px 20px 0!important;}


.home_calls .widget {margin-bottom: 0px!important;}
.latestnews {border-right: 1px solid #aaa; border-left: 1px solid #aaa; min-height: 290px;}
.latestnews h2, .latestnews h5, .latestnews p, .latestnews hr {padding-left: 10px; padding-right: 10px;}

ul#portfolio li {width: 303px; height: 350px;}
ul#portfolio li img.recipe_image {margin-bottom: 10px;}

#footer {
width : 100%;
float : left;
color : #e35205;
padding : 0% 0 0% 0;
font-size: 1.0em; line-height: 1.5em; 
}

#footer .container {padding-top: 20px; padding-bottom: 5px;}

nav select {
  display: none;
}

.shoponline {float: right!important; background-color: #444!important; border-left: 1px solid #888;}
.shoponline a {font-weight: bold!important;}
li.shoponline:hover {background-color: #222!important;}

.mcd {float: right!important; background-color: #ffffff!important; text-align: right; padding: 20px 0px 10px 0px;}
.mcd span {padding-left: 0px; padding-right: 0px; float: right!important; color: #00a8e7;}
.products-widget span {font-size: 1.3em; margin-top: 75px;}

/* #Page Styles
================================================== */
.page_wrapper {margin-top: 0; padding-left: 10px; padding-right: 10px;}




/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1020px) {.products-widget span {font-size: 1.3em;}
	#footer .container {padding-top: 10px;}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 834px) and (max-width: 1020px) {
.imagehover p {width: 221px; height: 100px; overflow; hidden;}
.products-widget span {font-size: 1.2em; margin-top: 55px;}
.home_calls {}
ul#portfolio li {width: 246px; height: 350px;}
//ul#portfolio li img.recipe_image {display: inline; float: left; padding-right: 10px;}
.home_calls h1 {font-size: 1.8em;}
.home_calls {height: 327px;}

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 834px) {
.imagehover p {width: 100%; height: 95%; overflow; hidden;}
.divider {border-bottom: #bbb 1px dashed; padding-bottom: 5px; margin-bottom: 5px!important;}
.latestnews {border-right: 0px dotted #444; border-left: 0px dotted #444;}
.latestnews h2, .latestnews h5, .latestnews p, .latestnews hr {padding-left: 0px; padding-right: 0px;}
.recentvideos .one-half.column {width: 50%; margin-right: 0%;}
.products-widget span {font-size: 1.1em; margin-top: 58px;}
.fsb {float: left; text-align: left;}
.showlogos {display: block!important;}
.hidelogos {display: none!important;}
.footerwidget {width: 33%!important;}
.home_calls {height: auto;}


} /* End of @ media max 767px */



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 834px) {
.socmedia p { text-align: right; padding-top: 0px!important;}
.socmedia {text-align: right; margin-bottom: 0px!important; }
.socmedia h2 {font-size: 1.8em;}
.products-widget span {font-size: 1.0em; line-height: 1.1em; margin-top: 7%;}
ul#portfolio li {width: 98%; height: auto!important;}
ul#portfolio li img.recipe_image {display: inline; float: left; padding-right: 10px;}

.topheader {display: none;}


ul.sub-menu {margin: 0% 0% 0% 0%!important; font-size: 75%; padding-right: 3%;}

ul.sub-menu li a {padding-left: 12%!important;}

/*#nav li { padding: 5px!important} 
li.icon a {padding: 3% 0% 3% 1%!important;}
#nav li a {padding: 5px 5px!important;}*/
li.shoponline {float: left!important; border-left: 0px;}

#nav ul li {padding: 0px;}

#nav ul {width: 100%!important;}

.headerfullwidth {padding-bottom: 0px;}

.headerfullwidth .twelve.columns {background-color: #e0e0e0;}

#nav {max-height: 100%!important;}

#nav a {line-height: 2em!important;}


} /* End of @ media min 480px max 767px */



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.footerwidget {width: 100%!important;}
ul#portfolio li {width: 97%; height: auto!important;}

.mcd {text-align: left;}
.mcd span {padding-left: 10px; padding-right: 10px; float: left!important;}

.socmedia p {padding-top: 0px!important; text-align: left;}
.topheader {display: none;}
li.shoponline {float: left!important; border-left: 0px; width: 100%;}
.icon {color: #fff!important;}

} /* End of @ media max 479px */




/* Minimum width of 481px (devices and browsers) */
@media only screen and (min-width: 480px) {

header {display: none!important;}

/*NAVIGATION */
.primary_nav {display: none;}

.primary_nav li.top {display: none!important;}

a.to_nav { display: none!important;}

#nav {
margin : 0px 0 0px;
width : 100%;
/*max-height : 36px;*/
padding : 0 0 0;
line-height : 100%;
background-color: #0d124d;
}

#nav li {
margin : 0 0px;
padding : 12px 20px!important;
float : left;
position : relative;
list-style : none;
text-align: center;
line-height: 1.2em;
background-color: #0d124d; text-indent: 0px;
}

#nav li:first-child a{
    border-right: 0px solid #ddd!important;
}

#nav li li {width: 100%!important;} 

#nav a {
font-weight : normal;
color : #fff;
text-decoration : none;
font-size: 1.2em;
display : block; /* or inline */
/*padding : 8% 1% 8% 1%;
padding : 8px 10px;*/
line-height: 2em;
margin : 0;
}

#nav a:hover {/*background-color: #2e2e2c;*/ /* #dbdbdb */; }

li.home, li.current_page_item, li.current_menu_item, li.current_page_parent, li.current_menu_parent 
{ 
    /* background-color: #cc0066!important; */
    background-color: #ff5400!important;
    color:#fff!important;
}

.genericon-home:hover {
    color: #0d124d!important;
}

#nav li:hover{ background-color: #ff5400; -moz-transition: all 0.4s linear!important;
   -webkit-transition: all 0.4s linear!important;
   -o-transition: all 0.4s linear!important;
   transition: all 0.4s linear!important;}

#nav li a:hover {color: #fff!important; }

#nav li:hover a{
    color: #fff!important;
}

#nav ul li:hover, #nav li:hover li {
background : none;
border : none;
color : #999; 
}

#nav ul a:hover {
color : #fff!important ;
}

#nav li:hover > ul {
display : block;
}

#nav ul {
display : none;
margin : 10px 0;
padding : 0;
width : 185px;
position : absolute;
/*top : 35px;*/
left : 0;
/* background: #e32986; */
background: #e35205;
z-index: 99999!important;
}

#nav ul li {
float : none;
margin : 0;
padding : 0; 
border-left: 1px solid #000; text-align: left; position: relative; z-index: 99998!important;
}

#nav ul a {line-height: 1.7em!important;
font-weight : normal;
padding: 3% 5% 3% 5%!important;
}

/* Second level flyout */
#nav ul ul {
left : 175px;
top : -10px;
}

#nav:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}

#nav {
display : inline-block; padding: 0; float: left;
}

html[xmlns] #nav {
display : block;
}

* html #nav {
height : 1%;
}/* End nav menu */

} /* End of @ media min 480px */



/* Max width of 479px (devices and browsers) */
@media only screen and (max-width: 479px) {
.socmedia .fa-brands {padding-top: 10px;}
.socmedia {background-image: none; text-align: left; margin-bottom: -5px!important; height: auto;}

.logo {margin-bottom: 0%!important;}
.divider {border-bottom: #bbb 1px dashed; padding-bottom: 15px; margin-bottom: 15px!important;}

#nav  { display: none!important; }

.hide {display: none!important;}

/*nav select { display: inline-block; }*/

.mobile_nav {background-color: #e35205!important;
margin: 0px!important;
padding: 0px!important;
width: 100%;
}

.mobile_header {
padding: 15px 10px 15px 10px;
cursor: pointer;
position: relative;
background-color:#e35205!important;
margin:1px; color: white; font-size: 1.1em; text-transform: uppercase; font-weight: bold;
}

.mobile_list {
padding: 0px 0px 0px;
background-color:#e35205!important;
}

ul.sub-menu {margin: 0% 0% 0% 0%!important; font-size: 75%; padding-right: 3%; }

ul.sub-menu li a {padding-left: 12%!important;}

header {display: block!important;
    background: #e35205;
    padding: 0px!important; margin: 0px 0px 18px 0px!important;
}
 
        header:before,
        header:after {
            content:"";
            display:table;
        }
 
        header:after {
            clear:both;
        }
 
        /* For IE 6/7 (trigger hasLayout) */
        header {
            /*zoom:1;*/
        }
 
h1.logo a {
    color: #d8d8d8;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    float: left;
    letter-spacing: 0.2em;
}
 
a.to_nav {
    float: right;
    color: #fff;
    background: #e35205;
    text-decoration: none;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;*/
    border-radius: 2px;
}
 
a.to_nav:hover,
a.to_nav:focus {
    color: #fff;
    background: #642b62;
}

.primary_nav ul {
    list-style: none;
    background: #e35205;
    padding: 0px 0px 0px 0px; margin-bottom: 0%!important;
}
 .primary_nav li {margin-bottom: 0%!important;}

.primary_nav li a {
    display: block;
    padding: 10px 20px 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #e35205!important;
}
 
.primary_nav li:last-child a {
    border-bottom: 1px solid #e35205!important;
}
 
.primary_nav li a:hover,
.primary_nav li a:focus {
    color: #fff;
    background: #642b62;
}

.primary_nav .current_page_item, .primary_nav .current-menu-item { color: #1c1c1c; background: #642b62;}

} /* End of @ media max 479px */







/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/