Menu Top “Tags”

/* tag effect at top of dropdown menus */
.tb-primary-menu > .menu-item > .sub-menu > li:first-child:before, .tb-primary-menu > .menu-item > .sf-mega:before {
	content: "";
	position: absolute;
	top: -11px;
	left: 15px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 11px 11px 11px;
	border-color: transparent transparent #ff4891 transparent;/* border color*/
}
.tb-primary-menu > .menu-item > .sub-menu > li:first-child:after, .tb-primary-menu > .menu-item > .sf-mega:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 16px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ffffff transparent;/* background color*/
	-moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.tb-primary-menu > .menu-item > .sub-menu.reverse > li:first-child:before {
	left: auto; right: 15px;/*when the far right item reverses against the edge of the page*/
}
.tb-primary-menu > .menu-item > .sub-menu.reverse > li:first-child:after {
	left: auto; right: 16px;/*when the far right item reverses against the edge of the page*/
}
.tb-primary-menu > .menu-item > .sub-menu > li:first-child:hover:after,
.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-parent:first-child:hover:after,
.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-ancestor:first-child:hover:after {
	border-color: transparent transparent #ff4891 transparent;/* hover background */
}
.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-item:first-child:after,
.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-parent:first-child:after,
.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-ancestor:first-child:after,
.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-item:first-child:hover:after {
	border-color: transparent transparent #ffcf00 transparent;/* active background */
}
.tb-primary-menu > #menu-item-673 .sf-mega:before {/* manually reposition megas */
	left: auto;
	right: 430px;
}
.tb-primary-menu > #menu-item-673 .sf-mega:after {
	left: auto;
	right: 431px;
}

/* tag effect at top of dropdown menus */

.tb-primary-menu > .menu-item > .sub-menu > li:first-child:before, .tb-primary-menu > .menu-item > .sf-mega:before {

content: "";

position: absolute;

top: -11px;

left: 15px;

width: 0px;

height: 0px;

border-style: solid;

border-width: 0 11px 11px 11px;

border-color: transparent transparent #ff4891 transparent;/* border color*/

}

.tb-primary-menu > .menu-item > .sub-menu > li:first-child:after, .tb-primary-menu > .menu-item > .sf-mega:after {

content: "";

position: absolute;

top: -10px;

left: 16px;

width: 0px;

height: 0px;

border-style: solid;

border-width: 0 10px 10px 10px;

border-color: transparent transparent #ffffff transparent;/* background color*/

-moz-transition: all .25s ease-out;

-webkit-transition: all .25s ease-out;

transition: all .25s ease-out;

}

.tb-primary-menu > .menu-item > .sub-menu.reverse > li:first-child:before {

left: auto; right: 15px;/*when the far right item reverses against the edge of the page*/

}

.tb-primary-menu > .menu-item > .sub-menu.reverse > li:first-child:after {

left: auto; right: 16px;/*when the far right item reverses against the edge of the page*/

}

.tb-primary-menu > .menu-item > .sub-menu > li:first-child:hover:after,

.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-parent:first-child:hover:after,

.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-ancestor:first-child:hover:after {

border-color: transparent transparent #ff4891 transparent;/* hover background */

}

.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-item:first-child:after,

.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-parent:first-child:after,

.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-ancestor:first-child:after,

.tb-primary-menu > .menu-item > .sub-menu > li.current-menu-item:first-child:hover:after {

border-color: transparent transparent #ffcf00 transparent;/* active background */

}

.tb-primary-menu > #menu-item-673 .sf-mega:before {/* manually reposition megas */

left: auto;

right: 430px;

}

.tb-primary-menu > #menu-item-673 .sf-mega:after {

left: auto;

right: 431px;

}