/* ::Component: Main navigation (superfish.js)
------------------------------*/
/* superfish.css */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu li {position:relative;}
.sf-menu ul {position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li {float:none;display:inline-block;text-align:center;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display:block;}
.sf-menu a {display:block;position:relative;}
.sf-menu ul ul {top:0;left:100%;}
/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:1em;width:100%;text-align:center;}
.sf-menu ul {box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em; /* allow long menu items to determine submenu width */*width: 12em; /* no auto sub width for IE7, see white-space comment below */}
.sf-menu a {border-left:1px solid #fff;border-top:1px solid #dFeEFF; /* fallback colour must use full shorthand */border-top:1px solid rgba(255,255,255,.5);padding:.75em 1.7em;padding-top:35px;text-decoration:none;zoom:1; /* IE7 */}
.sf-menu a {font-size:17px;text-transform:uppercase;color:#ffb46b;}
.sf-menu a:hover {color:#f99080;}
.sf-menu li {background:#BDD2FF;white-space: nowrap; /* no need for Supersubs plugin */*white-space: normal; /* ...unless you support IE7 (let it wrap) */-webkit-transition:background .2s;transition:background .2s;}
.sf-menu ul li {background:#AABDE6;}
.sf-menu ul ul li {background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover {background:#CFDEFF;	/* only transition out, not in */-webkit-transition:none;transition:none;}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {padding-right:2.5em;*padding-right:1em; /* no CSS arrows for IE7 (lack pseudo-elements) */}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;/* order of following 3 rules important for fallbacks to work */border:5px solid transparent;border-top-color:#dFeEFF; /* edit this to suit design (no rgba in IE8) */border-top-color: rgba(255,255,255,.5);}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {border-top-color: white; /* IE8 fallback colour */}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dFeEFF; /* edit this to suit design (no rgba in IE8) */border-left-color:rgba(255,255,255,.5);}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color:white;}
/* superfish-navbar.css */
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {background:rgba(122, 43, 45, 0.9);position:relative;margin-bottom:0;}
/* provide background colour for submenu strip */
/* you should just set the menu's container bg colour rather than use pseudo-elements */
.sf-navbar ul {box-shadow:none;}
.sf-navbar li {background:none;position:static;}
.sf-navbar > li > a {border:none;}
.sf-navbar > li > ul > li > a{padding-bottom:20px;border:none;}
.sf-navbar > li > ul > li > a {color:#f99080;font-size:16px;}
.sf-navbar > li > ul > li > a:hover {color:#fdb497;}
.sf-navbar > li > ul {width:100%; /* set this to whatever suits your design */background:rgba(121, 35, 53, 0.9);}
.sf-navbar ul li {background:none;position:relative;}
.sf-navbar ul ul {left:0;top:100%;}
.sf-navbar ul ul li {width:100%;}
.sf-navbar > li > ul > li {float:none;display:inline-block;text-align:center;}
.sf-navbar li.current {background:#BDD2FF;}
.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar ul li.current {background:none;}
.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, .sf-navbar ul ul li {background:none;}
.sf-navbar ul ul li:hover, .sf-navbar ul ul li.sfHover, .sf-navbar ul ul li.current {background:#E6EEFF;}
.sf-navbar ul li.current > a {font-weight:bold;}
/*** point all arrows down ***/
.sf-arrows.sf-navbar ul .sf-with-ul:after {margin-top:-3px;margin-right:0;border-color:transparent;border-top-color:#dFeEFF; /* edit this to suit design (no rgba in IE8) */border-top-color:rgba(255,255,255,.5);}
.sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after, .sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after, .sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after {border-color:transparent;border-top-color:white;}
/* ::Component: Mobile navigation (slicknav.js)
*/
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
.slicknav_menu {font-size:16px;}
/* Button */
.slicknav_btn {margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#7a2a2c;}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {color:#FFF;font-weight:bold;text-shadow:0 1px 3px #000;}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {background-color:#f5f5f5;}
.slicknav_menu {background:#7a2a2c;padding:5px;}
.slicknav_nav {color:#fff;margin:0;padding:0;font-size:0.875em;}
.slicknav_nav, .slicknav_nav ul {list-style:none;overflow:hidden;}
.slicknav_nav ul {padding:0;margin:0;background:#792335;padding-left:15px;}
.slicknav_nav ul a{color:#f99080;}
.slicknav_nav ul a:hover{color:#fdb497;}
.slicknav_nav .slicknav_row {padding:5px 10px;margin:2px 5px;white-space:nowrap;}
.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#ffb46b;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {padding:0;margin:0;}
.slicknav_nav .slicknav_row:hover {border-radius:0;background:none;color:#f59080;}
.slicknav_nav a:hover{border-radius:0;background:none;color:#f59080;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}
/* Hide/display mobile nav */
.slicknav_menu {display:none;}
.branding-main {top:2px;display:block;position:fixed;z-index:9999;margin:10px 15px;}
@media screen and (min-width:992px) {
/* Logo */
.branding-main {display:none;}
}
@media screen and (max-width:768px) {
/* #menu is the original menu */
.js .slicknav_menu {display:block;}
}

@media (min-width:768px) {
.sf-menu a {font-size:13px;}
	}
@media (min-width:992px) {
.sf-menu a {font-size:17px;}
	}
@media (min-width:1200px) {
	}
